:root{font-family:"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:calc(14px * var(--text-scale,1));color:#1e344c;background:#f3f6fa;--brand:#1557b0;--brand-dark:#123c70;--surface:#fff;--canvas:#f3f6fa;--line:#e1e7ef;--muted:#60728a;--ink:#1e344c;--blue-soft:#eaf2fe;--danger:#ad3c33;--success:#26704d;--radius:12px;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6399dc}::selection{background:#d5e7ff}a{color:var(--brand);text-underline-offset:3px}button{transition:background .15s,border-color .15s}button:hover{filter:brightness(.98)}.icon{width:20px;height:20px;flex:none;vertical-align:middle}button{color:inherit}.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 16px 18px;gap:22px;min-width:0}.app-brand{display:flex;gap:10px;align-items:center;text-decoration:none;padding:0 5px;color:var(--brand-dark)}.brand-symbol{display:grid;place-items:center;background:var(--brand);color:white;width:40px;height:40px;border-radius:9px;font-size:calc(18px * var(--text-scale,1));font-weight:700;flex:none}.brand-word{font-size:calc(10px * var(--text-scale,1));font-weight:750;line-height:1.6;letter-spacing:.04em}.side-caption{font-size:calc(11px * var(--text-scale,1));text-transform:uppercase;color:var(--muted);letter-spacing:.065em;padding:8px 12px 0}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:8px;background:transparent;border:0;text-align:left;font-size:calc(13px * var(--text-scale,1));min-height:44px;color:#566c85}.nav-item:hover{background:#f1f5fb}.nav-item.is-active{background:var(--blue-soft);color:var(--brand);font-weight:600}.nav-item b{font-size:calc(11px * var(--text-scale,1));background:var(--brand);color:white;min-width:20px;height:20px;display:grid;place-items:center;border-radius:5px;margin-left:auto}.sidebar-bottom{margin-top:auto}.help-note{display:flex;gap:9px;font-size:calc(11px * var(--text-scale,1));line-height:1.65;color:#657a91;margin:10px 7px 22px}.help-note .icon{width:16px;height:16px;margin-top:3px}.user-button{display:flex;align-items:center;gap:9px;padding:14px 3px 0;background:transparent;border:0;border-top:1px solid var(--line);text-align:left;width:100%;font-size:calc(11px * var(--text-scale,1))}.user-button small{display:block;color:var(--muted);margin-top:4px}.avatar{height:34px;width:34px;flex:none;display:inline-grid;place-items:center;border-radius:50%;background:#e3ebf6;color:#2a5790;font-size:calc(11px * var(--text-scale,1));font-weight:600;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.app-body{min-width:0}.app-top{height:70px;padding:0 30px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.top-identity{font-weight:600;display:flex;gap:10px;align-items:center;font-size:calc(13px * var(--text-scale,1))}.top-actions{display:flex;align-items:center;gap:16px}.icon-button{background:transparent;border:0;padding:7px;display:grid;place-items:center;min-height:36px;min-width:36px}.notification-button{position:relative}.notification-button i{width:6px;height:6px;background:var(--brand);border:1px solid white;border-radius:50%;position:absolute;right:7px;top:5px}.language-button{border:0;background:transparent;font-size:calc(11px * var(--text-scale,1));color:#52677f;padding:8px}.mobile-symbol{display:none}.demo-strip{padding:9px 30px;background:#edf2f8;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:calc(10px * var(--text-scale,1));color:#5c708a}.demo-strip label{display:flex;align-items:center;gap:8px}.demo-strip select{border:0;border-radius:4px;background:#fff;padding:5px 7px;font-size:calc(11px * var(--text-scale,1));color:#344f70;max-width:150px}.content{padding:30px;max-width:1550px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading h1{font-size:calc(26px * var(--text-scale,1));letter-spacing:-.025em;line-height:1.25;font-weight:650;margin:0 0 9px}.page-heading p{color:var(--muted);line-height:1.6;font-size:calc(12px * var(--text-scale,1));margin:0}.page-heading .date-line{font-size:calc(10px * var(--text-scale,1));margin:0 0 12px;color:#6b7c90}.primary,.secondary,.danger{padding:11px 15px;min-height:40px;border-radius:7px;border:0;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:600;font-size:calc(12px * var(--text-scale,1));line-height:1.4;text-decoration:none}.primary{background:var(--brand);color:#fff}.primary .icon,.danger .icon{filter:brightness(0) invert(1)}.primary:hover{background:#104a98}.secondary{background:white;border:1px solid #cbd6e3}.secondary:hover{background:#edf3fb}.danger{background:var(--danger);color:#fff}.wide{width:100%}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px}.module-tile{padding:20px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;text-align:left;position:relative;gap:10px;min-height:173px}.module-tile:hover{border-color:#a6bfdf;background:#fbfdff}.tile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.tile-icon{width:37px;height:37px;background:var(--blue-soft);border-radius:9px;display:grid;place-items:center}.tile-icon .icon{width:22px;height:22px;filter:invert(28%) sepia(63%) saturate(1600%) hue-rotate(190deg) brightness(85%)}.tile-count{height:23px;min-width:23px;background:var(--brand);color:white;border-radius:6px;display:grid;place-items:center;font-size:calc(11px * var(--text-scale,1))}.module-tile strong{font-size:calc(14px * var(--text-scale,1));font-weight:650}.module-tile>span:not(.tile-top){font-size:calc(11px * var(--text-scale,1));color:var(--muted);line-height:1.6;padding-right:15px}.module-tile>.icon{position:absolute;bottom:18px;right:16px;width:16px;height:16px;opacity:.5}.future-tile{background:#f8fafc;border-style:dashed}.future-tile .tile-icon{background:#edf0f4}.future-tile .tile-icon .icon{filter:none;opacity:.5}.home-work{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px}.work-list,.day-summary{background:#fff;border-radius:var(--radius);padding:22px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.section-title h2,h2{font-size:calc(15px * var(--text-scale,1));letter-spacing:-.015em;font-weight:650;margin:0}h3{font-size:calc(14px * var(--text-scale,1))}.text-button{border:0;background:transparent;color:var(--brand);font-size:calc(11px * var(--text-scale,1));display:flex;align-items:center;gap:5px;padding:6px 0}.text-button .icon{width:14px;height:14px}.document-list{background:var(--surface);border-radius:var(--radius);overflow:hidden}.document-row{width:100%;border:0;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);padding:17px 14px;display:flex;align-items:center;gap:13px;text-align:left;min-width:0}.document-row:last-child{border:0}.document-row:hover{background:var(--canvas)}.doc-icon{width:36px;height:40px;display:grid;place-items:center;background:#f1f5fb;border-radius:7px;flex:none}.doc-main{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.doc-main strong{font-size:calc(12px * var(--text-scale,1));font-weight:600;overflow-wrap:anywhere}.doc-main small{font-size:calc(10px * var(--text-scale,1));color:var(--muted);line-height:1.5}.doc-money{font-size:calc(13px * var(--text-scale,1));white-space:nowrap;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.doc-money small,.doc-status small{display:block;font-weight:400;font-size:calc(10px * var(--text-scale,1));color:var(--muted);margin-top:7px}.doc-status{text-align:right;min-width:100px}.document-row>.icon{width:14px;height:14px;opacity:.45}.home-work .doc-status{display:none}.badge{font-size:calc(10px * var(--text-scale,1));line-height:1.4;padding:4px 7px;display:inline-block;border-radius:5px;background:#f0f3f7;color:#52677d;font-weight:500}.badge.blue{background:var(--blue-soft);color:#215595}.badge.warning{background:#fff0df;color:#8a531c}.badge.success{background:#e8f4ed;color:#286447}.summary-number{font-size:calc(38px * var(--text-scale,1));font-weight:650;color:var(--brand-dark);line-height:1.2;margin:23px 0}.summary-number span{display:block;font-size:calc(11px * var(--text-scale,1));font-weight:400;color:var(--muted);margin-top:5px}.deadline-link{padding:13px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;background:transparent;width:100%;font-size:calc(11px * var(--text-scale,1));color:#a04a38}.deadline-link .icon{width:17px;height:17px}.deadline-link b{margin-left:auto}.summary-note{display:flex;gap:8px;margin-top:20px;color:var(--muted)}.summary-note .icon{width:16px;height:16px;flex:none;margin-top:2px}.summary-note p{font-size:calc(10px * var(--text-scale,1));line-height:1.65;margin:0}.privacy-note{font-size:calc(10px * var(--text-scale,1));line-height:1.7;color:var(--muted);margin:20px 0 0;max-width:900px}.mobile-nav{display:none}.mobile-status{display:none}.filter-toolbar{margin-bottom:20px}.search-field{display:flex;align-items:center;gap:9px;max-width:480px;margin-bottom:18px;background:#fff;border:1px solid #d9e2ed;border-radius:7px;padding:10px 12px}.search-field .icon{width:17px;height:17px;opacity:.5}.search-field input{background:transparent;border:0;padding:0;width:100%;font-size:calc(12px * var(--text-scale,1));color:var(--ink);min-width:0}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{border:0;background:transparent;border-radius:5px;padding:8px 10px;font-size:calc(11px * var(--text-scale,1));color:var(--muted)}.filter.chosen{background:#e0ebfa;color:#184e93;font-weight:600}.split-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.split-workspace .doc-status{display:none}.split-workspace .document-row{padding:18px 14px}.quick-detail{background:#fff;border-radius:var(--radius);padding:22px}.quick-detail h2{font-size:calc(20px * var(--text-scale,1));line-height:1.35;margin:14px 0}.quick-amount{font-size:calc(22px * var(--text-scale,1));font-weight:650;color:var(--brand-dark);margin:22px 0}.quick-detail .workflow{display:flex;flex-direction:column;gap:0;margin:26px 0}.quick-detail .workflow li{min-height:80px}.quick-detail .workflow li:after{left:13px;top:27px;bottom:0;width:1px;height:auto;right:auto}.quick-detail .workflow .step-marker{width:27px;height:27px;font-size:calc(10px * var(--text-scale,1))}.quick-detail .workflow li>div{font-size:calc(11px * var(--text-scale,1))}.quick-detail .workflow li small{font-size:calc(10px * var(--text-scale,1))}.quick-detail .workflow li:last-child{min-height:50px}.quick-detail .workflow li span:not(.step-marker){font-size:calc(10px * var(--text-scale,1))}.muted{font-size:calc(11px * var(--text-scale,1));color:var(--muted);line-height:1.6}.back-button{background:transparent;border:0;font-size:calc(11px * var(--text-scale,1));color:var(--muted);display:flex;align-items:center;gap:7px;padding:0;margin:0 0 23px}.back-button .icon{width:16px;height:16px}.detail-meta{display:flex;align-items:center;gap:10px;font-size:calc(10px * var(--text-scale,1));color:var(--muted);margin-bottom:12px}.detail-heading{margin-bottom:24px}.detail-heading h1{font-size:calc(27px * var(--text-scale,1))}.detail-amount{font-size:calc(26px * var(--text-scale,1));font-weight:650;color:var(--brand-dark);white-space:nowrap;font-variant-numeric:tabular-nums}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.document-body{min-width:0;background:#fff;border-radius:var(--radius);padding:24px}.document-body section+section{padding-top:23px;margin-top:23px;border-top:1px solid var(--line)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:22px 0 0}.details-grid dt{color:var(--muted);font-size:calc(10px * var(--text-scale,1));margin-bottom:8px}.details-grid dd{margin:0;font-size:calc(12px * var(--text-scale,1));line-height:1.7;overflow-wrap:anywhere}.full{grid-column:1/-1}.attachment{display:flex;align-items:center;gap:12px;margin-top:20px;padding:15px;background:#f6f8fc;border-radius:8px}.attachment>.icon{width:27px;height:27px}.attachment>div{flex:1;min-width:0}.attachment strong{display:block;font-size:calc(11px * var(--text-scale,1));overflow-wrap:anywhere}.attachment small{display:block;font-size:calc(10px * var(--text-scale,1));color:var(--muted);margin-top:6px}.attachment .secondary{font-size:calc(10px * var(--text-scale,1));min-height:34px;padding:8px 10px}.attachment .secondary .icon{width:15px;height:15px}.file-viewer{margin-top:16px}.file-viewer iframe{border:1px solid var(--line);width:100%;height:450px;border-radius:6px;background:#fff}.file-viewer>a{display:inline-block;margin-top:10px;font-size:calc(11px * var(--text-scale,1))}.history-row{display:flex;gap:10px;margin-top:22px}.mini-avatar{width:28px;height:28px;border-radius:50%;background:#eaf0f7;color:#496481;font-size:calc(9px * var(--text-scale,1));display:grid;place-items:center;flex:none}.history-row>div{min-width:0}.history-row strong{font-size:calc(11px * var(--text-scale,1));font-weight:600;display:flex;flex-wrap:wrap;gap:12px}.history-row strong small{font-size:calc(10px * var(--text-scale,1));color:var(--muted);font-weight:400}.history-row p{font-size:calc(12px * var(--text-scale,1));line-height:1.65;margin:9px 0;overflow-wrap:anywhere}.route-panel{background:#fff;border-radius:var(--radius);padding:22px}.route-caption{font-size:calc(10px * var(--text-scale,1));margin:-6px 0 22px}.workflow{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}.workflow li{position:relative;display:flex;gap:12px;min-height:92px;padding:0 0 20px;flex:1;min-width:0}.workflow li:after{content:'';position:absolute;left:14px;top:31px;bottom:0;width:1px;background:var(--line)}.workflow li:last-child:after{display:none}.workflow li:last-child{min-height:65px}.step-marker{background:#f1f4f8;width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative;z-index:1;font-size:calc(11px * var(--text-scale,1));color:#8290a0;border:1px solid #e0e6ee}.step-marker .icon{width:15px;height:15px;filter:invert(31%) sepia(36%) saturate(900%) hue-rotate(100deg)}.complete .step-marker{background:#e8f3ec;border-color:#d0e7da;color:#2e7753}.current-step .step-marker{background:var(--brand);color:#fff;border-color:var(--brand)}.workflow li>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding-top:2px}.workflow strong{font-size:calc(12px * var(--text-scale,1));font-weight:600}.workflow li>div>span{font-size:calc(10px * var(--text-scale,1));color:var(--muted);overflow-wrap:anywhere;line-height:1.5}.workflow small{font-size:calc(10px * var(--text-scale,1));color:var(--muted);font-variant-numeric:tabular-nums}.current-step strong,.current-step small{color:var(--brand)}.time-details{border-top:1px solid var(--line);padding-top:14px}.time-details div{display:flex;justify-content:space-between;gap:15px;font-size:calc(10px * var(--text-scale,1));line-height:1.5;margin:10px 0;color:var(--muted)}.time-details strong{color:#52657a;font-weight:500;font-variant-numeric:tabular-nums}.decision-panel{padding:20px 24px;margin-top:20px;background:#fff;border-radius:var(--radius);display:flex;gap:18px;align-items:center;justify-content:space-between}.decision-panel strong{font-size:calc(12px * var(--text-scale,1))}.decision-panel p{font-size:calc(10px * var(--text-scale,1));color:var(--muted);line-height:1.7;margin:6px 0 0;max-width:700px}.decision-buttons{display:flex;gap:10px;flex:none;justify-content:flex-end}.reject-button{color:#9b4939}.reject-form{width:100%}.reject-form label{font-size:calc(12px * var(--text-scale,1));font-weight:600;display:block;margin-bottom:10px}.reject-form textarea{width:100%;display:block;min-height:90px;margin-bottom:16px}.form-error{color:var(--danger)!important;font-size:calc(12px * var(--text-scale,1))!important;margin:-7px 0 15px!important}.no-action{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:calc(12px * var(--text-scale,1));color:var(--muted)}.no-action strong{color:var(--ink);font-weight:500}.text-danger{color:var(--danger)}.routes-list{display:grid;grid-template-columns:1fr;gap:20px}.route-template{background:#fff;border-radius:var(--radius);padding:24px}.route-template>p{font-size:calc(12px * var(--text-scale,1));color:var(--muted);line-height:1.7;margin-bottom:26px}.route-template .workflow{flex-direction:row;gap:20px}.route-template .workflow li{flex-direction:column;gap:12px;min-height:110px}.route-template .workflow li:after{left:35px;top:14px;width:auto;height:1px;right:0;bottom:auto}.template-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;border-top:1px solid var(--line);font-size:calc(11px * var(--text-scale,1));color:var(--muted)}.team-list{background:#fff;border-radius:var(--radius);padding:0 24px}.team-row{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}.team-row:last-child{border:0}.team-row>div{min-width:150px}.team-row strong{font-size:calc(12px * var(--text-scale,1));font-weight:600;display:block}.team-row small{font-size:calc(10px * var(--text-scale,1));color:var(--muted);display:block;margin-top:6px}.team-boss{font-size:calc(11px * var(--text-scale,1));color:var(--muted);margin:auto}.settings-section,.create-form{background:#fff;border-radius:var(--radius);padding:26px;max-width:850px;margin-bottom:20px}.settings-section>p{font-size:calc(12px * var(--text-scale,1));color:var(--muted);line-height:1.75;max-width:650px}.profile-head{display:flex;align-items:center;gap:18px;margin-bottom:28px}.avatar.large{width:64px;height:64px;font-size:calc(18px * var(--text-scale,1))}.file-label{cursor:pointer}.file-label input{display:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:20px 0 26px}label{font-size:calc(11px * var(--text-scale,1));color:#455c77;display:block}label>input,label>select,label>textarea{margin-top:9px}input:not([type=file]),select,textarea{border:1px solid #cbd6e3;border-radius:6px;background:white;padding:10px 11px;color:var(--ink);width:100%;font-size:calc(12px * var(--text-scale,1));min-height:39px;caret-color:var(--brand)}textarea{resize:vertical;line-height:1.6}input[type=file]{display:block;width:100%;font-size:calc(11px * var(--text-scale,1));padding:15px;background:#f5f8fc;border:1px dashed #b8c9de;border-radius:6px;margin-top:10px}label>small{display:block;color:var(--muted);margin-top:8px;font-size:calc(10px * var(--text-scale,1));line-height:1.6}.form-route{background:#f3f7fd;border-radius:7px;padding:16px;margin-bottom:24px;font-size:calc(12px * var(--text-scale,1))}.form-route p{color:var(--muted);font-size:calc(11px * var(--text-scale,1));line-height:1.7}.onboarding{max-width:440px;margin:65px auto;text-align:center;background:white;padding:40px;border-radius:var(--radius)}.onboarding-symbol{height:60px;width:60px;display:grid;place-items:center;margin:auto;background:var(--brand);color:white;font-size:calc(26px * var(--text-scale,1));font-weight:700;border-radius:12px}.onboarding h1{font-size:calc(25px * var(--text-scale,1));letter-spacing:-.025em;margin:26px 0 12px}.onboarding p{font-size:calc(12px * var(--text-scale,1));line-height:1.7;color:var(--muted)}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.language-options button{padding:20px 12px;background:white;border:1px solid #cbd6e3;border-radius:8px;display:flex;flex-direction:column;gap:9px;align-items:center}.language-options strong{font-size:calc(17px * var(--text-scale,1));font-weight:600}.language-options span{font-size:calc(11px * var(--text-scale,1));color:var(--muted)}.language-options .selected-language{background:var(--blue-soft);border:2px solid var(--brand);padding:19px 11px}.empty{text-align:center;padding:50px 20px;color:var(--muted);background:#fff;border-radius:var(--radius)}.empty>.icon{width:32px;height:32px;opacity:.6}.empty p{font-size:calc(11px * var(--text-scale,1));line-height:1.6}.notification-panel{position:fixed;z-index:20;top:66px;right:22px;width:340px;max-width:calc(100% - 32px);padding:22px;background:#fff;border:1px solid #cbd6e3;border-radius:10px;box-shadow:0 16px 40px #12324b22}.notification-panel p{font-size:calc(12px * var(--text-scale,1));line-height:1.7;padding:14px 0;border-bottom:1px solid var(--line)}.notification-panel small{font-size:calc(10px * var(--text-scale,1));line-height:1.6;color:var(--muted)}#toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translateX(-50%);padding:15px 20px;border-radius:10px;background:#173956;color:#fff;box-shadow:0 10px 35px #16324c22;width:max-content;max-width:calc(100% - 32px);font-size:calc(12px * var(--text-scale,1));line-height:1.7}#toast[hidden]{display:none}
/* Portal: top navigation, broad two-column modules, full-width document. */
.concept-portal .app-shell{display:block}.concept-portal .sidebar{flex-direction:row;align-items:center;border:0;border-bottom:1px solid var(--line);padding:18px 30px;gap:35px}.concept-portal .side-caption,.concept-portal .sidebar-bottom{display:none}.concept-portal .sidebar nav{flex-direction:row;flex-wrap:wrap;gap:8px;margin-left:auto}.concept-portal .nav-item{font-size:calc(12px * var(--text-scale,1));padding:10px 12px}.concept-portal .nav-item .icon{width:17px;height:17px}.concept-portal .app-top{height:50px;background:var(--canvas);border:0}.concept-portal .content{max-width:1250px;padding-top:26px}.concept-portal .module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.concept-portal .module-tile{padding:25px;min-height:160px;display:grid;grid-template-columns:54px 1fr;gap:9px 18px;align-content:center}.concept-portal .tile-top{grid-row:1/3;display:block;margin:0;position:relative}.concept-portal .tile-icon{width:52px;height:52px}.concept-portal .tile-icon .icon{width:28px;height:28px}.concept-portal .tile-count{position:absolute;right:-3px;top:-9px;min-width:22px;height:22px;border:2px solid #fff}.concept-portal .module-tile strong{font-size:calc(18px * var(--text-scale,1))}.concept-portal .module-tile>span:not(.tile-top){grid-column:2;font-size:calc(12px * var(--text-scale,1))}.concept-portal .home-work{grid-template-columns:minmax(0,1fr) 260px}.concept-portal .detail-layout{display:flex;flex-direction:column;gap:20px}.concept-portal .route-panel{order:-1;width:100%;padding:22px 26px}.concept-portal .route-caption,.concept-portal .time-details{display:none}.concept-portal .route-panel .workflow{flex-direction:row;gap:24px}.concept-portal .route-panel .workflow li{flex-direction:column;gap:10px;min-height:100px;padding:0}.concept-portal .route-panel .workflow li:after{left:36px;right:0;top:14px;width:auto;height:1px;bottom:auto}.concept-portal .document-body{width:100%}.concept-portal .detail-heading h1{font-size:calc(30px * var(--text-scale,1))}.concept-portal .details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-portal .page-heading{margin-bottom:30px}
/* Dispatch: narrow navigation, compact queues and a left-hand process rail. */
.concept-dispatch{--radius:8px}.concept-dispatch .app-shell{grid-template-columns:76px minmax(0,1fr)}.concept-dispatch .sidebar{padding:24px 10px;background:#123c70;border:0;gap:25px}.concept-dispatch .app-brand{padding:0;justify-content:center}.concept-dispatch .brand-symbol{background:#fff;color:#1557b0;width:42px;height:42px}.concept-dispatch .brand-word,.concept-dispatch .side-caption,.concept-dispatch .help-note,.concept-dispatch .user-button>span:not(.avatar){display:none}.concept-dispatch .nav-item{color:#d3e0f1;flex-direction:column;gap:8px;padding:11px 0;position:relative;min-height:62px;font-size:calc(8px * var(--text-scale,1));text-align:center}.concept-dispatch .nav-item>.icon{filter:brightness(0) invert(1);width:21px;height:21px;opacity:.75}.concept-dispatch .nav-item.is-active{background:#ffffff1c;color:#fff}.concept-dispatch .nav-item b{position:absolute;right:0;top:4px;font-size:calc(8px * var(--text-scale,1));min-width:15px;height:15px;background:#fff;color:#1557b0}.concept-dispatch .user-button{justify-content:center;border-color:#ffffff33}.concept-dispatch .app-top{height:60px}.concept-dispatch .content{padding:26px 30px}.concept-dispatch .page-heading h1{font-size:calc(24px * var(--text-scale,1))}.concept-dispatch .module-grid{gap:12px;margin-bottom:24px}.concept-dispatch .module-tile{padding:16px;min-height:130px;gap:7px}.concept-dispatch .tile-top{margin-bottom:1px}.concept-dispatch .tile-icon{width:30px;height:30px;border-radius:6px}.concept-dispatch .tile-icon .icon{width:18px;height:18px}.concept-dispatch .module-tile strong{font-size:calc(13px * var(--text-scale,1))}.concept-dispatch .home-work{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.concept-dispatch .document-row{padding:13px 16px}.concept-dispatch .work-list{padding:20px}.concept-dispatch .detail-layout{grid-template-columns:250px minmax(0,1fr)}.concept-dispatch .route-panel{grid-column:1;grid-row:1}.concept-dispatch .document-body{grid-column:2;grid-row:1}.concept-dispatch .detail-amount{font-size:calc(25px * var(--text-scale,1))}.concept-dispatch .document-list .doc-status{display:block}
@media(min-width:1500px){.content{padding:38px 44px}.module-tile{min-height:190px}.module-tile strong{font-size:calc(16px * var(--text-scale,1))}.module-tile>span:not(.tile-top){font-size:calc(12px * var(--text-scale,1))}.home-work .document-row{padding:22px 14px}}
@media(max-width:1100px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:24px 12px}.brand-word{font-size:calc(9px * var(--text-scale,1))}.brand-symbol{width:35px;height:35px;font-size:calc(16px * var(--text-scale,1))}.content,.app-top{padding-left:22px;padding-right:22px}.demo-strip{padding-left:22px;padding-right:22px}.module-grid{gap:11px}.module-tile{padding:17px 14px}.module-tile strong{font-size:calc(12px * var(--text-scale,1))}.module-tile>span:not(.tile-top){font-size:calc(10px * var(--text-scale,1))}.home-work{grid-template-columns:minmax(0,1fr) 190px;gap:16px}.work-list,.day-summary{padding:18px}.split-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.split-workspace .doc-icon{display:none}.quick-detail{padding:20px}.quick-detail h2{font-size:calc(18px * var(--text-scale,1))}.split-workspace .document-row{gap:9px}.doc-status{min-width:95px}.detail-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.document-body,.route-panel{padding:20px}.detail-amount{font-size:calc(23px * var(--text-scale,1))}.detail-heading h1{font-size:calc(23px * var(--text-scale,1))}.decision-panel{align-items:flex-start;flex-direction:column}.decision-buttons{align-self:flex-end}.concept-portal .sidebar{gap:20px;padding:16px 22px}.concept-portal .nav-item{gap:7px;padding:10px;font-size:calc(11px * var(--text-scale,1))}.concept-portal .home-work{grid-template-columns:minmax(0,1fr) 220px}.concept-dispatch .content{padding:24px}.concept-dispatch .home-work{grid-template-columns:minmax(0,1fr) 190px}.concept-dispatch .detail-layout{grid-template-columns:225px minmax(0,1fr)}.team-row{flex-wrap:wrap}.team-boss{margin-left:0}.team-row>.badge{margin-left:auto}}
@media(max-width:800px){.app-shell,.concept-dispatch .app-shell{display:block}.sidebar,.concept-portal .sidebar,.concept-dispatch .sidebar{display:none}.app-top,.concept-portal .app-top,.concept-dispatch .app-top{height:62px;background:#fff;border-bottom:1px solid var(--line);padding:0 20px}.mobile-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:6px;background:var(--brand);color:#fff;font-size:calc(13px * var(--text-scale,1));font-weight:700}.top-actions{gap:8px}.top-avatar{display:none}.demo-strip{padding:9px 20px;font-size:calc(9px * var(--text-scale,1))}.content,.concept-portal .content,.concept-dispatch .content{padding:24px 20px 100px}.page-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}.page-heading h1,.concept-dispatch .page-heading h1{font-size:calc(24px * var(--text-scale,1))}.page-heading p{font-size:calc(12px * var(--text-scale,1))}.page-heading .primary{min-height:40px}.module-grid,.concept-portal .module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-tile{min-height:150px;padding:18px}.module-tile strong{font-size:calc(14px * var(--text-scale,1))}.module-tile>span:not(.tile-top){font-size:calc(11px * var(--text-scale,1))}.home-work,.concept-portal .home-work,.concept-dispatch .home-work{grid-template-columns:1fr}.day-summary{display:none}.work-list,.concept-dispatch .work-list{padding:20px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;justify-content:space-around;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.mobile-nav .nav-item,.concept-dispatch .mobile-nav .nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:48px;font-size:calc(9px * var(--text-scale,1));padding:5px 8px;border-radius:6px;color:#63768c}.mobile-nav .nav-item>.icon,.concept-dispatch .mobile-nav .nav-item>.icon{width:21px;height:21px;filter:none;opacity:1}.mobile-nav .nav-item.is-active,.concept-dispatch .mobile-nav .nav-item.is-active{color:var(--brand);background:var(--blue-soft)}.mobile-nav .nav-item b,.concept-dispatch .mobile-nav .nav-item b{position:absolute;top:-3px;right:-1px;min-width:15px;height:15px;font-size:calc(8px * var(--text-scale,1));background:var(--brand);color:#fff}.doc-row{gap:10px}.doc-main strong{font-size:calc(12px * var(--text-scale,1))}.doc-money{font-size:calc(12px * var(--text-scale,1))}.doc-money small{font-size:calc(9px * var(--text-scale,1))}.doc-icon{width:30px;height:35px}.doc-status,.concept-dispatch .document-list .doc-status{display:none}.mobile-status{display:block;font-size:calc(10px * var(--text-scale,1));color:var(--brand)}.document-row{padding:16px 10px}.document-row>.icon{display:none}.split-workspace{display:block}.quick-detail{display:none}.split-workspace .doc-icon{display:grid}.detail-layout,.concept-dispatch .detail-layout{display:flex;flex-direction:column}.document-body,.concept-dispatch .document-body{width:100%;padding:20px}.route-panel,.concept-dispatch .route-panel{order:-1;width:100%;padding:20px}.route-panel .workflow,.concept-portal .route-panel .workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex-direction:row}.route-panel .workflow li,.concept-portal .route-panel .workflow li{display:flex;flex-direction:column;gap:9px;padding:0;min-height:108px}.route-panel .workflow li:after,.concept-portal .route-panel .workflow li:after{height:1px;width:auto;left:32px;right:0;top:14px;bottom:auto}.route-panel .workflow strong{font-size:calc(10px * var(--text-scale,1))}.route-panel .workflow li>div>span{font-size:calc(9px * var(--text-scale,1))}.route-panel .workflow small{font-size:calc(9px * var(--text-scale,1));line-height:1.6}.time-details,.route-caption{display:none}.concept-dispatch .route-panel .workflow{display:flex;flex-direction:column;gap:0}.concept-dispatch .route-panel .workflow li{flex-direction:row;min-height:70px}.concept-dispatch .route-panel .workflow li:after{left:14px;top:31px;bottom:0;width:1px;height:auto;right:auto}.concept-dispatch .route-panel .workflow li>div>span{font-size:calc(10px * var(--text-scale,1))}.concept-dispatch .route-panel .workflow strong{font-size:calc(12px * var(--text-scale,1))}.concept-dispatch .route-panel .workflow small{font-size:calc(10px * var(--text-scale,1))}.concept-dispatch .route-panel .workflow li:last-child{min-height:50px}.detail-amount,.concept-dispatch .detail-amount{font-size:calc(25px * var(--text-scale,1))}.detail-heading h1,.concept-portal .detail-heading h1{font-size:calc(24px * var(--text-scale,1))}.detail-heading{gap:14px}.details-grid,.concept-portal .details-grid{grid-template-columns:1fr 1fr;gap:20px}.details-grid dd{font-size:calc(12px * var(--text-scale,1))}.attachment{flex-wrap:wrap;padding:12px}.attachment .secondary{width:100%;margin-top:3px;min-height:39px}.attachment>div{min-width:170px}.decision-panel{padding:20px;gap:18px}.decision-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.decision-buttons button{min-height:44px;font-size:calc(11px * var(--text-scale,1));padding:11px 8px}.decision-panel strong{font-size:calc(12px * var(--text-scale,1))}.decision-panel p{font-size:calc(11px * var(--text-scale,1))}.decision-panel>button{width:100%;min-height:44px}.decision-panel label{margin-top:15px}.route-template{padding:20px}.route-template .workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-template .workflow li{min-height:115px}.route-template .workflow li:after{display:none}.template-foot{align-items:flex-start;flex-direction:column}.settings-section,.create-form{padding:20px}.team-list{padding:0 18px}.team-row{gap:12px}.team-row>div{min-width:130px;flex:1}.team-row>.badge{margin:0}.team-boss{width:100%;font-size:calc(10px * var(--text-scale,1));padding-left:46px}.onboarding{margin:30px auto;padding:30px}.notification-panel{top:60px;right:16px}#toast{bottom:90px}.concept-portal .module-tile{padding:20px;display:flex;min-height:165px;gap:10px}.concept-portal .tile-top{display:flex;grid-row:auto;justify-content:space-between}.concept-portal .tile-count{position:static;border:0}.concept-portal .tile-icon{width:39px;height:39px}.concept-portal .tile-icon .icon{width:23px;height:23px}.concept-portal .module-tile strong{font-size:calc(15px * var(--text-scale,1))}.concept-portal .module-tile>span:not(.tile-top){font-size:calc(11px * var(--text-scale,1))}.concept-portal .page-heading{margin-bottom:25px}}
@media(max-width:400px){.content,.concept-portal .content,.concept-dispatch .content{padding:20px 14px 100px}.demo-strip{padding:8px 14px;align-items:flex-start}.demo-strip>span{max-width:115px;line-height:1.6}.demo-strip label{gap:4px;font-size:calc(8px * var(--text-scale,1));align-items:center}.demo-strip select{max-width:100px;font-size:calc(10px * var(--text-scale,1));padding:5px}.module-tile{padding:16px 14px;min-height:151px}.module-tile strong{font-size:calc(13px * var(--text-scale,1))}.concept-dispatch .module-tile strong{font-size:calc(12px * var(--text-scale,1))}.module-tile>span:not(.tile-top){font-size:calc(10px * var(--text-scale,1))}.concept-portal .module-tile{padding:16px}.concept-portal .module-tile strong{font-size:calc(13px * var(--text-scale,1))}.page-heading h1,.concept-dispatch .page-heading h1{font-size:calc(22px * var(--text-scale,1))}.page-heading .primary{width:100%}.doc-main strong{font-size:calc(11px * var(--text-scale,1))}.doc-main small{font-size:calc(9px * var(--text-scale,1))}.doc-icon{display:none}.split-workspace .doc-icon{display:none}.document-row{gap:8px;padding:16px 8px}.doc-money{font-size:calc(11px * var(--text-scale,1))}.doc-money small{font-size:calc(9px * var(--text-scale,1))}.work-list,.concept-dispatch .work-list{padding:18px 14px}.section-title h2{font-size:calc(14px * var(--text-scale,1))}.form-grid{grid-template-columns:1fr;gap:18px}.details-grid,.concept-portal .details-grid{gap:20px 15px}.details-grid dd{font-size:calc(11px * var(--text-scale,1))}.route-panel .workflow li>div>span{font-size:calc(9px * var(--text-scale,1))}.route-panel .workflow strong{font-size:calc(9px * var(--text-scale,1))}.route-panel{padding:18px 14px}.route-panel .workflow{gap:5px}.decision-buttons button{font-size:calc(10px * var(--text-scale,1))}.mobile-nav .nav-item{font-size:calc(8px * var(--text-scale,1));padding:5px 7px}.demo-strip select{min-height:30px}.search-field input,input:not([type=file]),select,textarea{font-size:calc(16px * var(--text-scale,1))}.search-field input{font-size:calc(12px * var(--text-scale,1))}.demo-strip select{font-size:calc(10px * var(--text-scale,1))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:800px){.demo-strip{font-size:calc(11px * var(--text-scale,1))}.demo-strip label{font-size:calc(10px * var(--text-scale,1))}.mobile-nav .nav-item,.concept-dispatch .mobile-nav .nav-item{font-size:calc(10px * var(--text-scale,1))}.doc-main small,.doc-money small,.mobile-status,.details-grid dt,.history-row strong small,.route-panel .workflow li>div>span,.route-panel .workflow small,.attachment small,.route-caption,.privacy-note{font-size:calc(11px * var(--text-scale,1))}.route-panel .workflow strong{font-size:calc(11px * var(--text-scale,1))}.route-panel .workflow{gap:6px}.module-tile>span:not(.tile-top),.concept-portal .module-tile>span:not(.tile-top){font-size:calc(11px * var(--text-scale,1))}.demo-strip>span{max-width:145px}.demo-strip select{font-size:calc(11px * var(--text-scale,1));min-height:33px}.route-panel .workflow li>div{gap:6px}.decision-buttons button{font-size:calc(12px * var(--text-scale,1))}input:not([type=file]),select,textarea{font-size:calc(16px * var(--text-scale,1))}.demo-strip select{font-size:calc(11px * var(--text-scale,1))}}

.document-row.current{background:var(--blue-soft)}.file-label input{display:block;width:1px;height:1px;overflow:hidden;position:absolute;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}.file-label:focus-within{outline:3px solid #6399dc;outline-offset:3px}