/* Starflow browser ERP console. The public product website has its own styles. */
:root{--accent:#087bc1;--line:#e5eaf0;--muted:#748397;color:#23344c;background:#f2f5f9}
body{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #087bc1;outline-offset:3px}
[hidden]{display:none!important}
.console-shell{--sidebar-width:208px;display:block;padding-top:64px;min-height:100vh}
.console-header{position:fixed;inset:0 0 auto;height:64px;z-index:30;display:flex;align-items:center;gap:28px;padding:0 24px;background:#fff;border-bottom:1px solid #dce5ee}
.header-brand{display:flex;align-items:center;gap:18px;flex-shrink:0}
.header-brand .brand{text-decoration:none;color:#12659a;font-size:20px;gap:10px;letter-spacing:1px}
.header-brand .logo{width:34px;height:34px;border-radius:8px;background:transparent}
.product-tag{border-left:1px solid #dfe7ef;padding-left:18px;font-size:13px;color:#66788c}
.header-company{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:#52667c}
.online{width:6px;height:6px;background:#169a7a;border-radius:50%;display:inline-block;flex-shrink:0}
.header-actions{display:flex;align-items:center;gap:25px;flex-shrink:0;height:100%}
.header-inbox{background:none;color:#4c6076;font-size:12px;padding:8px}
.header-inbox b{margin-left:6px;min-width:20px;display:inline-block;color:#087bc1;background:#eaf5ff;border-radius:4px;padding:3px 5px;font-size:11px}
.account-button{background:transparent;display:flex;align-items:center;gap:10px;text-align:left;color:#23344c}
.account-button .avatar{width:32px;height:32px;display:grid;place-items:center;font-size:13px;border-radius:50%;color:#087bc1;background:#e7f3fe}
.account-name{font-size:12px}.account-name small{display:block;font-size:10px;margin-top:3px;color:#8492a4}
.header-menu{display:none;background:transparent;color:#3c617d;font-size:22px;padding:4px}
.console-shell .sidebar{position:fixed;inset:64px auto 0 0;width:var(--sidebar-width);height:auto;background:#fff;padding:22px 12px 12px;border-right:1px solid #dfe6ef;z-index:25;display:flex;flex-direction:column;transform:none;transition:width .18s ease}
.console-shell .nav-label{font-size:10px;color:#8a98a8;letter-spacing:1px;padding:0 14px;margin:0 0 15px}
.console-shell nav{overflow:auto;flex:1;min-height:0}
.console-shell .nav-btn{display:flex;align-items:center;gap:12px;color:#52667c;min-height:43px;width:100%;margin:0 0 5px;padding:11px 14px;border-radius:5px;font-size:13px;text-align:left;background:transparent;white-space:nowrap}
.console-shell .nav-btn:hover{background:#f4f8fc;color:#087bc1}
.console-shell .nav-btn.active{background:#eaf4fd;color:#087bc1;font-weight:600;box-shadow:inset 3px 0 #087bc1}
.nav-icon{font-size:18px;width:20px;flex-shrink:0;text-align:center;line-height:1.2}
.nav-count{margin-left:auto;border-radius:4px;background:#087bc1;color:#fff;font-size:10px;padding:2px 5px}
.console-shell .sidebar-bottom{position:static;padding:12px 0 0;margin-top:auto;border-top:1px solid var(--line)}
.collapse-nav,.console-shell .logout{background:transparent;display:flex;align-items:center;gap:12px;padding:12px 14px;color:#6a7d91;font-size:12px;width:100%;margin:0;white-space:nowrap}
.console-shell .main{margin-left:var(--sidebar-width);padding:0 28px 24px;max-width:none;min-width:0;transition:margin-left .18s ease}
.workspace-crumb{height:61px;display:flex;align-items:center;gap:10px;font-size:11px;color:#8a98a8}
.workspace-crumb strong{font-weight:400;color:#445a72}
.refresh-data{margin-left:auto;background:transparent;font-size:11px;color:#6c8098;padding:8px 0 8px 12px}
.console-shell .page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}
.console-shell .page-head .eyebrow{display:none}
.console-shell h1{font-size:24px;font-weight:600;letter-spacing:0;margin:0 0 9px;color:#22394f}
.console-shell .page-head .muted{font-size:12px;color:#8392a4}
.btn{border-radius:4px;font-size:13px;padding:11px 18px;background:#087bc1;box-shadow:none}
.btn.secondary{background:white;border:1px solid #d7e2ed;color:#526e88}
.btn.small{font-size:12px;padding:8px 13px}
.btn.danger{background:#fcecef;color:#ad4059}
.console-shell .panel{border-radius:6px;border:1px solid #e4eaf1;background:#fff;box-shadow:0 2px 4px #203f6010;margin-bottom:20px;padding:22px;min-width:0}
.console-shell .panel-head{margin-bottom:20px;gap:14px}
.console-shell h2,.console-shell .section-title{font-size:14px;font-weight:600;color:#263e55}
.console-shell .section-title:before{height:14px;width:3px;background:#087bc1}
.text-action{background:none;color:#087bc1;font-size:11px;padding:3px 0;text-align:left}
.title-count{display:inline-block;border-radius:4px;padding:2px 6px;background:#edf4fb;color:#087bc1;font-size:11px;font-weight:400}
.console-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}
.stat-card{text-align:left;position:relative;padding:20px 22px;background:#fff;border:1px solid #e4eaf1;border-radius:6px;color:#23344c;min-width:0;box-shadow:0 2px 4px #203f6008}
.stat-card:hover{border-color:#a5cdeb;box-shadow:0 3px 12px #087bc110}
.stat-card .card-label{display:block;color:#5e748b;font-size:12px;padding-right:26px}
.stat-card .card-number{display:block;font-size:30px;font-weight:600;color:#183e62;margin:12px 0}
.stat-card .card-number small{font-size:10px;font-weight:400;color:#91a1b3;margin-left:8px}
.stat-card .card-note{display:block;font-size:10px;color:#8d9daf;border-top:1px solid #f0f3f8;padding-top:12px}
.stat-card .card-note span{float:right;color:#6c94b2}
.stat-icon{position:absolute;right:20px;top:16px;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:#edf6ff;color:#087bc1;font-size:17px;font-weight:400}
.workspace-columns{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:22px;align-items:start}
.workspace-primary,.workspace-aside{min-width:0}
.context-panel h2{font-size:13px;margin-bottom:18px}.context-panel .panel-head h2{margin:0}
.context-panel dl,.detail-aside dl{margin:0}
.context-panel dt,.detail-aside dt{font-size:11px;color:#8a9aab;margin:16px 0 7px}
.context-panel dd,.detail-aside dd{font-size:12px;color:#4e647c;margin:0;line-height:1.7;overflow-wrap:anywhere}
.context-panel .text-action{margin-top:20px;border-top:1px solid var(--line);padding-top:16px;width:100%}
.workspace-mark{background:#edf5fd;width:28px;height:28px;border-radius:6px;color:#087bc1;display:grid;place-items:center;font-size:12px}
.context-panel details{border-top:1px solid #edf1f6;padding:14px 0;font-size:11px}
.context-panel details:last-child{padding-bottom:0}
.context-panel summary{cursor:pointer;color:#466782;line-height:1.6}
.context-panel details p{font-size:11px;line-height:1.9;color:#8594a5;margin:10px 0 0}
.console-shell .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.console-shell .quick{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9eef5;border-radius:5px;padding:15px 12px;min-width:0}
.console-shell .quick:hover{background:#f6faff;border-color:#a5cdeb}
.console-shell .quick-icon{width:33px;height:33px;border-radius:7px;font-size:17px;margin:0;flex-shrink:0}
.console-shell .quick-copy{min-width:0}.console-shell .quick-name{font-size:12px;font-weight:500;line-height:1.5}
.console-shell .quick-desc{font-size:10px;line-height:1.7;color:#8c9daf;margin-top:3px;display:block}
.expand-shortcuts{display:block;margin:16px auto 0;text-align:center}
.console-shell table{font-size:12px;white-space:nowrap}
.console-shell th{font-size:11px;color:#7b8fa5;background:#f6f8fb;padding:12px;font-weight:400}
.console-shell td{padding:15px 12px;border-bottom:1px solid #edf1f6;color:#526a80}
.console-shell tr:hover td{background:#fbfdff}
.console-shell td:first-child .link-btn{font-size:12px;max-width:230px;line-height:1.7}
.console-shell .help{font-size:10px;color:#91a0b0;line-height:1.5;margin-top:4px}
.console-shell .empty{padding:36px 15px;font-size:12px;color:#8194a8;line-height:2}
.console-shell .empty .small{font-size:11px;color:#9aa7b6}
.console-shell .empty-icon{font-size:27px;color:#c2d4e7;margin-bottom:8px}
.badge{font-size:10px;border-radius:3px;padding:4px 7px}
.badge.pending{color:#af7b11;background:#fff6df}.badge.approved,.badge.active{background:#eaf7f1;color:#259674}.badge.cancelled{background:#eff2f6;color:#8191a3}
.console-filters{display:flex;gap:10px;align-items:center;margin:0 0 20px}
.console-filters input,.console-filters select{height:36px;border:1px solid #dce5ef;border-radius:4px;font-size:12px;margin:0;color:#4d667e;background:white;padding:8px 11px}
.console-filters input{flex:1;min-width:170px;max-width:300px}.console-filters select{width:145px}.console-filters .btn{height:36px;white-space:nowrap}
.list-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:-5px 0 22px}
.list-tabs button{background:none;color:#7c8da1;padding:10px 0 16px;font-size:13px;border-bottom:2px solid transparent}
.list-tabs button.active{color:#087bc1;border-color:#087bc1;font-weight:600}
.list-tabs span{font-size:10px;background:#edf3f9;color:#6b88a2;border-radius:4px;padding:2px 5px;margin-left:5px}
.list-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 15px;font-size:12px}
.list-caption .small{font-size:11px}
.organization-summary{background:linear-gradient(105deg,#fff,#f6fbff);border:1px solid #dde9f4;border-radius:6px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 0 24px}
.organization-summary>div{display:flex;align-items:center;gap:15px;min-width:0}
.org-symbol{display:grid;place-items:center;background:#eaf4ff;color:#087bc1;width:44px;height:44px;border-radius:8px;font-size:24px;flex-shrink:0}
.organization-summary strong{font-size:15px;color:#2b4d6b;line-height:1.7;display:block;overflow-wrap:anywhere}.organization-summary>div>div{min-width:0}.organization-summary>div>div>span{font-size:11px;color:#8399ad;display:block;margin-top:5px}
.organization-summary dl{display:flex;gap:32px;margin:0;flex-shrink:0}
.organization-summary dt{font-size:11px;color:#8a9bad;margin-bottom:10px}.organization-summary dd{font-size:23px;color:#325a7d;margin:0}.organization-summary small{font-size:10px;color:#8c9faf;margin-left:6px}
.console-shell .admin-tabs{gap:24px;margin:0 0 22px;flex-wrap:wrap;border-bottom:1px solid #dfe7ef}
.console-shell .admin-tabs button{padding:10px 0 15px;background:transparent;color:#7b8da1;font-size:12px;border-radius:0;border-bottom:2px solid transparent}
.console-shell .admin-tabs button.active{color:#087bc1;border-color:#087bc1;font-weight:600}
.person-cell{display:flex;align-items:center;gap:11px}.person-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#5284aa;background:#edf4fb;font-size:12px}
.role-label{color:#667e94;font-size:11px;background:#f3f6fa;border-radius:3px;padding:4px 7px}
.console-shell .footnote{color:#a4afbc;margin-top:24px;font-size:10px}
.nav-collapsed{--sidebar-width:70px}.nav-collapsed .sidebar .nav-text,.nav-collapsed .sidebar .nav-label,.nav-collapsed .sidebar .nav-count{display:none}.nav-collapsed .sidebar .nav-btn,.nav-collapsed .collapse-nav,.nav-collapsed .logout{padding:12px;justify-content:center;gap:0}
.nav-collapsed .sidebar nav{padding-top:21px}
.nav-backdrop{display:none}
/* Request details share the same real workflow data in all entry points. */
.request-detail-overlay{padding:28px;background:#10294170;backdrop-filter:blur(2px)}
html:has(.request-detail-overlay){overflow:hidden}.request-detail{overscroll-behavior:contain}
.request-detail{width:1100px;max-height:94vh;border-radius:8px;padding:0;box-shadow:0 20px 80px #10294135}
.request-detail .modal-header{top:0;margin:0;padding:22px 28px;border-bottom:1px solid #e6edf5;z-index:5;border-radius:8px 8px 0 0;gap:18px}
.request-detail .modal-header h2{font-size:19px;color:#294c6c;line-height:1.6;overflow-wrap:anywhere}.request-detail .close{flex-shrink:0;color:#8799aa}
.detail-overview{padding:20px 28px 0}.detail-meta{display:flex;gap:14px;align-items:center;font-size:11px;color:#8197ac}
.approval-progress{display:flex;list-style:none;margin:24px 0;padding:20px 16px;background:#f8fafd;border:1px solid #edf2f8;border-radius:5px;gap:0;overflow-x:auto}
.approval-progress li{position:relative;flex:1;min-width:135px;padding:0 15px 0 0;display:flex;gap:10px;align-items:flex-start}
.approval-progress li:after{content:"";position:absolute;height:1px;background:#dbe4ef;top:14px;left:38px;right:12px}
.approval-progress li:last-child:after{display:none}.approval-progress li>div{padding-top:38px;margin-left:-38px;position:relative;min-width:0;width:100%}
.progress-dot{background:#e9eef5;color:#97a7b9;border:1px solid #dce5ef;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;font-size:11px;z-index:1}
.approval-progress strong{font-size:12px;font-weight:500;color:#8a9bad;line-height:1.7;display:block}.approval-progress small{display:block;font-size:10px;line-height:1.8;color:#97a5b6;margin-top:6px;white-space:normal;max-width:190px;overflow-wrap:anywhere}
.approval-progress .done .progress-dot{background:#e8f4ff;color:#087bc1;border-color:#bedcf3}.approval-progress .done:after{background:#a9d4f1}.approval-progress .done strong{color:#517b9c}
.approval-progress .current .progress-dot{background:#087bc1;color:#fff;border-color:#087bc1;box-shadow:0 0 0 4px #e6f4ff}.approval-progress .current strong{color:#087bc1;font-weight:600}
.approval-progress .failed .progress-dot{background:#fff1f2;border-color:#efc7cd;color:#c25368}.approval-progress .failed strong{color:#ba5667}
.detail-tabs{display:flex;gap:28px;border-bottom:1px solid #e6edf5;padding:0 28px}
.detail-tabs button{background:none;color:#8599ad;font-size:12px;border-bottom:2px solid transparent;padding:0 0 14px}.detail-tabs button.active{color:#087bc1;border-color:#087bc1}
.detail-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;padding:26px 28px;background:white;align-items:start}
.detail-primary{min-width:0}.detail-section{scroll-margin-top:95px;border-bottom:1px solid #edf2f7;margin:0 0 26px;padding:0 0 18px}.detail-section:last-child{border:0;margin-bottom:0}
.detail-section h3,.detail-aside h3{font-size:13px;font-weight:600;color:#355775;margin-bottom:18px}
.request-detail .detail-grid{gap:20px 28px;margin:0}.request-detail .detail-key{font-size:11px;color:#8a9caf}.request-detail .detail-value{font-size:12px;color:#45627c;line-height:1.9}
.request-detail .timeline{margin:20px 0 0}.request-detail .timeline-item{margin-bottom:24px}.request-detail .timeline-item strong{font-size:11px;font-weight:500;color:#486d8c}.request-detail .timeline-item p{font-size:10px;color:#96a5b5}
.detail-aside{background:#f7f9fc;border:1px solid #edf2f7;border-radius:5px;padding:20px}.detail-aside h3{margin-bottom:20px}.detail-aside dt{margin-top:18px}.detail-aside dd{font-size:11px}
.context-note{border-top:1px solid #e5ecf4;margin-top:22px;padding-top:18px;font-size:11px;color:#6a869f}.context-note strong{font-weight:500}.context-note p{margin:10px 0 0;line-height:1.9;font-size:11px;color:#91a2b3}
.request-detail .modal-actions{flex-wrap:wrap;gap:10px}.request-detail>.error{margin:0 28px 18px}
.request-detail .field label{font-size:12px}.request-detail textarea{font-size:12px;min-height:86px}.request-detail input,.request-detail select{font-size:12px}
.auth{background:#f6f9fc}.auth-story{background:linear-gradient(145deg,#0b3356,#006ca7);color:#fff}.auth-story h1{font-size:36px}.auth .btn{border-radius:5px}.auth-story .brand .logo{background:#ffffff18}
@media(min-width:1650px){.console-shell .main{padding-left:36px;padding-right:36px}.workspace-columns{grid-template-columns:minmax(0,1fr) 280px}.console-shell .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.workspace-columns{grid-template-columns:minmax(0,1fr)}.workspace-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.console-shell .main{padding:0 22px 24px}.console-shell .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.header-company{max-width:290px}.organization-summary dl{gap:22px}}
@media(max-width:950px){.console-shell{--sidebar-width:184px}.nav-collapsed{--sidebar-width:70px}.console-header{gap:16px;padding:0 20px}.header-company{max-width:220px}.header-actions{gap:12px}.product-tag{display:none}.stat-card{padding:18px 16px}.stat-icon{right:12px}.console-stats{gap:12px}.console-shell .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.organization-summary{align-items:flex-start;flex-direction:column}.organization-summary dl{gap:45px}.detail-body{grid-template-columns:minmax(0,1fr) 210px;gap:20px;padding:22px}.detail-overview{padding:20px 22px 0}}
@media(max-width:760px){.console-shell,.console-shell.nav-collapsed{--sidebar-width:0px;padding-top:58px}.console-header{height:58px;padding:0 14px;gap:10px}.header-brand{gap:10px}.header-brand .brand{font-size:17px;gap:7px}.header-brand .logo{width:28px;height:28px}.header-menu{display:block}.header-company{display:none}.header-actions{margin-left:auto;gap:6px}.header-inbox{font-size:11px;padding:5px}.account-button{padding:0}.account-name{display:none}.account-button .avatar{width:28px;height:28px;font-size:11px}.console-shell .sidebar{top:58px;width:224px;transform:translateX(-100%);transition:transform .18s ease;padding:22px 12px 12px}.console-shell .sidebar.open{transform:translateX(0);box-shadow:10px 0 30px #10294115}.console-shell .sidebar .nav-text,.console-shell .sidebar .nav-label{display:block}.console-shell .sidebar .nav-count{display:inline-block}.console-shell .sidebar .nav-btn,.console-shell .sidebar .logout{justify-content:flex-start;gap:12px;padding:12px 14px}.console-shell .sidebar nav{padding-top:0}.console-shell .collapse-nav{display:none}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:58px 0 0;background:#10294170;z-index:24}.console-shell .main{margin-left:0;padding:0 14px 24px}.workspace-crumb{height:50px;font-size:10px;gap:8px}.console-shell .page-head{gap:10px;margin-bottom:20px;align-items:flex-start}.console-shell h1{font-size:21px;margin-bottom:8px}.console-shell .page-head .muted{font-size:11px;line-height:1.8;max-width:240px}.console-shell .page-head .btn{padding:9px 11px;font-size:11px;white-space:nowrap}.console-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat-card{padding:17px 14px 14px}.stat-icon{width:26px;height:26px;font-size:15px;top:12px;right:12px}.stat-card .card-label{font-size:11px}.stat-card .card-number{font-size:27px;margin:12px 0 9px}.stat-card .card-note{font-size:9px;padding-top:10px}.console-shell .panel{padding:18px 14px;margin-bottom:16px}.workspace-columns{gap:0}.workspace-aside{display:block}.workspace-aside .context-panel:first-child{display:none}.console-shell .panel-head{margin-bottom:16px}.console-shell .section-title{font-size:13px}.console-shell .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.console-shell .quick{padding:12px 9px;gap:9px}.console-shell .quick-name{font-size:11px}.console-shell .quick-desc{display:none}.console-shell .quick-icon{width:28px;height:28px;font-size:15px;border-radius:5px}.console-shell .table-wrap{margin:0 -2px}.console-shell table{min-width:610px}.console-shell th,.console-shell td{padding:12px 10px}.console-shell .empty{padding:26px 10px}.console-filters{gap:8px}.console-filters input{flex:1 1 100%;min-width:0;max-width:none}.console-filters select{flex:1;min-width:100px;width:auto}.console-filters .btn{padding:7px 10px;font-size:11px}.list-tabs{gap:22px}.list-tabs button{font-size:12px;white-space:nowrap}.organization-summary{padding:18px;gap:20px;margin-bottom:16px}.organization-summary strong{font-size:13px}.organization-summary dl{gap:35px}.organization-summary dd{font-size:21px}.console-shell .admin-tabs{gap:16px;margin-bottom:16px}.console-shell .admin-tabs button{font-size:11px;padding-bottom:12px}.console-shell .panel-head .row-actions{flex-wrap:wrap;justify-content:flex-end}.console-shell .panel-head .btn{font-size:10px;padding:7px 9px}.request-detail-overlay{padding:0;align-items:stretch}.request-detail{width:100%;max-width:100%;height:100%;max-height:100dvh;border-radius:0}.request-detail .modal-header{padding:17px 16px;border-radius:0}.request-detail .modal-header h2{font-size:16px}.detail-overview{padding:18px 16px 0}.approval-progress{padding:18px 12px;margin:18px 0}.approval-progress li{min-width:145px}.detail-tabs{padding:0 16px}.detail-body{display:block;padding:22px 16px}.detail-aside{margin-top:20px}.detail-aside dl{display:grid;grid-template-columns:90px 1fr;gap:12px}.detail-aside dt,.detail-aside dd{margin:0}.request-detail .detail-grid{gap:20px 18px}.request-detail .modal-actions .btn{font-size:12px;padding:10px 14px}.request-detail>.error{margin:0 16px 16px}.auth-story h1{font-size:28px}.auth-panel{padding:32px 24px}.auth-story{padding:25px}.auth-story .brand{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.console-shell .sidebar,.console-shell .main{transition:none}}

/* Compact workspace and explicit approval handoff. */
.console-header{box-shadow:0 2px 10px #233f6010;border-top:3px solid #087bc1}
.header-inbox{border:1px solid #dce9f5;border-radius:6px;background:#f7fbff}
.console-shell .nav-btn.active{box-shadow:inset 4px 0 #087bc1;background:#e5f1ff}
.console-shell .page-head{margin-bottom:18px}.workspace-crumb{height:52px}
.console-shell .panel{padding:18px;margin-bottom:16px}.console-shell .panel-head{margin-bottom:16px}
.console-shell .btn{padding:9px 14px}.console-shell .btn.small{padding:7px 11px}
.console-shell th{padding:10px 12px}.console-shell td{padding:11px 12px}
.console-shell .quick{padding:12px}.console-stats{gap:14px;margin-bottom:18px}
.workspace-columns{gap:18px}.context-panel h2{margin-bottom:14px}
.context-rules{padding-left:17px;margin:0;color:#62778c;font-size:12px;line-height:1.9}.context-rules li+li{margin-top:9px}
.context-panel details,.context-panel details p{font-size:12px}.context-panel dt{font-size:12px}
.progress-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 0;padding:16px 18px;background:#eef6ff;border:1px solid #dbeafa;border-radius:6px}
.progress-summary>span{min-width:0;display:flex;flex-direction:column;gap:7px}.progress-summary>span+span{border-left:1px solid #ccdeef;padding-left:18px}
.progress-summary small{font-size:11px;color:#6e869c}.progress-summary strong{font-size:14px;color:#17679f}.progress-summary span span{font-size:12px;color:#516c85;line-height:1.7;overflow-wrap:anywhere}
.progress-summary.ended{background:#f6f8fb;border-color:#e5eaf0;grid-template-columns:1fr}
.approval-progress{margin:16px 0 22px;padding:20px 16px}.approval-progress li{min-width:156px}
.approval-progress .done .progress-dot{color:#16835f;background:#e6f6ee;border-color:#b7e2ce}.approval-progress .done:after{background:#b7e2ce}
.step-state{display:inline-block;font-style:normal;font-size:10px;color:#8b9caf;margin-top:5px}.current .step-state{color:#087bc1;font-weight:600}.done .step-state{color:#16835f}.failed .step-state{color:#ba5667}
.approval-progress .stopped .progress-dot{background:#eff2f6;color:#758498;border-color:#d5dde7}.approval-progress .stopped strong{color:#758498}
@media(min-width:1201px){.workspace-aside{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin}}
@media(min-width:1001px) and (max-width:1200px){.workspace-columns{grid-template-columns:minmax(0,1fr) 230px}.workspace-aside{display:block}.console-shell .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px) and (min-width:761px){.workspace-aside{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:760px){.console-shell .panel{padding:16px 14px}.workspace-aside .context-panel:first-child{display:block}.workspace-aside{margin-top:6px}.progress-summary{gap:12px;padding:14px 12px}.progress-summary>span+span{padding-left:12px}.progress-summary strong{font-size:13px}.header-inbox{padding:5px}.console-shell td,.console-shell th{padding:10px}.console-header{border-top-width:2px}}

/* Unified vector navigation icons; color follows the active navigation state. */
.console-icon{display:block;width:20px;height:20px;flex-shrink:0}
.console-shell .nav-icon{display:inline-flex;align-items:center;justify-content:center;color:#73869b;width:20px;height:20px}
.console-shell .nav-btn.active .nav-icon,.console-shell .nav-btn:hover .nav-icon{color:#087bc1}
.nav-collapsed .collapse-nav .console-icon{transform:rotate(180deg)}
.header-menu .console-icon{width:22px;height:22px}

/* Shared page icon language, including dialogs and asynchronous module views. */
.console-icon{display:inline-block;vertical-align:middle;pointer-events:none}
.quick-icon,.stat-icon,.org-symbol,.workspace-mark,.iris-card-icon,.erp-dept-icon{color:#73869b!important}
.quick:hover .quick-icon,.erp-dept.selected .erp-dept-icon{color:#087bc1!important}
.text-action .console-icon,.btn .console-icon,.refresh-data .console-icon{width:16px;height:16px}
.close{display:inline-flex;align-items:center;justify-content:center}.close .console-icon{width:18px;height:18px}
.empty-icon .console-icon{width:30px;height:30px;color:#9caec0}.empty-icon{text-align:center}
.card-note .console-icon{width:14px;height:14px}.progress-dot .console-icon{width:16px;height:16px}
.auth-points .console-icon{width:17px;height:17px}.context-panel summary{list-style:none;position:relative;padding-right:20px}.context-panel summary::-webkit-details-marker{display:none}
.context-panel summary:after{content:"";position:absolute;right:3px;top:6px;width:6px;height:6px;border-right:1.7px solid #73869b;border-bottom:1.7px solid #73869b;transform:rotate(-45deg)}
.context-panel details[open] summary:after{transform:rotate(45deg)}

/* 2026-10-24: console typography based on the supplied desktop reference. */
:root{--office-font:"Microsoft YaHei","PingFang SC",Arial,sans-serif;--office-text:#20252b;--office-muted:#737b86}
body{font-family:var(--office-font);font-size:14px;color:var(--office-text)}
.console-shell{font-size:14px;color:var(--office-text)}
.console-shell .nav-btn{font-size:14px;font-weight:400;color:#303740;line-height:1.5}
.console-shell .nav-btn.active{font-weight:500}
.console-shell .nav-label,.collapse-nav,.console-shell .logout{font-size:13px}
.header-company,.header-inbox,.account-name{font-size:13px;color:#454c56}.account-name small{font-size:12px;color:var(--office-muted)}
.product-tag,.workspace-crumb,.refresh-data{font-size:13px}
.console-shell h1{font-size:18px;line-height:1.5;font-weight:600;color:#171c23;letter-spacing:0}
.console-shell .page-head .muted{font-size:13px;line-height:1.7;color:var(--office-muted)}
.console-shell h2,.console-shell .section-title,.context-panel h2{font-size:16px;line-height:1.5;font-weight:600;color:#171c23}
.console-shell h3{font-size:14px;font-weight:600;color:#262d36}
.console-shell .muted,.console-shell .small{font-size:13px;color:var(--office-muted)}
.console-shell .btn,.console-shell .btn.small,.console-shell .panel-head .btn,.btn,.btn.small{font-size:13px;line-height:1.5;font-weight:500}
.text-action{font-size:13px;line-height:1.6}
.console-shell table{font-size:13px;line-height:1.6}.console-shell th{font-size:13px;color:#737b86;font-weight:400}.console-shell td{font-size:13px;color:#252c35}
.console-shell td:first-child .link-btn,.console-shell .link-btn{font-size:13px;line-height:1.6}
.console-shell .help,.console-shell .empty,.console-shell .empty .small{font-size:13px;line-height:1.7;color:var(--office-muted)}
.console-shell .badge,.badge,.role-label,.title-count,.list-tabs span{font-size:12px;line-height:1.5}
.console-shell .quick-name{font-size:14px;font-weight:400;color:#2c3540;line-height:1.5}.console-shell .quick-desc{font-size:12px;color:var(--office-muted);line-height:1.6}
.stat-card .card-label{font-size:14px;color:#606974}.stat-card .card-number{font-size:30px;line-height:1.25;font-weight:500}.stat-card .card-number small{font-size:12px}.stat-card .card-note{font-size:12px;color:var(--office-muted);line-height:1.6}
.context-panel dt,.detail-aside dt{font-size:13px;color:#737b86}.context-panel dd,.detail-aside dd{font-size:13px;color:#343e4a;line-height:1.8}
.context-panel details,.context-panel details p,.context-panel summary,.context-rules{font-size:13px;line-height:1.8;color:#505b68}
.console-filters input,.console-filters select,.list-tabs button,.list-caption,.list-caption .small,.console-shell .admin-tabs button{font-size:13px}
.organization-summary strong{font-size:16px}.organization-summary>div>div>span,.organization-summary dt,.organization-summary small{font-size:13px}
.person-avatar,.role-label{font-size:12px}.console-shell .footnote{font-size:12px;color:#7e8793}
.console-shell label,.console-shell input,.console-shell select,.console-shell textarea,.console-shell .notice{font-size:13px;line-height:1.7}
.modal{font-family:var(--office-font);font-size:13px;color:#252c35}.modal-header h2,.request-detail .modal-header h2{font-size:18px;line-height:1.5;font-weight:600;color:#171c23}
.modal label,.modal input,.modal select,.modal textarea,.request-detail .field label,.request-detail input,.request-detail select,.request-detail textarea{font-size:13px;line-height:1.6}
.detail-section h3,.detail-aside h3{font-size:16px;color:#171c23}.request-detail .detail-key,.request-detail .detail-value{font-size:13px;line-height:1.8}.request-detail .detail-key{color:#737b86}.request-detail .detail-value{color:#252c35}
.detail-meta,.detail-tabs button,.request-detail .timeline-item strong,.request-detail .timeline-item p,.context-note,.context-note p{font-size:13px;line-height:1.7}
.approval-progress strong{font-size:14px}.approval-progress small,.step-state,.progress-summary small{font-size:12px;line-height:1.7}.progress-summary strong{font-size:14px}.progress-summary span span{font-size:13px}
.console-shell .erp-dept strong{font-size:14px}.console-shell .erp-dept small,.console-shell .erp-location,.console-shell .erp-module-tabs button,.console-shell .iris-route small,.console-shell .iris-card p{font-size:13px;line-height:1.7}
@media(max-width:760px){.console-shell h1{font-size:18px}.console-shell .page-head .muted{font-size:13px}.console-shell .page-head .btn,.console-shell .panel-head .btn,.console-filters .btn,.request-detail .modal-actions .btn{font-size:13px}.console-shell .quick-name{font-size:14px}.stat-card .card-label{font-size:13px}.stat-card .card-note{font-size:12px}.stat-icon{position:static;margin-bottom:10px}.stat-card .card-label{padding-right:0}.stat-card .card-note span{float:none;margin-left:5px}.header-inbox{font-size:12px}.header-brand .brand{font-size:17px}}

/* Navigation hierarchy: workspace / business / administration. */
.console-shell .sidebar{padding-top:14px}
.nav-group{margin:0 0 14px}.nav-group+.nav-group{border-top:1px solid #edf0f4;padding-top:14px}
.console-shell .nav-group-title{font-size:12px;line-height:1.5;font-weight:400;color:#87919e;letter-spacing:.5px;margin:0;padding:0 14px 9px}
.console-shell .nav-btn{min-height:40px;padding-top:9px;padding-bottom:9px;margin-bottom:3px}
.nav-parent-label{display:flex;align-items:center;gap:12px;padding:9px 14px;font-size:14px;min-height:40px;color:#525e6e}
.nav-children{margin:2px 0 0 23px;padding-left:7px;border-left:1px solid #dbe5ef}
.console-shell .nav-child{padding-left:12px;font-size:13px;gap:10px}.nav-child .console-icon{width:18px;height:18px}
.nav-collapsed .nav-group-title,.nav-collapsed .nav-parent-label{display:none}
.nav-collapsed .nav-children{margin:0;padding:0;border:0}.nav-collapsed .nav-group{margin-bottom:10px}.nav-collapsed .nav-group+.nav-group{padding-top:10px}
.nav-collapsed .sidebar nav{padding-top:0}.nav-collapsed .nav-child .console-icon{width:20px;height:20px}
@media(max-width:760px){.console-shell .sidebar{padding-top:16px}.console-shell .nav-group-title{display:block}.console-shell .nav-parent-label{display:flex}.console-shell .nav-children{margin:2px 0 0 23px;padding-left:7px;border-left:1px solid #dbe5ef}.console-shell .sidebar .nav-child{padding-left:12px;gap:10px}.console-shell .nav-group{margin-bottom:14px}.console-shell .nav-group+.nav-group{padding-top:14px}}

/* Material case forms share the console typography and controls. */
.flow-modal{width:1000px}.flow-toolbar{flex-wrap:wrap;margin-bottom:18px}.flow-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;font-weight:400;margin:12px 0 18px;line-height:1.7}.flow-check input{width:17px;min-height:17px;flex-shrink:0;margin-top:3px}.flow-reason{max-width:260px;white-space:normal}.flow-modal .approval-progress li{min-width:140px}.flow-modal textarea{font-size:13px}.flow-modal h3{font-size:16px}.flow-modal .detail-value{font-size:13px}.flow-modal .help{font-size:12px}@media(max-width:760px){.flow-modal .grid2{display:block}.flow-toolbar .btn{white-space:normal}.flow-modal{padding:18px}.flow-modal .approval-progress{max-width:100%;overflow:auto}}