/* PC business workbench. Mobile member styling stays in app.css. */
.erp-context,.erp-location{display:none}
.admin-modal{position:fixed;inset:0;z-index:80;background:#142a4677;display:grid;place-items:center;padding:20px}.admin-modal-card{position:relative;width:min(800px,100%);max-height:88vh;overflow:auto;background:white;border:1px solid #aebdce;border-radius:4px;padding:24px;box-shadow:0 12px 50px #12263a33}.admin-modal-card h2{font-size:18px;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid #d9e2eb}.admin-close{position:absolute;right:14px;top:12px;background:transparent;color:#64758b;font-size:24px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.admin-form-grid .field{margin:0}.admin-form-grid .full{grid-column:1/-1}.admin-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;border-top:1px solid #dce3eb;padding-top:16px}.admin-form-actions button{width:auto;min-width:88px;margin:0;padding:9px 18px;border-radius:3px}.admin-form-grid select{width:100%;padding:10px;border:1px solid #cbd5e1;background:#fff;border-radius:3px}.erp-detail-field{padding:12px;border-bottom:1px solid #e4e9ef;display:flex;flex-direction:column;gap:10px;font-size:13px}.erp-detail-field span{color:#728196}.erp-detail-field strong{overflow-wrap:anywhere}
@media(min-width:721px){
 body{background:#edf1f5;color:#26384b;font-size:13px}.app{display:block!important;padding:0!important;max-width:none;min-height:100vh}.desktop-content,body:not(.admin-mode) .desktop-content{width:auto;max-width:none;padding:0 18px 30px;margin:0}.admin-mode .desktop-content{margin-left:210px;padding-top:96px}.top,.admin-mode .top{position:fixed;inset:0 0 auto;height:52px;z-index:35;padding:0 20px;background:linear-gradient(90deg,#174b79,#216597);border:0;color:#fff;display:flex}.top .brand,.admin-mode .top .brand{display:flex}.top .brand .logo{height:30px;width:30px;background:#ffffff1c;box-shadow:none;border:1px solid #ffffff55;border-radius:3px}.top .brand .logo:before,.top .brand .logo:after,.top .brand .logo span{display:none}.top .brand .logo:before{display:block;content:'车';border:0;width:auto;height:auto;position:static;font-size:18px}.top .brand>div:last-child{display:flex;align-items:center;gap:20px}.top .title,body:not(.admin-mode) .top .brand .title{font-size:19px;letter-spacing:1px;order:-1}.top .eyebrow{font-size:12px;color:#d3e4f3;margin:0;padding-left:20px;border-left:1px solid #ffffff44}.top-actions{margin-left:auto;gap:10px}.top .admin-login-btn,.top .icon-btn,.top .circle{background:#ffffff10;color:#fff;border:1px solid #ffffff38;box-shadow:none;border-radius:3px;height:28px}.top .icon-btn,.top .circle{width:28px}.top .admin-login-btn{font-weight:400}.top:after{display:none}
 .desktop-rail{position:fixed;left:0;top:52px;bottom:0;width:210px;padding:0;background:#f6f8fb;border-right:1px solid #bbc9d8;display:flex;flex-direction:column;z-index:30;height:auto;overflow:auto}.rail-brand{height:44px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:#25445f;border-bottom:1px solid #cbd6e2;background:#e7eef5}.rail-brand small{font-size:9px;color:#8397aa;letter-spacing:1px}.rail-nav{margin:0;padding:8px 0;display:block}.rail-nav details{margin:0 0 5px}.rail-nav summary{padding:11px 16px;color:#425b72;cursor:pointer;font-weight:700;font-size:12px}.rail-nav button{width:100%;height:33px;border-radius:0;padding:0 14px 0 30px;color:#4e6175;gap:9px;font-size:12px;border-left:3px solid transparent}.rail-nav button i{font-size:12px;color:#708eaa}.rail-nav button:hover{background:#e8f0f8;color:#1c6093}.rail-nav .rail-active{background:#dcecfb;box-shadow:none;color:#1266a4;border-left-color:#2478b8;font-weight:700}.rail-footer{padding:14px 17px;border-color:#d5dfe9;margin-top:auto}.rail-footer small{color:#8292a2;line-height:1.8;font-size:11px}
 .admin-mode .erp-context{position:fixed;top:52px;left:210px;right:0;z-index:25;height:36px;display:flex;align-items:center;gap:28px;padding:0 18px;background:#f8fafc;border-bottom:1px solid #cbd7e2;font-size:11px;color:#60748a}.erp-context b{font-weight:400;color:#8997a5;margin-right:8px}#erpDate{margin-left:auto}.admin-mode .erp-location{display:flex;gap:10px;align-items:center;color:#7d8e9f;height:30px;font-size:11px}.erp-location b{font-weight:400;color:#315570}.banner{border-radius:3px;padding:8px 12px;margin:8px 0;font-size:12px}
 .admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 18px}.admin-kicker{display:none}.admin-head h1{font-size:21px;margin:0 0 7px;letter-spacing:0;font-weight:650}.admin-head p{margin:0;font-size:12px;color:#75879a}.admin-actions{display:flex;gap:8px}.desktop-primary,.admin-filter{height:30px;padding:0 14px;border-radius:3px;font-size:12px;box-shadow:none;font-weight:400;background:#2479b6;color:white;border:1px solid #2479b6}.admin-filter{background:#fff;color:#4d647b;border-color:#c6d2df}.admin-tabs{display:flex;align-items:end;gap:3px;overflow-x:auto;min-height:34px;border-bottom:2px solid #3485bf}.admin-tabs button{white-space:nowrap;padding:9px 20px;border:1px solid #cbd6e2;border-bottom:0;background:#e8eef4;color:#657b91;border-radius:3px 3px 0 0;font-size:12px}.admin-tabs button.active{background:#3485bf;border-color:#3485bf;color:#fff}.admin-toolbar{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#fff;border:1px solid #ccd8e3;border-top:0;flex-wrap:wrap}.admin-search{display:flex;align-items:center;gap:10px;font-size:12px;color:#5e7388;white-space:nowrap}.admin-search input{width:280px;border:1px solid #c9d5e1;border-radius:3px;padding:7px 10px;font-size:12px;height:30px}.erp-query-note{font-size:11px;color:#8594a4;margin-left:auto}.admin-summary{display:flex;align-items:center;gap:0;padding:10px 0;min-height:56px;flex-wrap:wrap}.admin-summary .stat{background:transparent;min-height:0;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:row;align-items:baseline;gap:12px;padding:0 25px 0 0;margin-right:25px;border-right:1px solid #ccd7e2}.admin-summary .stat span{font-size:12px;color:#63788e}.admin-summary .stat b{font-size:20px;margin:0;color:#2a628d;letter-spacing:0}.admin-summary .stat small{display:none}.admin-card{border:1px solid #c6d3e0;background:white;min-height:400px}.erp-table-caption{display:flex;justify-content:space-between;padding:12px 14px;color:#496782;border-bottom:1px solid #dce4eb}.erp-table-caption b{font-size:12px}.erp-table-caption span{font-size:11px;color:#8b9aa8}.admin-table-wrap{width:100%;overflow:auto;max-height:calc(100vh - 360px)}#adminTable{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}#adminTable th{position:sticky;top:0;background:#eaf0f6;color:#486079;font-weight:600;text-align:left;padding:11px 14px;border-right:1px solid #d8e2ec;border-bottom:1px solid #c6d4e1}#adminTable td{padding:11px 14px;border-bottom:1px solid #e2e9f0;border-right:1px solid #eef2f6;max-width:260px;overflow:hidden;text-overflow:ellipsis}#adminTable tbody tr:nth-child(even){background:#f8fafc}#adminTable tbody tr:hover{background:#eaf4fe}.admin-cell-main{color:#28628c;font-weight:600}.admin-action{background:transparent;color:#2178b6;font-size:12px;padding:2px 6px}.empty{padding:40px 20px;color:#8493a3;text-align:center;font-size:12px}
 .admin-form-grid input,.admin-form-grid textarea{padding:9px 10px;border-radius:3px;font-size:13px}.admin-form-grid label{font-size:12px}.admin-modal-card{border-top:3px solid #287cb6}
 #viewHome{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0 16px}.desktop-pagehead{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:14px 0 20px}.desktop-pagehead>div>span{display:none}.desktop-pagehead h1{font-size:21px;margin:0}.pagehead-actions{font-size:12px;color:#75879a}.stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 16px}.stats .stat{border-radius:3px;box-shadow:none;min-height:88px;background:#fff;padding:14px 18px;border:1px solid #ccd8e3}.stats .stat b{font-size:26px;margin:5px 0;letter-spacing:0}.stats .stat small{display:none}.quick-section{grid-column:1/-1;margin:0;padding:12px 14px;background:#e7eef5;border:1px solid #ccd8e3;border-bottom:0}.section h2{font-size:13px;font-weight:600}.quick{grid-column:1/-1;display:flex;gap:0;border:1px solid #ccd8e3;background:#fff;margin:0 0 18px;padding:12px}.quick button{display:flex;flex-direction:row;align-items:center;min-height:34px;border:0;border-right:1px solid #dae3eb;border-radius:0;box-shadow:none;padding:0 24px;gap:10px}.quick button small{display:none}.quick button i{height:25px;width:25px;margin:0;border-radius:3px;font-size:16px}.quick button:hover{transform:none;box-shadow:none;background:#f0f6fc}.requests-section{grid-column:1;grid-row:5}.attention-section{grid-column:2;grid-row:5}.requests-section,.attention-section{margin:0;background:#e7eef5;border:1px solid #ccd8e3;padding:12px 14px}#recentList{grid-column:1;grid-row:6}#remindList{grid-column:2;grid-row:6}#recentList,#remindList{background:#fff;border:1px solid #ccd8e3;border-top:0;gap:0;min-height:210px;align-self:stretch}.row{border:0;border-bottom:1px solid #e2e9ef;border-radius:0;box-shadow:none;padding:14px}.row:hover{box-shadow:none}.rowmain b{font-size:12px}.rowmain p{font-size:11px}.caricon{border-radius:3px;width:30px;height:30px}.badge{border-radius:3px;font-size:11px}.section a{font-size:11px}
 body:not(.admin-mode) .desktop-content{padding-top:70px;max-width:1120px;margin:auto}.member-hero{border-radius:4px;box-shadow:none;background:#e6eff7;color:#294f72;padding:30px;border:1px solid #c8d8e7}.member-hero h1{font-size:26px}.member-hero p,.member-hero>span{color:#6b8297}.member-actions button{border-radius:3px;box-shadow:none;min-height:100px}.member-view{padding-top:20px}.member-list{max-width:none}
}
@media(min-width:721px) and (max-width:1100px){.desktop-rail{width:180px}.admin-mode .desktop-content{margin-left:180px}.admin-mode .erp-context{left:180px;gap:12px}.erp-context span:nth-child(2){display:none}#viewHome{grid-template-columns:minmax(0,1fr) 260px}.quick button{padding:0 12px}.admin-search input{width:220px}}
@media(max-width:720px){.admin-form-grid{grid-template-columns:1fr}.admin-table-wrap{overflow:auto}#adminTable{min-width:760px}.admin-head{padding:15px 0}.admin-tabs{display:flex;overflow:auto}.admin-tabs button{white-space:nowrap;padding:8px}.admin-toolbar{padding:10px 0}.erp-query-note,.erp-table-caption{display:none}}

@media(min-width:721px){.quick button{flex:1}#remindList .rowmain p{white-space:normal;overflow:visible;line-height:1.7}#remindList .rowmain{min-width:0}}

/* ===== 2026-09-06 前端轻量首页/新增视图 桌面布局（仅显示层） ===== */
@media(min-width:721px){
  #adminOccupancyWrap{grid-column:1/-1;grid-row:4;margin:0 0 16px;min-width:0}
  #adminOccupancyWrap .inuse-section{margin:0;background:#e7eef5;border:1px solid #ccd8e3;padding:12px 14px}
  #adminOccupancyBoard{background:#fff;border:1px solid #ccd8e3;border-top:0;padding:0 0 12px;min-width:0}
  #adminOccupancyBoard .occ-plan,#adminOccupancyBoard .occ-charts{overflow:auto}
  #adminOccupancyBoard .occ-freq{min-height:148px}
  #adminOccupancyBoard .occ-span-btn,#adminOccupancyBoard .occ-span-nav{border-radius:3px}
  #adminTodoList{grid-column:2;grid-row:6;background:#fff;border:1px solid #ccd8e3;border-top:0;gap:0;min-height:210px;align-self:stretch}
  #adminTodoList .row{border-bottom:1px solid #e2e9ef}
  #viewHome .ops-guide{grid-column:1/-1;grid-row:7;margin:20px 0 4px}
  #viewAdminTodos,#viewAdminSettings{max-width:960px}
  #adminTodosList{gap:0;border:1px solid #ccd8e3;background:#fff}
  #adminTodosList .row{border-bottom:1px solid #e2e9ef}
}


@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* 后台按钮必须有底色和对比度：主按钮蓝底白字，次按钮白底深字 */
@media(min-width:721px){
  .admin-mode .desktop-primary,
  .admin-mode button.primary,
  .admin-form-actions .primary{
    background:#1f6fad;color:#fff;border:1px solid #1a5f94;box-shadow:none;font-weight:600
  }
  .admin-mode .admin-filter,
  .admin-mode button.secondary,
  .admin-mode .mini,
  .admin-mode .back,
  .admin-form-actions .secondary{
    background:#fff;color:#2b4258;border:1px solid #c5d3e0;box-shadow:none
  }
  .admin-mode .admin-action{
    background:#e8f3fb;color:#155d96;border:1px solid #b7d6ee;border-radius:3px;
    padding:4px 10px;font-weight:600;min-width:52px
  }
  .admin-mode .admin-action:hover{background:#d3e9f8;color:#0e4d80}
  .admin-mode .top .admin-login-btn,
  .admin-mode .top .icon-btn,
  .admin-mode .top .circle,
  .admin-mode .top .top-btn{
    background:#ffffff22;color:#fff;border:1px solid #ffffff66;box-shadow:none
  }
  .admin-mode .top .top-btn{height:28px;border-radius:4px;font-size:12px;padding:0 12px}
  .admin-mode .admin-tabs button{background:#e8eef4;color:#3e556b;border:1px solid #cbd6e2}
  .admin-mode .admin-tabs button.active{background:#2b7ec0;border-color:#2b7ec0;color:#fff}
  .admin-mode .admin-head h1,.admin-mode .desktop-pagehead h1{color:#1e3348}
  .admin-mode .admin-head p,.admin-mode .pagehead-actions{color:#5e7388}
  .admin-kicker{display:none!important}
}

/* PC 三套主题。默认蓝色 = 上方业务蓝顶栏工作台；移动端固定白蓝 */
@media (min-width:721px){
  .admin-mode .view-mode{height:28px;padding:0 8px 0 10px;border:1px solid rgba(255,255,255,.24);border-radius:4px;background:rgba(0,0,0,.09)}
  .admin-mode .view-mode span{font-size:10px;color:#dcecf9;letter-spacing:.06em}
  .admin-mode .view-mode select{color:#fff;background:transparent}
  .admin-mode .view-mode select option{color:#1f2f40}
  .pc-theme-switcher{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.24);border-radius:4px;background:rgba(0,0,0,.09)}
  .pc-theme-label{font-size:10px;color:#dcecf9;letter-spacing:.06em}
  .pc-theme-dot{width:14px!important;height:14px!important;min-width:14px;padding:0;border:2px solid rgba(255,255,255,.48)!important;border-radius:50%!important;box-shadow:none!important;transform:none!important}
  .pc-theme-dot[aria-pressed="true"]{outline:2px solid #fff;outline-offset:2px}
  .pc-theme-dot--dark{background:#121820!important}.pc-theme-dot--light{background:#f7f9fc!important}.pc-theme-dot--blue{background:linear-gradient(135deg,#1c4f87,#3ba6e8)!important}

  body[data-pc-theme="light"]{background:#f4f7fb;color:#1d2a39}
  body[data-pc-theme="light"] .top,body[data-pc-theme="light"].admin-mode .top{background:#fff;color:#1f2f40;border-bottom:1px solid #e1e8f0;box-shadow:0 8px 24px rgba(26,48,73,.05)}
  body[data-pc-theme="light"] .top .title,body[data-pc-theme="light"] .top .brand .title{color:#1f2f40}
  body[data-pc-theme="light"] .top .eyebrow{color:#7790a7;border-left-color:#d9e4ee}
  body[data-pc-theme="light"] .top .brand .logo{background:#1f6fad;border-color:#1f6fad;color:#fff}
  body[data-pc-theme="light"] .top .admin-login-btn,
  body[data-pc-theme="light"] .top .icon-btn,
  body[data-pc-theme="light"] .top .circle,
  body[data-pc-theme="light"].admin-mode .top .admin-login-btn,
  body[data-pc-theme="light"].admin-mode .top .icon-btn,
  body[data-pc-theme="light"].admin-mode .top .circle{
    background:#fff;color:#25435f;border:1px solid #c5d3e0
  }
  body[data-pc-theme="light"] .admin-mode .view-mode{background:#f7fafd;border-color:#dce7f0}
  body[data-pc-theme="light"] .admin-mode .view-mode span{color:#6e8499}
  body[data-pc-theme="light"] .admin-mode .view-mode select{color:#25435f}
  body[data-pc-theme="light"] .pc-theme-switcher{background:#f7fafd;border-color:#dce7f0}
  body[data-pc-theme="light"] .pc-theme-label{color:#6e8499}
  body[data-pc-theme="light"] .pc-theme-dot{border-color:#9aacba!important}
  body[data-pc-theme="light"] .pc-theme-dot[aria-pressed="true"]{outline-color:#1b70bb}
  body[data-pc-theme="light"] .desktop-rail{background:#fff;border-color:#e0e8f0}
  body[data-pc-theme="light"] .rail-brand{background:#f4f8fc;border-color:#e0e8f0;color:#27425d}
  body[data-pc-theme="light"] .rail-nav summary{color:#5a7085}
  body[data-pc-theme="light"] .rail-nav button{color:#3e556b}
  body[data-pc-theme="light"] .rail-nav button:hover{background:#eef5fb;color:#155d96}
  body[data-pc-theme="light"] .rail-nav .rail-active{background:#e8f3ff;color:#126cae;border-left-color:#2c90d1}
  body[data-pc-theme="light"] .rail-footer small{color:#7b8ea0}
  body[data-pc-theme="light"] .erp-context,body[data-pc-theme="light"] .erp-location{background:#f8fafc!important;border-color:#e1e8f0!important;color:#5e7388!important}
  body[data-pc-theme="light"] .admin-head h1,body[data-pc-theme="light"] .desktop-pagehead h1{color:#1e3348}
  body[data-pc-theme="light"] .admin-card,body[data-pc-theme="light"] .stats .stat,
  body[data-pc-theme="light"] .list,body[data-pc-theme="light"] .section,
  body[data-pc-theme="light"] .member-actions button,body[data-pc-theme="light"] .ops-guide{
    background:#fff;border-color:#e0e9f1;color:#1d2a39;box-shadow:none
  }
  body[data-pc-theme="light"] #adminTable{color:#24384c}
  body[data-pc-theme="light"] #adminTable th{background:#eaf0f6;color:#486079}
  body[data-pc-theme="light"] .admin-cell-main{color:#155d96}
  body[data-pc-theme="light"] .member-hero{background:linear-gradient(125deg,#eaf5ff,#f8fcff 56%,#d9eeff);border-color:#c9e4f7;color:#183a58}
  body[data-pc-theme="light"] .member-hero h1,body[data-pc-theme="light"] .member-hero p{color:#183a58}
  body[data-pc-theme="light"] .member-hero .desktop-primary{background:#1f6fad;color:#fff}
  body[data-pc-theme="light"] .member-brand-stage{background:linear-gradient(135deg,#fff,#eaf6ff);border-color:#9bcde9}
  body[data-pc-theme="light"] .member-brand-stage b{color:#1b4d72}
  body[data-pc-theme="light"] .member-brand-stage small{color:#6c89a0}

  body[data-pc-theme="dark"]{background:#121820;color:#e4edf6}
  body[data-pc-theme="dark"] .top,body[data-pc-theme="dark"].admin-mode .top{background:#152033;color:#e8f2fb;border-bottom:1px solid #2a3d52}
  body[data-pc-theme="dark"] .desktop-rail{background:#151d29;border-color:#2a3d52}
  body[data-pc-theme="dark"] .rail-brand{background:#1a2534;border-color:#2a3d52;color:#e8f2fb}
  body[data-pc-theme="dark"] .rail-nav summary{color:#8aa0b5}
  body[data-pc-theme="dark"] .rail-nav button{color:#c5d6e6}
  body[data-pc-theme="dark"] .rail-nav button:hover{background:#1e3146;color:#fff}
  body[data-pc-theme="dark"] .rail-nav .rail-active{background:#1c3f5e;color:#fff;border-left-color:#5ab8ff}
  body[data-pc-theme="dark"] .rail-footer small{color:#8aa0b5}
  body[data-pc-theme="dark"] .erp-context,body[data-pc-theme="dark"] .erp-location{background:#151d29!important;border-color:#2a3d52!important;color:#9db0c1!important}
  body[data-pc-theme="dark"] .admin-head h1,body[data-pc-theme="dark"] .desktop-pagehead h1{color:#e8f2fb}
  body[data-pc-theme="dark"] .admin-head p,body[data-pc-theme="dark"] .pagehead-actions{color:#9db0c1}
  body[data-pc-theme="dark"] .admin-card,body[data-pc-theme="dark"] .stats .stat,
  body[data-pc-theme="dark"] .list,body[data-pc-theme="dark"] .section,
  body[data-pc-theme="dark"] .ops-guide,body[data-pc-theme="dark"] .admin-modal-card,
  body[data-pc-theme="dark"] .member-actions button{
    background:#1a2432;border-color:#2a3d52;color:#e4edf6;box-shadow:none
  }
  body[data-pc-theme="dark"] .admin-toolbar,body[data-pc-theme="dark"] .admin-search input,
  body[data-pc-theme="dark"] input,body[data-pc-theme="dark"] textarea,body[data-pc-theme="dark"] select{
    background:#121820;border-color:#33485e;color:#e8f2fb
  }
  body[data-pc-theme="dark"] #adminTable{color:#d7e4f0}
  body[data-pc-theme="dark"] #adminTable th{background:#1e3146;color:#b7cce0;border-color:#2a3d52}
  body[data-pc-theme="dark"] #adminTable td{border-color:#243546}
  body[data-pc-theme="dark"] #adminTable tbody tr:nth-child(even){background:#17202c}
  body[data-pc-theme="dark"] .admin-cell-main{color:#8fd0ff}
  body[data-pc-theme="dark"] .admin-mode .desktop-primary,
  body[data-pc-theme="dark"] .admin-mode button.primary,
  body[data-pc-theme="dark"] .desktop-primary{
    background:#2b8fd4;color:#fff;border-color:#2b8fd4
  }
  body[data-pc-theme="dark"] .admin-mode .admin-filter,
  body[data-pc-theme="dark"] .admin-mode button.secondary,
  body[data-pc-theme="dark"] .admin-mode .mini,
  body[data-pc-theme="dark"] .admin-mode .back{
    background:#243244;color:#e8f2fb;border-color:#4a6278
  }
  body[data-pc-theme="dark"] .admin-mode .admin-action{
    background:#1c3f5e;color:#9ed8ff;border-color:#3d6f94
  }
  body[data-pc-theme="dark"] .admin-mode .admin-tabs button{background:#1e3146;color:#c5d6e6;border-color:#33485e}
  body[data-pc-theme="dark"] .admin-mode .admin-tabs button.active{background:#2b8fd4;border-color:#2b8fd4;color:#fff}
  body[data-pc-theme="dark"] .row{border-color:#2a3d52}
  body[data-pc-theme="dark"] .row:hover{background:#1e3146}
  body[data-pc-theme="dark"] .rowmain p,body[data-pc-theme="dark"] .ops-guide ol{color:#9db0c1}
  body[data-pc-theme="dark"] .ops-guide summary{background:#1e3146;color:#e8f2fb}
  body[data-pc-theme="dark"] .member-hero{background:#1a2d44;border-color:#2a5a80;color:#e8f2fb}
  body[data-pc-theme="dark"] .member-brand-stage b{color:#eff8ff}
  body[data-pc-theme="dark"] .member-brand-stage small{color:#9db5ca}
}
@media (max-width:720px){
  .pc-theme-switcher{display:none!important}
  .app,body:not(.admin-mode) .desktop-content,body.admin-mode .desktop-content{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  body:not(.admin-mode) #adminLoginBtn{display:none!important}
  body.admin-mode .bottom-nav{display:none!important}
  .member-actions{display:none!important}
  #userBtn{min-width:64px;height:34px;padding:0 14px;border-radius:17px;font-size:13px}
  .bottom-nav{height:auto;min-height:56px;padding:4px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-between;background:#fff}
  .bottom-nav button{flex:1 1 0;min-width:0;min-height:48px;padding:4px 0;gap:2px;font-size:11px;font-weight:600;color:#6b7788;border-radius:10px}
  .bottom-nav button span{font-size:20px;line-height:1;width:auto;height:auto;margin:0;background:none;border:0;border-radius:0;box-shadow:none;color:inherit;display:block}
  .bottom-nav button.active{color:#246bfe;font-weight:750;background:#246bfe10}
  .bottom-nav .nav-primary,.bottom-nav .nav-primary span{color:inherit;background:none;box-shadow:none;margin:0;border:0;width:auto;height:auto}
}

/* 成员电脑端与手机同色：白底蓝强调，申请弹层同手机。管理员后台仍走上方 ERP 工作台。 */
@media (min-width:721px){
  body:not(.admin-mode){
    background:linear-gradient(180deg,#eef5ff 0,#f7f9fc 34%,#f7f9fc 100%);
    color:#142033;
    font-size:15px
  }
  body:not(.admin-mode) .pc-theme-switcher,
  body:not(.admin-mode) #lightToggle,
  body:not(.admin-mode) #viewModeMenu{display:none!important}
  body:not(.admin-mode) .erp-context,
  body:not(.admin-mode) .erp-location{display:none!important}
  body:not(.admin-mode) .top{
    position:sticky;inset:auto;height:auto;z-index:20;
    padding:14px 0 12px;background:linear-gradient(180deg,#eef5ff 0,#eef5fff2 70%,#eef5ff00);
    color:#142033;border:0;box-shadow:none;display:flex
  }
  body:not(.admin-mode) .top:after{display:none}
  body:not(.admin-mode) .top .brand{display:flex}
  body:not(.admin-mode) .top .brand .logo{
    height:36px;width:36px;background:#15171b;border:0;border-radius:12px;color:#fff;box-shadow:0 8px 18px #15171b22
  }
  body:not(.admin-mode) .top .brand .logo span,
  body:not(.admin-mode) .top .brand .logo:before,
  body:not(.admin-mode) .top .brand .logo:after{
    content:"";display:block;position:absolute;border:2px solid #fff;border-radius:50%;font-size:0
  }
  body:not(.admin-mode) .top .brand .logo span{width:13px;height:13px;top:7px;left:auto}
  body:not(.admin-mode) .top .brand .logo:before{width:22px;height:11px;border-width:2px 2px 0;top:20px;left:auto}
  body:not(.admin-mode) .top .brand .logo:after{width:6px;height:6px;background:#fff;border:0;top:24px;left:8px;box-shadow:14px 0 #fff}
  body:not(.admin-mode) .top .title,
  body:not(.admin-mode) .top .brand .title{
    font-size:18px;letter-spacing:-.03em;order:0;color:#142033;font-weight:750
  }
  body:not(.admin-mode) .top .eyebrow{
    font-size:10px;color:#6f8298;margin:0;padding:0;border:0
  }
  body:not(.admin-mode) .top-actions{gap:8px}
  body:not(.admin-mode) .top .icon-btn,
  body:not(.admin-mode) #refreshBtn,
  body:not(.admin-mode) #lightToggle,
  body:not(.admin-mode) #viewModeMenu,
  body:not(.admin-mode) .pc-theme-switcher{display:none!important}
  body:not(.admin-mode) .top .top-btn{
    height:36px;padding:0 14px;border-radius:18px;background:#fff;color:#1d5a94;
    border:1px solid #d5e2f2;box-shadow:0 6px 16px #183f740c;font-size:13px;font-weight:650
  }
  body:not(.admin-mode) .top .top-btn-user.is-out{background:#246bfe;color:#fff;border-color:#246bfe}
  body:not(.admin-mode) .top .top-btn-user.is-in{background:#fff;color:#5b6c80;border-color:#dbe3ee;box-shadow:none}
  body:not(.admin-mode) .desktop-content{padding-top:0;max-width:1180px;margin:auto}
  body:not(.admin-mode) .member-hero{
    border-radius:24px;box-shadow:0 18px 42px rgba(23,69,122,.22);
    background:linear-gradient(145deg,#071d38 0%,#123d72 55%,#2877cb 125%);
    color:#fff;padding:42px 48px;border:1px solid rgba(120,189,255,.18)
  }
  body:not(.admin-mode) .member-hero h1{font-size:34px;color:#fff;margin:10px 0}
  body:not(.admin-mode) .member-hero p,
  body:not(.admin-mode) .member-hero>span{color:#c7dcf4}
  body:not(.admin-mode) .member-hero .desktop-primary{
    background:#fff;color:#15579f;border:0;height:47px;border-radius:14px;
    box-shadow:0 10px 24px rgba(2,17,39,.24);font-weight:750
  }
  body:not(.admin-mode) .hero-ghost{
    background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28)
  }
  body:not(.admin-mode) .member-actions button{
    border-radius:18px;box-shadow:0 10px 24px rgba(38,75,119,.075);
    min-height:132px;background:rgba(255,255,255,.9);border:1px solid #e3ebf5
  }
  body:not(.admin-mode) .member-view{padding-top:8px}
  body:not(.admin-mode) .occupancy-wrap{max-width:none}
  body:not(.admin-mode) .occ-strip{
    border-radius:18px;background:linear-gradient(180deg,#f4f8ff,#fff);border:1px solid #d7e4f4
  }
  body:not(.admin-mode) .occ-chip,
  body:not(.admin-mode) .occ-card{
    border-radius:16px;box-shadow:0 8px 22px rgba(38,75,119,.06)
  }
  body:not(.admin-mode) .occ-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not(.admin-mode) .occ-popup-card{
    width:min(460px,calc(100vw - 48px));border-radius:20px;padding:28px 26px 24px
  }
  body:not(.admin-mode) .occ-pop-item{border-radius:16px;background:#f4f8ff}
  body:not(.admin-mode) .row{
    border:1px solid #e3e9f1;border-radius:16px;background:#fff;
    box-shadow:0 5px 18px rgba(19,30,49,.045)
  }
  body:not(.admin-mode) .primary,
  body:not(.admin-mode) .avail-apply{
    background:linear-gradient(135deg,#246bfe,#3d92f5);color:#fff
  }
  body:not(.admin-mode) .sheet{align-items:center;padding:32px 16px;background:rgba(5,14,27,.58)}
  body:not(.admin-mode) .apply-panel{
    max-width:560px;width:100%;border-radius:22px;padding:16px 0 0;max-height:86vh;
    display:flex;flex-direction:column;background:#fff
  }
  body:not(.admin-mode) .sheet-head{padding:0 22px 8px}
  body:not(.admin-mode) .sheet-body{padding:0 22px 8px}
  body:not(.admin-mode) .form-block{
    margin:0 0 12px;padding:14px 14px 6px;background:#f7f9fc;border:1px solid #e6edf5;border-radius:14px
  }
  body:not(.admin-mode) .sheet-actions{
    position:sticky;bottom:0;background:#fff;border-top:1px solid #e8eef5;
    margin:8px -22px 0;padding:12px 22px 18px
  }
}

/* 管理员已登录时不提示成员登录（电脑/手机都藏） */
body.admin-mode #authBanner{display:none!important}

/* 管理员手机端：工作台 + 底栏 + 卡片台账，电脑 ERP 表格不受影响 */
.admin-phone-only{display:none}
@media (min-width:721px){
  .admin-bottom-nav,#adminCardList,.admin-phone-only{display:none!important}
}
@media (max-width:720px){
  body.admin-mode .admin-bottom-nav{
    position:fixed;display:flex;z-index:30;bottom:0;left:0;right:0;
    height:auto;min-height:58px;padding:6px 8px calc(8px + env(safe-area-inset-bottom));
    background:#ffffffee;backdrop-filter:blur(16px);border-top:1px solid #e7eef6;
    box-shadow:0 -10px 28px rgba(20,40,70,.08);justify-content:space-between;gap:4px
  }
  body.admin-mode .admin-bottom-nav button{
    flex:1 1 0;min-width:0;min-height:50px;padding:6px 0 4px;gap:3px;
    background:none;color:#6a7788;font-size:11px;font-weight:650;border-radius:12px;
    display:flex;flex-direction:column;align-items:center;justify-content:center
  }
  body.admin-mode .admin-bottom-nav button .nav-ico{color:inherit}
  body.admin-mode .admin-bottom-nav button.active{color:#1d5fe6;background:#246bfe14;font-weight:750}
  body.admin-mode #refreshBtn,body.admin-mode #lightToggle,body.admin-mode #viewModeMenu,body.admin-mode .pc-theme-switcher{display:none!important}
  body.admin-mode .top{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#eef5ff 0,#eef5fff2 70%,#eef5ff00);padding:10px 0 12px}
  body.admin-mode .top .title{font-size:18px;font-weight:750;letter-spacing:-.03em;color:#142033}
  body.admin-mode .top .eyebrow{font-size:10px;letter-spacing:.08em;color:#6f8298}
  body.admin-mode #adminLogoutBtn{height:34px;padding:0 12px;border-radius:17px;font-size:13px}
  body.admin-mode .stats.core-kpis{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 14px;overflow:visible}
  body.admin-mode .stats.core-kpis .stat{
    min-height:92px;padding:14px 14px 12px;background:#fff;color:#142033;
    border:1px solid #e3ebf5;border-radius:16px;cursor:pointer;
    box-shadow:0 8px 22px rgba(38,75,119,.06)
  }
  body.admin-mode .stats.core-kpis .stat:nth-child(1){background:#fff;color:#142033}
  body.admin-mode .stats.core-kpis .stat:nth-child(1) span{color:#6b7c90}
  body.admin-mode .stats.core-kpis .stat span{font-size:12px;color:#6b7c90;white-space:normal;overflow:visible}
  body.admin-mode .stats.core-kpis .stat b{font-size:28px;margin:6px 0 4px;color:#163a6b}
  body.admin-mode .stats.core-kpis .stat b.green{color:#19aa78}
  body.admin-mode .stats.core-kpis .stat b.blue{color:#246bfe}
  body.admin-mode .stats.core-kpis .stat b.orange{color:#ed9a35}
  body.admin-mode .stats.core-kpis .stat small{display:block;font-size:11px;color:#8a97a8;line-height:1.35}
  body.admin-mode .section.admin-phone-only:not([hidden]){display:flex}
  body.admin-mode .list.admin-phone-only:not([hidden]){display:flex;flex-direction:column}
  body.admin-mode .admin-head{flex-wrap:wrap;gap:10px;padding:4px 0 12px;align-items:center}
  body.admin-mode .admin-head h1{font-size:20px;margin:0;color:#142033}
  body.admin-mode .admin-head p,body.admin-mode .admin-kicker,body.admin-mode .admin-tabs,body.admin-mode .erp-table-caption,body.admin-mode .erp-query-note{display:none!important}
  body.admin-mode .admin-actions{width:100%;display:flex;gap:8px}
  body.admin-mode .admin-actions button,body.admin-mode #adminCreate,body.admin-mode #adminRefresh{
    flex:1;min-height:42px;height:auto;border-radius:12px;font-size:14px;font-weight:700
  }
  body.admin-mode .admin-toolbar{padding:0;border:0;background:transparent;gap:8px}
  body.admin-mode .admin-search{flex:1;min-width:0;font-size:0;color:transparent;gap:0}
  body.admin-mode .admin-search input{width:100%;height:42px;border-radius:12px;font-size:16px;padding:0 12px}
  body.admin-mode #erpClear{height:42px;border-radius:12px;padding:0 12px}
  body.admin-mode .admin-summary{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;padding:4px 0 10px;min-height:0;align-items:flex-end}
  body.admin-mode .admin-summary .stat,
  body.admin-mode .admin-summary .stat:nth-child(1){
    background:transparent!important;color:#142033!important;min-height:0!important;
    box-shadow:none!important;border:0!important;border-right:1px solid #dce4ee!important;
    border-radius:0!important;padding:0 14px 0 0!important;margin:0!important;cursor:default
  }
  body.admin-mode .admin-summary .stat span{color:#6b7c90!important;font-size:11px!important;white-space:nowrap}
  body.admin-mode .admin-summary .stat b{font-size:18px!important;color:#163a6b!important;margin:0!important}
  body.admin-mode .admin-summary .stat small{display:none!important}
  body.admin-mode #authBanner{display:none!important}
  body.admin-mode .ops-guide{margin-bottom:12px}
  body.admin-mode .app,body.admin-mode .desktop-content{padding-bottom:calc(118px + env(safe-area-inset-bottom))!important}
  body.admin-mode .admin-bottom-nav{background:#fff}
  body.admin-mode .admin-summary select{height:36px;border-radius:10px;border:1px solid #d5e0ec;padding:0 8px;background:#fff}
  body.admin-mode .admin-card{border:0;background:transparent;min-height:0;box-shadow:none}
  body.admin-mode .admin-table-wrap,body.admin-mode #adminTable{display:none!important}
  body.admin-mode #adminCardList{display:flex;flex-direction:column;gap:10px}
  .admin-m-card{
    background:#fff;border:1px solid #e3ebf5;border-radius:16px;padding:14px;
    box-shadow:0 8px 22px rgba(38,75,119,.06)
  }
  .admin-m-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
  .admin-m-top b{font-size:15px;color:#163a6b;line-height:1.35}
  .admin-m-card p{margin:6px 0 0;font-size:12px;color:#6b7c90;line-height:1.5}
  .admin-m-go{
    margin-top:10px;width:100%;min-height:40px;border-radius:12px;
    background:#246bfe;color:#fff;font-weight:700;font-size:14px
  }
  .admin-more-panel{border-radius:22px 22px 0 0;max-height:88vh}
  .admin-more-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 16px 18px
  }
  .admin-more-grid button{
    min-height:64px;border-radius:14px;background:#f4f8ff;border:1px solid #e3ebf5;
    color:#163a6b;font-weight:700;font-size:14px
  }
  body.light-mode .admin-more-grid .rail-opt{display:none}
}

@media(min-width:721px){
  #adminTable{border-collapse:separate;border-spacing:0}
  #adminTable tbody tr[style*="cursor"]{cursor:pointer}
  #adminTable th:last-child,#adminTable td:last-child{
    position:sticky;right:0;z-index:2;
    background:#fff;
    box-shadow:-8px 0 10px -8px rgba(20,40,70,.2)
  }
  #adminTable th:last-child{background:#eaf0f6;z-index:3}
  #adminTable tbody tr:nth-child(even) td:last-child{background:#f8fafc}
  #adminTable tbody tr:hover td:last-child{background:#eaf4fe}
}

html body:not(.admin-mode) .msg-bell-wrap:not([hidden]){display:block!important;position:relative}
html body:not(.admin-mode) .top .msg-bell-wrap:not([hidden]) .icon-btn.msg-bell{
  display:grid!important;place-items:center;width:36px;height:36px;
  background:#fff;color:#1d5a94;border:1px solid #d5e2f2;border-radius:18px;box-shadow:0 6px 16px #183f740c
}

/* Shared desktop/mobile record pagination. */
.admin-pager {display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;clear:both;}
.admin-pager[hidden] {display:none;}
.admin-pager button,.admin-pager select,.admin-pager input {min-height:40px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;background:white;color:#26364a;}
.admin-pager input {width:65px;}
.admin-pager button:disabled {opacity:.45;cursor:default;}
.ledger-history {max-height:320px;overflow:auto;overflow-wrap:anywhere;}
.ledger-history details {padding:12px;border-bottom:1px solid #e2e8f0;}
@media(max-width:700px) {.admin-pager {padding:12px;}.admin-pager span{width:100%;}.admin-pager button{min-height:44px;}}