/* 移动端：导航、日期筛选均为辅助操作，不抢数据内容的视觉重点。 */
@media(max-width:600px){
  .tabs{min-height:48px!important;padding:5px 8px!important;gap:3px!important;background:linear-gradient(135deg,#eaf6f3,#f4faf9)!important;border-bottom:1px solid #d8ebe6!important;box-shadow:0 4px 14px #0f766e12!important}
  .tab{padding:8px 7px!important;color:#5b7180!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important}
  .tab.active{background:#d9f0eb!important;color:#116f66!important;font-weight:800!important;box-shadow:none!important}
  .tab[data-tab="admin"]{background:#e3f1ee!important;border:1px solid #c7e4de!important;border-radius:9px!important}
  .team-range-navigation,.approval-range-navigation{gap:8px!important;margin:0 0 11px!important;padding:10px!important;border-radius:14px!important}
  .team-range-presets{gap:6px!important}
  .team-range-presets button{min-height:38px!important;padding:7px 4px!important;border-radius:9px!important;font-size:13px!important;font-weight:700!important;line-height:1.15!important}
  .team-range-custom{padding:6px 7px!important;gap:5px!important;border-radius:9px!important}
  .team-range-custom b{font-size:12px!important;font-weight:700!important}
  .team-range-custom input{min-height:34px!important;padding:6px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important}
  .team-range-custom span{font-size:12px!important}
}
@media(min-width:390px) and (max-width:600px){
  .tabs{justify-content:center!important;gap:2px!important}
  .tab[data-tab="settings"]{display:block!important;flex:0 1 auto!important;padding:8px 5px!important;font-size:12px!important}
  .tab[data-tab="admin"]{flex:0 0 34px!important}
}
@media(min-width:601px){
  .shell{padding-top:58px!important}
  .topbar{position:relative!important;top:auto!important;z-index:1!important}
  .tabs{position:fixed!important;top:0!important;left:50%!important;z-index:50!important;width:min(1100px,calc(100% - 48px))!important;transform:translateX(-50%)!important;padding:8px 20px 0!important;border-radius:0 0 16px 16px!important;background:#fff!important;border-bottom:1px solid #dce9e7!important;box-shadow:0 5px 16px #17304216!important}
}
/* 参考移动端导航的强层级：深色固定底、浅色当前页；仍使用本系统的青绿色。 */
@media(max-width:600px){
  .tabs{min-height:52px!important;padding:5px 6px!important;gap:2px!important;background:linear-gradient(105deg,#215866,#0f766e)!important;border:0!important;box-shadow:0 4px 14px #1730422b!important}
  .tab{min-height:42px!important;padding:8px 6px!important;color:#d9eeec!important;font-size:13px!important;font-weight:600!important;border-radius:8px!important}
  .tab.active{position:relative;background:#f6fbfa!important;color:#126d63!important;font-weight:800!important;box-shadow:inset 0 -3px 0 #6fcabd!important}
  .tab[data-tab="admin"]{background:transparent!important;border:0!important}
  .tab[data-tab="admin"]::before{color:#d9eeec!important}
  .tab[data-tab="admin"].active{background:#f6fbfa!important}
  .tab[data-tab="admin"].active::before{color:#126d63!important}
}
@media(min-width:390px) and (max-width:600px){
  .tabs{padding-left:4px!important;padding-right:4px!important}
  .tab{padding-left:5px!important;padding-right:5px!important;font-size:12px!important}
  .tab[data-tab="settings"]{font-size:12px!important}
}
/* 所有移动端入口完整保留，使用原生横向拖动而非压缩或隐藏。 */
@media(max-width:600px){
  .tabs{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;scrollbar-width:none!important;padding-left:8px!important;padding-right:8px!important}
  .tabs::-webkit-scrollbar{display:none}
  .tab,.tab[data-tab="settings"],.tab[data-tab="admin"]{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:4px!important;min-width:max-content!important;padding:9px 10px!important;font-size:13px!important;line-height:1!important;border-radius:8px!important}
  .tab[data-tab="admin"]{background:transparent!important;border:0!important}
  .tab[data-tab="admin"]::before{content:"⚙"!important;font-size:14px!important;line-height:1!important;color:currentColor!important}
  .tab[data-tab="team"]::before{content:"▦";font-size:13px}.tab[data-tab="mine"]::before{content:"▤";font-size:13px}.tab[data-tab="fill"]::before{content:"✎";font-size:14px}.tab[data-tab="approvals"]::before{content:"✓";font-size:14px}.tab[data-tab="settings"]::before{content:"⚿";font-size:14px}
  .tab[data-tab="admin"].active{background:#f6fbfa!important}.tab[data-tab="admin"].active::before{color:#126d63!important}
}
/* PC 端借鉴双层工作台头部：品牌/账号信息在上，功能导航在下。 */
@media(min-width:601px){
  .shell{max-width:none!important;padding-top:108px!important}
  .topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:60!important;min-height:55px!important;padding:10px max(28px,calc((100% - 1060px)/2))!important;background:linear-gradient(105deg,#294f77,#175f69)!important;border:0!important;border-radius:0!important;color:#fff!important;box-shadow:none!important}
  .desktop-brand{display:flex;align-items:center;gap:10px}.desktop-brand span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#4777a7;color:#fff;font-weight:900}.desktop-brand strong{font-size:16px;letter-spacing:.02em}
  .topbar-actions{display:flex;align-items:center;gap:10px}.topbar .who{gap:7px;padding:5px 9px;border-radius:999px;background:#ffffff18}.topbar .avatar{display:none}.topbar .who b{font-size:13px;color:#fff}.topbar .who small{display:inline;margin:0 0 0 5px;color:#c8e2e1;font-size:11px}.topbar .icon-btn{padding:6px 10px;border-radius:999px;background:#ffffff1c;color:#fff;font-size:12px}
  .tabs{position:fixed!important;top:55px!important;left:0!important;right:0!important;z-index:59!important;width:100%!important;min-height:53px!important;transform:none!important;justify-content:center!important;gap:7px!important;padding:0 max(28px,calc((100% - 1060px)/2))!important;background:linear-gradient(105deg,#294f77,#175f69)!important;border:0!important;border-radius:0!important;box-shadow:0 6px 14px #17304228!important;overflow:visible!important}
  .tabs .tab{display:inline-flex!important;align-items:center;gap:6px;padding:15px 16px 13px!important;border-radius:0!important;color:#c7d9e2!important;font-size:14px!important;font-weight:600!important}.tabs .tab::before{font-size:13px}.tabs .tab[data-tab="team"]::before{content:"▦"}.tabs .tab[data-tab="mine"]::before{content:"▤"}.tabs .tab[data-tab="fill"]::before{content:"✎"}.tabs .tab[data-tab="approvals"]::before{content:"✓"}.tabs .tab[data-tab="settings"]::before{content:"⚿"}.tabs .tab[data-tab="admin"]::before{content:"⚙"}
  .tabs .tab.active{color:#fff!important;background:#ffffff16!important;box-shadow:inset 0 -3px 0 #fff!important;font-weight:800!important}
}
@media(max-width:600px){.desktop-brand{display:none!important}.topbar-actions{display:flex;align-items:center;gap:10px}}
/* PC 保持系统本身的青绿色调；仅借鉴全宽头部和居中内容区的空间结构。 */
@media(min-width:601px){
  .topbar{background:linear-gradient(105deg,#0f766e,#218f81)!important}
  .tabs{background:linear-gradient(105deg,#0f766e,#218f81)!important}
  .desktop-brand span{background:#ffffff24!important}
  .topbar .who{background:#ffffff1f!important}.topbar .who small{color:#d3f0ea!important}.topbar .icon-btn{background:#ffffff23!important}
  .view{width:100%!important;max-width:1100px!important;margin:0 auto!important;padding:28px 24px 40px!important}
}
/* 移动端近 7 天：一行七个紧凑状态卡，突出完成状态而非卡片尺寸。 */
@media(max-width:600px){
  .seven-title{margin:14px 0 11px!important;font-size:18px!important;color:#206c66!important}
  .seven-card{padding:14px 12px!important;border-radius:18px!important}
  .seven-card .date-grid{gap:7px!important}
  .seven-card .date-cell{min-height:132px!important;padding:9px 2px!important;border-radius:14px!important;gap:5px!important}
  .seven-card .date-cell span{font-size:12px!important}
  .seven-card .date-cell b{font-size:14px!important;line-height:1.25!important}
  .seven-card .date-cell i{font-size:25px!important}
}
/* 团队看板：日期范围与双搜索收纳为同一张轻量筛选卡。 */
.team-inline-search{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0!important}.team-inline-search .field{min-width:0;margin:0!important}.team-filter-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.team-range-custom[hidden]{display:none!important}
@media(max-width:600px){.team-control-panel{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;border-radius:16px!important}.team-control-panel .team-range-presets{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.team-control-panel .team-range-presets button{min-height:34px!important;padding:6px 3px!important;font-size:12px!important;font-weight:600!important;border-radius:9px!important}.team-control-panel .team-range-presets button.active{background:#215866!important;border-color:#215866!important}.team-control-panel .team-inline-search{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.team-control-panel .team-inline-search .field span{display:none!important}.team-control-panel .team-inline-search input{min-width:0!important;height:42px!important;padding:8px 9px!important;border-radius:11px!important;font-size:12px!important}.team-control-panel .team-filter-note{font-size:12px!important;line-height:1.4!important}.team-control-panel .team-range-custom{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)!important;margin-top:-2px!important}.team-control-panel .team-range-custom input{font-size:11px!important}}