/* Local visual revision inspired by SPMS: shared styles, original business controls. */
:root{--navy:#26334d;--ink:#28354b;--muted:#758198;--teal:#2563eb;--line:#e8ecf3;--bg:#f5f7fb;--sidebar-width:224px}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{transition:color .15s,background .15s,border-color .15s}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2563eb66;outline-offset:3px}
.sidebar{width:var(--sidebar-width);padding:26px 14px 16px;background:#fff;border-right:1px solid var(--line);color:var(--ink);z-index:30}
.brand{padding:0 10px 23px;gap:11px;border-bottom:1px solid var(--line);color:#233552;flex-shrink:0}
.brand>span:last-child{font-size:26px;font-weight:800;letter-spacing:1px;line-height:1.15}.brand small{color:#8290a5;font-size:11px;letter-spacing:.5px;font-weight:400;margin-top:7px}
.brand .brand-mark{width:38px;height:40px;border-radius:11px;background:#2563eb;color:white;display:flex;align-items:center;justify-content:center;position:relative;font-size:27px;font-weight:800;letter-spacing:-4px;padding-right:5px;box-shadow:0 5px 10px #2563eb22}.brand-mark>span{font-size:21px;position:absolute;right:3px;bottom:-1px;color:#b9d3ff}
.sidebar nav{margin:12px 0 20px}.nav-caption{display:block;color:#929eb1;font-size:10px;letter-spacing:1px;margin:18px 13px 8px}
.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 13px;margin:3px 0;border-radius:6px;color:#657087;font-size:13px;min-height:42px;position:relative}.sidebar nav a:hover{background:#f6f8fc;color:#2563eb}.sidebar nav a.selected{background:#eaf1ff;color:#2563eb;font-weight:600}.sidebar nav a.selected:before{content:"";position:absolute;left:-14px;height:22px;width:3px;border-radius:0 3px 3px 0;background:#2563eb}
.ui-icon{width:18px;height:18px;flex:0 0 18px}.identity{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;border-top:1px solid var(--line);padding:18px 7px 0;font-size:12px;flex-shrink:0}.identity strong{font-size:13px;font-weight:600}.identity small{color:#8592a7;font-size:10px;margin:3px 0 0}.identity form{grid-column:1/-1;margin-top:4px}.identity .ghost{width:100%;border:1px solid var(--line);min-height:32px;padding:4px;color:#758198;background:#fff;font-size:11px}.user-avatar{width:33px;height:33px;border-radius:50%;background:#edf3ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px}
main{margin-left:var(--sidebar-width);padding:0 30px 24px;max-width:none;min-width:0}.workspace-header{height:106px;margin:0 -30px 24px;padding:20px 30px;background:white;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.4px;color:#8592a7}.eyebrow>span{margin:0 9px;color:#ccd3df}h1{font-size:22px;font-weight:650;margin:5px 0 0;letter-spacing:.2px}h2{font-size:16px;font-weight:650}h3{font-size:14px}.server{font-size:10px;color:#8592a7}.server b{font-size:12px;color:#657087;margin-top:3px}.server small{font-size:10px;color:#8592a7;margin-top:2px}.dot{background:#22b38a;width:5px;height:5px}
.panel{border-color:var(--line);border-radius:8px;padding:22px;margin-bottom:20px;box-shadow:0 2px 5px #27365202}.section-head{margin-bottom:18px}.section-head>a{font-size:12px}.section-head h2{font-size:16px}.toolbar-description{margin:5px 0 0}.muted{color:var(--muted)}
button,.button{border-radius:5px;padding:8px 15px;min-height:36px;font-size:12px;box-shadow:none;color:#5e6c84}.primary,button.primary,.button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.primary:hover{background:#1d54ce;filter:none}.ghost{border-color:#dfe5ef}.actions{gap:9px}.actions .button{gap:12px}
input,select,textarea{border:1px solid #dfe5ef;border-radius:5px;padding:9px 11px;font-size:13px;color:#35425a}input::placeholder,textarea::placeholder{color:#8a97ac}input:focus,select:focus,textarea:focus{border-color:#7aa2fb;box-shadow:0 0 0 3px #2563eb0c}label{color:#68758b}input[type=checkbox],input[type=radio]{accent-color:#2563eb}progress{accent-color:#2563eb}
.filters{gap:14px}.filters label{font-size:12px}.filters button{min-height:40px}.table-wrap{max-width:100%}table{font-size:12px}th{background:#f6f8fc;color:#758198;font-size:11px;padding:12px 14px;font-weight:500}td{padding:14px;border-color:#eef1f6}tbody tr:hover{background:#f8faff}.task-table td{font-size:13px;padding:16px 12px}.task-table small{font-size:11px}.compact-list{padding:0 12px 6px}.status-pill,.badge{border-radius:4px;font-size:11px;padding:4px 9px}.status-pill.working{background:#edf3ff;color:#2563eb}.status-pill.attention{background:#fff4e7;color:#a46b1b}.status-pill.done{background:#eaf8f2;color:#268266}
.task-tabs{gap:4px;border-bottom:1px solid var(--line);padding-bottom:13px}.task-tabs a{background:transparent;color:#758198;border-radius:5px;padding:8px 11px;font-size:12px}.task-tabs a.active{background:#edf3ff;color:#2563eb}.task-tabs b{font-weight:500;font-size:10px;display:inline-block;margin-left:5px}.list-caption{padding-top:10px;font-size:11px}.filter-summary{font-size:12px;color:#68758b;background:#f5f8fd;border-radius:5px;padding:10px}
.notice{background:#eaf7f1;color:#388466;border:1px solid #d9eee4;font-size:12px}.preview-notice{display:flex;align-items:center;gap:10px;background:#fff9ed;border-color:#f1e5ca;color:#8e7238;padding:9px 14px;margin-bottom:20px}.preview-label{font-size:10px;border:1px solid #e8d8b7;border-radius:4px;padding:1px 6px;white-space:nowrap}
.overview-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0 25px}.section-kicker{font-size:9px;letter-spacing:1.8px;color:#8592a7}.overview-welcome h2{font-size:24px;letter-spacing:.3px;margin:6px 0 8px;color:#263650;font-weight:650}.overview-welcome p{font-size:12px;color:#758198;margin:0}.overview-section-heading{margin:0 0 14px}.overview-section-heading h2{display:flex;gap:12px;align-items:center}.overview-section-heading>.muted{font-size:11px}.heading-note,.count-tag{font-size:10px;background:#eaf0fa;border-radius:4px;padding:3px 7px;color:#758198;font-weight:400}
.management-metrics.overview-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.overview-metrics .metric{margin:0;padding:17px 17px 13px;min-width:0}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:5px}.metric .metric-label{font-size:11px;color:#758198}.metric .metric-indicator{height:25px;width:25px;background:#edf3ff;color:#5785e9;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:16px}.metric strong{color:#2c3b53;font-size:29px;margin:11px 0 12px;font-weight:650;letter-spacing:-.5px}.metric strong small{display:inline;font-size:10px;margin-left:8px;color:#8592a7;font-weight:400}.metric .metric-link{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f0f3f8;color:#8592a7;font-size:10px}.metric:hover{border-color:#9dbbfb;box-shadow:0 3px 12px #2563eb09}.metric:hover .metric-link{color:#2563eb}.metric-3 .metric-indicator,.metric-4 .metric-indicator{background:#fff6e9;color:#d7a354}.metric-5 .metric-indicator{background:#f2edff;color:#a48cd5}.metric-6 .metric-indicator{background:#eaf8f3;color:#6db79a}
.quality-priorities{padding:20px 22px 12px}.section-dot{display:inline-block;width:7px;height:7px;background:#edb55a;border-radius:2px;margin-right:9px;vertical-align:2px}.priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.priority-item{display:flex;align-items:center;gap:13px;padding:14px 18px;background:#fafbfe;border:1px solid #edf0f6;border-radius:6px;color:var(--ink);min-width:0}.priority-item:hover{border-color:#cad9f9;text-decoration:none}.priority-icon{background:#fff2e6;color:#d7974b;border-radius:9px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;flex-shrink:0}.priority-clock{background:#edf3ff;color:#6b90d9}.priority-approval{background:#f1edfc;color:#9b85ca}.priority-item small{font-size:10px;color:#758198}.priority-item strong{display:block;font-size:21px;font-weight:600;margin-top:2px}.priority-item strong small{display:inline;margin-left:7px;font-weight:400}.priority-arrow{margin-left:auto;color:#9aa7bc;font-size:16px}.metric-explanation{margin:12px 0 0}.metric-explanation>summary{font-size:10px;color:#8592a7;min-height:28px;display:list-item}.metric-explanation p{margin:8px 0;font-size:11px}
.orders-compact .order-card{padding:0 20px;margin-bottom:10px;border-radius:7px}.order-main{padding:19px 0;gap:20px}.order-title strong{font-size:14px;color:#35435b;letter-spacing:.3px}.order-title small{font-size:10px;color:#8592a7;margin-top:3px}.order-current>span:first-child{font-size:12px;color:#6c7990}.order-current{gap:9px}.order-issue{font-size:11px}.order-meter small{font-size:10px;color:#8592a7}.order-meter progress{height:5px;display:block;width:100%;border:0;border-radius:5px;background:#edf1f8;margin-top:8px;overflow:hidden}.order-meter progress::-webkit-progress-bar{background:#edf1f8;border-radius:5px}.order-meter progress::-webkit-progress-value{background:#739cf2;border-radius:5px}.order-main>.button{font-size:11px;min-height:30px;padding:5px 10px;color:#4b7bd9;background:#f0f5ff;border-color:#e0eaff}.order-progress{border-top:1px solid #f0f3f8;margin:0}.order-progress>summary{padding:8px 0;font-size:10px;color:#8592a7}.stage-card{border-color:var(--line);border-radius:6px;background:#fafbfe}.stage-card progress{height:5px}
.ledger-toolbar{padding:22px 24px 14px}.ledger-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px 0 14px;border-bottom:1px solid var(--line)}.ledger-tabs{display:flex;gap:7px}.ledger-tabs a{padding:7px 14px;color:#758198;font-size:12px;border-radius:5px;white-space:nowrap}.ledger-tabs a.active{background:#edf3ff;color:#2563eb;font-weight:500}.order-search{flex:0 1 370px;max-width:430px;gap:8px}.order-search input{font-size:12px;min-height:36px}.ledger-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:12px;font-size:11px}.ledger-caption .muted{font-size:11px}
.hero{background:#f0f5ff;border:1px solid #e1eafb;padding:22px 25px;border-radius:8px}.hero h2{font-size:23px;color:#304974}.hero p{color:#758198;font-size:12px}.history{border-color:var(--line);border-left-color:#a4bff3;border-radius:6px}.current-node{border:1px solid #8aaefb;box-shadow:0 0 0 3px #2563eb05}.route a{border-radius:5px;font-size:12px}.work-actions{border-color:var(--line)}.quality-file .guidance{border:1px solid #eddda5;border-radius:6px;background:#fffbef}.guidance h3{font-size:14px}.form-grid{gap:0 24px}.time-grid{padding:14px;background:#f8faff;border-radius:6px}.management-shortcuts .button{font-size:12px}
.report-center .report-kpis>a{border-color:var(--line);background:#fafbfe}.report-center .report-kpis strong{color:#35486b}.login-page .login-layout{margin:70px auto;gap:60px}.login-page .login{padding:34px;box-shadow:0 10px 35px #24365907}.login-page .login-subtitle{color:#758198}.login-page .login-principles{color:#344769}.login-page .login-values{color:#758198}.login-page .intro h2{color:#8592a7}.login-page .login h2{font-size:21px}footer{font-size:10px;color:#8592a7;margin-top:28px}
@media(min-width:1500px){main{padding-left:40px;padding-right:40px}.workspace-header{margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px}.overview-welcome{padding-top:16px;padding-bottom:30px}}
@media(max-width:1200px){:root{--sidebar-width:204px}.sidebar{padding-left:12px;padding-right:12px}main{padding:0 22px 22px}.workspace-header{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.management-metrics.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-welcome h2{font-size:21px}.priority-item{padding:13px 11px;gap:9px}.overview-welcome{align-items:flex-start}.overview-welcome .actions{justify-content:flex-end}.overview-section-heading>.muted{max-width:45%;text-align:right}}
@media(max-width:900px) and (min-width:701px){.priority-grid{grid-template-columns:1fr;gap:8px}.priority-item{padding:10px 15px}.priority-item strong{display:inline-block;margin-left:15px}.priority-item>span:nth-child(2){display:flex;align-items:center}.overview-welcome{flex-direction:column}.overview-welcome .actions{justify-content:flex-start}.ledger-controls{align-items:flex-start;flex-direction:column}.order-search{flex:auto;width:100%;max-width:none}}
@media(max-width:700px){
 :root{--sidebar-width:0px}.sidebar{position:relative;inset:auto;width:auto;padding:14px 16px 10px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;overflow:visible;z-index:10}.brand{padding:0;border:0;gap:9px}.brand .brand-mark{width:31px;height:33px;border-radius:8px;font-size:23px}.brand-mark>span{font-size:17px}.brand>span:last-child{font-size:21px}.sidebar .brand small{font-size:9px;letter-spacing:.3px;margin-top:4px;display:block}.sidebar nav{display:flex;gap:5px;overflow-x:auto;margin:14px 0 0;padding-bottom:2px;scrollbar-width:thin}.nav-caption{display:none}.sidebar nav a{margin:0;padding:8px 10px;font-size:12px;min-height:38px;gap:6px;flex-shrink:0}.sidebar nav a.selected:before{display:none}.sidebar nav .ui-icon{width:15px;height:15px;flex-basis:15px}.identity{position:absolute;top:16px;right:16px;display:flex;border:0;padding:0;margin:0;gap:7px;align-items:center}.identity .user-avatar{width:27px;height:27px;font-size:12px}.identity>div{display:none}.identity form{margin:0}.identity .ghost{font-size:10px;min-height:28px;padding:3px 8px}.mobile-nav-hint{display:block;color:#8592a7;margin-top:5px;font-size:9px}.sidebar:has(nav) .brand{max-width:calc(100% - 115px)}
 main{margin:0;padding:0 14px 18px;max-width:100%}.workspace-header{height:85px;margin:0 -14px 16px;padding:16px 14px;gap:10px;align-items:center}.workspace-header h1{font-size:20px}.eyebrow{font-size:9px}.server{max-width:145px;font-size:9px}.server b{font-size:10px}.server small{display:none}.preview-notice{font-size:10px;align-items:flex-start;padding:9px 10px;margin-bottom:15px;gap:7px}.preview-label{font-size:9px}
 .overview-welcome{display:block;padding:1px 2px 21px}.section-kicker{font-size:8px}.overview-welcome h2{font-size:22px;line-height:1.5;margin:5px 0 7px}.overview-welcome p{font-size:11px}.overview-welcome .actions{margin-top:16px;justify-content:flex-start}.overview-welcome .button{font-size:12px;min-height:40px;padding:8px 14px}.overview-section-heading{gap:8px;margin-bottom:12px}.overview-section-heading h2{font-size:15px;gap:8px}.overview-section-heading>.muted{max-width:none;text-align:left;font-size:10px}.heading-note,.count-tag{font-size:9px}.management-metrics.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}.overview-metrics .metric{padding:13px 14px 10px}.metric .metric-label{font-size:11px}.metric strong{font-size:29px;margin:8px 0 10px}.metric .metric-link{font-size:9px;padding-top:8px}.metric .metric-indicator{width:24px;height:24px}.panel{padding:17px 14px;border-radius:7px;margin-bottom:15px}.section-head h2{font-size:15px}.section-head>a{font-size:11px}.quality-priorities{padding:16px 13px 10px}.priority-grid{grid-template-columns:1fr;gap:8px}.priority-item{padding:12px 13px}.priority-item>span:nth-child(2){display:flex;align-items:center;justify-content:space-between;flex:1;gap:8px}.priority-item strong{font-size:21px;margin:0}.priority-item small{font-size:11px}.priority-icon{width:30px;height:30px;font-size:16px;border-radius:7px}.priority-arrow{display:none}.metric-explanation>summary{font-size:10px;padding-top:2px}.metric-explanation{margin-top:10px}
 .orders-compact .order-card{padding:0 14px}.order-main{gap:11px;padding:15px 0}.order-title strong{font-size:15px}.order-title small{font-size:11px}.order-current>span:first-child{font-size:12px}.order-main>.button{min-height:36px;padding:6px 12px}.order-progress>summary{font-size:10px;padding:10px 0}.order-meter small{font-size:10px}.stage-card{padding:11px}.status-pill,.badge{font-size:10px}.order-issue{font-size:11px}
 .ledger-toolbar{padding:17px 14px 13px}.ledger-controls{display:block;padding-top:0}.ledger-tabs{margin-bottom:14px}.ledger-tabs a{font-size:12px;padding:8px 13px;min-height:38px}.order-search{width:100%;max-width:none}.order-search input{font-size:16px;min-height:42px}.order-search button{min-height:42px;padding:8px 12px}.ledger-caption{display:block}.ledger-caption .muted{font-size:10px}.ledger-caption>a{display:inline-block;margin-top:7px}.task-tabs{gap:4px;margin-bottom:15px}.task-tabs a{font-size:11px;padding:8px;min-height:36px}.filters{gap:10px}.filters label{min-width:44%}.filters label:first-child{min-width:100%}.filters input,.filters select{font-size:16px;min-height:44px}.filters button{min-height:44px}.compact-list{padding:2px 11px}.enhanced .table-wrap tr{border-color:var(--line);background:#fff}.enhanced .table-wrap td{font-size:12px}.enhanced .table-wrap td:before{font-size:11px}.task-table .button{min-height:40px}
 button,.button{min-height:44px;font-size:13px}input,select,textarea{font-size:16px;min-height:44px}.hero{padding:18px}.hero h2{font-size:21px}.hero p{font-size:11px}.form-grid{gap:0}.time-grid{padding:12px;gap:12px}.quality-file .section-head{gap:10px}.quality-file .actions .button{font-size:12px}.login-page .login-layout{margin:24px auto;gap:25px}.login-page .login{padding:25px}.login-page .intro .login-values{font-size:10px;gap:11px}.login-page .server{max-width:none;text-align:left}footer{font-size:9px;line-height:1.8;margin-top:22px}
}
@media(prefers-reduced-motion:reduce){a{transition:none}}
