
:root{--bg:#f5f7fa;--ink:#203342;--muted:#697b88;--green:#126080;--line:#e4eaf0}body{background:var(--bg);color:var(--ink)}header{background:white;color:var(--ink);padding:18px 28px;border-bottom:1px solid var(--line)}header span{color:var(--muted)}header strong{font-size:19px}h1{font-size:28px;letter-spacing:-.5px}nav{background:#104b65}nav a{border-radius:8px;padding:8px 12px}nav a:hover,nav a:focus{background:#246881;color:white}button,.button{min-height:44px;border-radius:8px;padding:10px 16px}.secondary,.tag{background:#edf4f8;color:#175d79}.card{border-radius:12px;border-color:var(--line);box-shadow:none}.notice{background:#eaf3f8}.error{background:#fff0ef;color:#923832}input,select,textarea{border-color:#d9e2ea;min-height:44px}td,th{border-color:var(--line)}.navigation summary{display:none}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:20px}.workspace-grid .card{margin-bottom:16px}.data-pair{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.data-pair span{color:var(--muted)}.quick-actions{display:flex;gap:10px;padding:14px 0;margin-bottom:14px}.quick-actions a{flex:1;text-align:center}.workspace-form{scroll-margin-top:20px}.workspace-form summary{cursor:pointer;font-weight:600;padding:10px 0}.script{white-space:pre-wrap}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.workspace-page{padding-bottom:90px}
@media(min-width:1000px){nav{background:#104b65;padding-top:36px;gap:5px}header{position:static}main{margin:26px auto}.navigation{display:contents}}
@media(max-width:999px){body{padding-left:0}header{padding:14px 16px}header strong{font-size:17px}header span{font-size:11px}.navigation{background:white;border-bottom:1px solid var(--line)}.navigation summary{display:block;padding:12px 16px;color:var(--green);cursor:pointer}.navigation nav{display:flex;flex-wrap:wrap;padding:8px 12px;gap:4px;background:white;white-space:normal}.navigation nav a{color:var(--green);font-size:13px}.workspace-grid{grid-template-columns:1fr}main{padding:0 16px;margin:20px auto}h1{font-size:24px}.card{padding:18px}.metric{font-size:28px}.quick-actions{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));margin:0;z-index:10;box-shadow:0 -3px 15px #20334208}.workspace-heading{align-items:flex-start}.workspace-page .tag{max-width:160px}.grid{gap:10px}.grid .card{padding:15px}.data-pair{grid-template-columns:75px 1fr}.scroll{overscroll-behavior-x:contain}footer{padding-bottom:100px}}

nav a[aria-current=page]{background:#246881;color:white}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #66aaca;outline-offset:3px}.task-filters{margin-bottom:20px}
.workspace-grid>section,.workspace-grid>aside,.two>div,.grid>div{min-width:0}.workspace-grid select{width:100%}.card{overflow-wrap:anywhere}.data-pair{grid-template-columns:90px minmax(0,1fr)}
@media(max-width:999px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.data-pair{grid-template-columns:75px minmax(0,1fr)}}
.mobile-bottom-nav{display:none}
@media(max-width:999px){.mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:20;display:flex;flex-direction:row;width:100%;gap:0;background:white;border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));overflow:visible;white-space:normal}.mobile-bottom-nav a{position:relative;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:52px;padding:4px;color:var(--muted);font-size:12px;gap:2px}.mobile-bottom-nav a span{font-size:20px;line-height:24px}.mobile-bottom-nav a[aria-current=page]{background:#edf4f8;color:var(--green)}.mobile-bottom-nav b{position:absolute;top:0;left:58%;border-radius:10px;background:#126080;color:white;font-size:10px;padding:0 5px}.mobile-bottom-nav a:hover{background:#edf4f8;color:var(--green)}body:has(.mobile-bottom-nav) main{padding-bottom:30px}}

.header-account{color:var(--green)}
@media(max-width:999px){header span,.header-account{display:none}header br{display:none}}

.mine-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mine-metric{display:flex;flex-direction:column;margin-bottom:0;color:var(--ink)}.mine-metric strong{font-size:34px;color:var(--green)}.mine-metric small{color:var(--muted)}@media(max-width:999px){.mine-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mine-metric{padding:16px}.mine-metric strong{font-size:30px}}

.function-center{scroll-margin-top:16px;margin-bottom:28px}.function-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.function-entry{display:flex;flex-direction:column;gap:8px;min-height:100px;margin:0;padding:18px;color:var(--ink)}.function-entry small{color:var(--muted);line-height:1.6}.function-entry:hover{border-color:var(--green)}@media(max-width:999px){.function-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.function-entry{padding:14px;font-size:14px}.mobile-bottom-nav a{font-size:11px}}

/* 组织维度在手机上保持一行；单卡数字等宽，避免长名单首屏堆积。 */
.home-dimensions{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:8px}
.home-dimensions a{flex:0 0 auto}
.home-org-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.home-org-metrics div{display:flex;flex-direction:column}
.home-org-metrics small{color:var(--muted);font-size:12px}
.home-org-metrics strong{font-size:23px;line-height:1.5;font-variant-numeric:tabular-nums}
.home-org-card h3{margin:0}
.home-org-card .ui-section-heading{align-items:flex-start}
