/* 居民端统一顶部导航：页面级入口使用 Tab，详情页使用返回入口。 */
.resident-global-tabs{
  position:sticky;
  top:calc(68px + var(--safe-area-top,0px));
  z-index:9;
  display:flex;
  align-items:center;
  gap:4px;
  min-height:54px;
  padding:8px max(18px,calc((100vw - 1180px)/2));
  overflow-x:auto;
  background:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(111,145,204,.2);
  box-shadow:0 6px 20px rgba(38,84,157,.06);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.resident-global-tabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  padding:0 15px;
  border:1px solid transparent;
  border-radius:9px;
  color:#60779d;
  text-decoration:none;
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
}
.resident-global-tabs a:hover{color:#2458b5;background:#f2f6ff}
.resident-global-tabs a.active{color:#2458b5;background:#eaf1ff;border-color:#cfe0ff}
.resident-global-tabs em{
  min-width:20px;
  padding:2px 6px;
  border-radius:99px;
  background:#2f6df6;
  color:#fff;
  font-size:10px;
  font-style:normal;
  text-align:center;
}
.resident-record-toolbar{
  display:grid;
  gap:10px;
  padding:12px 17px;
  border-bottom:1px solid rgba(111,145,204,.18);
  background:rgba(247,250,255,.7);
}
.resident-record-toolbar .search{max-width:360px;margin:0}
.resident-record-toolbar .search input{font-size:13px}
.resident-filter-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}
.resident-filter-tabs .nav-item{
  width:auto;
  flex:0 0 auto;
  align-items:center;
  gap:6px;
  margin:0;
  padding:7px 10px;
  border:1px solid rgba(111,145,204,.22);
  border-radius:99px;
  background:#fff;
  color:#60779d;
}
.resident-filter-tabs .nav-item:hover,.resident-filter-tabs .nav-item.active{border-color:#bad2ff;background:#eaf1ff;color:#2458b5}
.resident-filter-tabs .nav-icon{display:none}
.resident-filter-tabs .nav-copy{display:flex;align-items:center;gap:5px}
.resident-filter-tabs .nav-copy strong{font-size:12px}
.resident-filter-tabs .nav-copy span{font-size:10px;color:#8aa0c2}
.resident-filter-tabs .nav-item.active .nav-copy span{color:#55709e}
.resident-filter-count{color:#8aa0c2;font-size:11px}
.resident-page-back{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:0 11px;
  border:1px solid #cfe0ff;
  border-radius:9px;
  background:#f5f9ff;
  color:#2458b5;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
}
.resident-page-back:hover{background:#eaf1ff}
@media(max-width:700px){
  .resident-global-tabs{top:calc(62px + var(--safe-area-top,0px));min-height:50px;padding:7px 10px}
  .resident-global-tabs a{min-height:34px;padding:0 12px;font-size:12px}
  .resident-record-toolbar{padding:10px 12px}
  .resident-record-toolbar .search{max-width:none}
}
.resident-topbar + .resident-global-tabs{margin-top:68px}
@media(max-width:700px){.resident-topbar + .resident-global-tabs{margin-top:0}}

/* 与医生端一致：居民主导航固定在底部。 */
body:has(.resident-global-tabs){padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
.resident-global-tabs{
  position:fixed;
  top:auto;
  right:0;
  bottom:0;
  left:0;
  margin-top:0!important;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  min-height:0;
  padding:9px 18px calc(9px + env(safe-area-inset-bottom,0px));
  overflow:visible;
  border-top:1px solid rgba(111,145,204,.22);
  border-bottom:0;
  box-shadow:0 -12px 30px rgba(38,84,157,.1);
}
.resident-global-tabs a{
  position:relative;
  flex-direction:column;
  gap:4px;
  min-width:0;
  min-height:46px;
  padding:7px 7px;
  border:0;
  border-radius:12px;
  font-size:12px;
  font-weight:600;
}
.resident-global-tabs a>span{font-size:17px;line-height:1;color:#7b96bf}
.resident-global-tabs a>b{font-weight:600}
.resident-global-tabs a.active>span,.resident-global-tabs a:hover>span{color:#2f6df6}
.resident-global-tabs a:hover,.resident-global-tabs a.active{background:#eaf1ff;color:#2458b5}
.resident-global-tabs em{
  position:absolute;
  top:1px;
  right:24%;
  min-width:17px;
  padding:2px 5px;
  border-radius:99px;
  background:#e5efff;
  color:#2f6df6;
  font-size:10px;
  font-style:normal;
  line-height:1.2;
}
@media(max-width:820px){
  .resident-global-tabs{padding-left:8px;padding-right:8px}
  .resident-global-tabs a{gap:4px;padding-left:3px;padding-right:3px;font-size:11px}
  .resident-global-tabs a>span{font-size:16px}
  .resident-global-tabs em{right:8%}
}
@media(max-width:380px){
  .resident-global-tabs a{font-size:10px}
  .resident-global-tabs a>span{font-size:15px}
  .resident-global-tabs em{display:none}
}