:root{--ink:#142d43;--muted:#61758a;--line:#e1e9ed;--teal:#087f86;--teal-dark:#06666e;--teal-soft:#e8f5f3;--canvas:#f3f7f8;--shadow:0 3px 14px #173d5010;--radius:14px}
body{background:var(--canvas);color:var(--ink);font-family:Inter,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}p{color:var(--muted)}h1{letter-spacing:-.8px;font-weight:700;color:var(--ink)}h2,h3{color:var(--ink)}button,a,input,select,textarea{transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #21a7aa55;outline-offset:3px}
aside{width:248px;padding:22px 16px;background:linear-gradient(180deg,#fff 0%,#fff 70%,#f8fbfb 100%);border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#d1dfdf transparent}main{margin-left:248px}aside .brand{height:75px;margin:0 0 14px;max-width:230px}.workspace-switch{margin:0 4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f9fbfc;color:#526b7e;font-size:11px}.label{font-size:9px;letter-spacing:1.6px;font-weight:750;color:#8394a2;margin:25px 12px 14px}.sidebar-divider{height:1px;background:var(--line);margin:13px 8px 15px}.grouped-navigation .sidebar-dashboard,.grouped-navigation .sidebar-category-button{min-height:43px;border-radius:10px;font-size:12px;font-weight:600;padding:11px 12px;color:#50667a;gap:11px}.grouped-navigation .sidebar-dashboard.active{background:var(--teal-soft);color:var(--teal-dark);box-shadow:inset 3px 0 var(--teal)}.grouped-navigation .sidebar-category-button:hover,.grouped-navigation .sidebar-dashboard:hover{background:#f0f7f7;color:var(--teal-dark)}.grouped-navigation .sidebar-category-button.contains-active{color:var(--teal-dark);background:#f4fafa}.grouped-navigation .navicon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.navicon svg,.sidebar-page-icon svg{width:100%;height:100%;display:block}.sidebar-chevron{display:inline-flex;margin-left:auto;width:14px;height:14px;color:#97a8b5;transition:transform .16s}.sidebar-chevron svg{width:14px;height:14px}.sidebar-category-button[aria-expanded="true"] .sidebar-chevron{transform:rotate(90deg)}.sidebar-children{margin:5px 0 12px 21px;padding:3px 0 3px 11px;border-left:1px solid #d9e8e5}.grouped-navigation .sidebar-page{padding:10px 9px;gap:9px;border-radius:8px;color:#6b7e90;font-size:11.5px;line-height:1.4;min-height:37px}.sidebar-page-icon{display:inline-flex;width:16px;height:16px;flex-shrink:0;color:#90a4af}.grouped-navigation .sidebar-page:hover{background:#f0f7f6;color:var(--teal-dark)}.grouped-navigation .sidebar-page.active{background:var(--teal-soft);color:var(--teal-dark);font-weight:650}.sidebar-page.active .sidebar-page-icon{color:var(--teal)}.bottom{border:1px solid #e1eeeb;background:#f1f8f6;border-radius:12px;padding:14px;color:#6a827d;line-height:1.7;margin-top:24px}.bottom b{color:#315b53}.grouped-navigation button:focus-visible{outline:3px solid #21a7aa66;outline-offset:2px}
main>header{height:78px;background:#ffffffed;border-bottom:1px solid var(--line);padding:0 34px;color:#8593a2}main>header b{color:#294258}.header-right{display:flex;align-items:center;color:#728294;font-size:11px}.avatar{background:#e3f2ef;color:#177a72;border:1px solid #cce4de;font-size:11px;letter-spacing:.3px}.slash{color:#c0cfd7}.content{padding:32px;max-width:1680px}.eyebrow{color:var(--teal);font-size:9px;letter-spacing:1.7px;font-weight:750;margin-bottom:10px}.heading{gap:18px;margin-bottom:27px}.heading p{max-width:690px;font-size:12px;line-height:1.7}.heading h1{font-size:27px}.row{gap:10px}
.btn,.section-workspace button,#section-standalone button{border:1px solid #dbe5ea;border-radius:9px;background:#fff;color:#435f72;padding:10px 15px;min-height:38px;font-size:11.5px;font-weight:600;box-shadow:0 1px 2px #173d5005;text-decoration:none}.btn:hover:not(:disabled),.section-workspace button:hover:not(:disabled),#section-standalone button:hover:not(:disabled){background:#f5faf9;border-color:#b7d7d2;color:var(--teal-dark)}.btn.primary,.primary,.section-workspace button.primary,#section-standalone button.primary{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 3px 8px #087f861c}.btn.primary:hover:not(:disabled),.section-workspace button.primary:hover:not(:disabled){background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}button:disabled{opacity:.4;box-shadow:none!important}.link,.mini-link,a{color:var(--teal)}
.stats{gap:18px;margin-bottom:25px}.card,.section-workspace .summary>div,#section-standalone .summary>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stats>.card{position:relative;overflow:hidden;padding:22px}.stats>.card:before{content:"";position:absolute;left:0;top:23px;width:3px;height:33px;background:#32a69c;border-radius:0 3px 3px 0}.statname{font-size:11px;font-weight:550;color:#688094}.statvalue{font-size:30px;letter-spacing:-1px;color:#163a50;font-weight:700;margin:12px 0}.statfoot{font-size:10px;line-height:1.6;color:#8296a5}.section-workspace .summary{gap:16px;margin:22px 0}.section-workspace .summary>div{padding:22px;min-width:170px;color:#688094;font-size:11px}.section-workspace .summary b{font-size:29px;color:#163a50;margin-top:10px;font-weight:700}
table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}th{background:#f7fafb;color:#71889b;padding:14px 17px;font-size:10px;font-weight:650;line-height:1.6;letter-spacing:.2px;border-bottom:1px solid var(--line)}td{padding:17px;border-top:0;border-bottom:1px solid #edf2f4;color:#425e72;font-size:11.5px;line-height:1.6}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfd}td strong,td b{color:#28485f;font-weight:600}td small{font-size:10px;line-height:1.6;color:#879ba9}td .btn{padding:8px 12px;min-height:33px;font-size:10.5px}.tablecard{border-radius:var(--radius)}.card table,.table-wrap table{border:0;border-radius:0}.section-workspace .table-wrap{border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.section-workspace th{background:#f7fafb;color:#71889b;font-size:10px}.section-workspace td{font-size:11.5px;padding:17px}
.badge{background:#edf2f7;color:#506b83;border-radius:6px;font-size:10px;padding:5px 9px;font-weight:550;border:1px solid #e0e8ef}.badge.ok{background:#e9f6ef;color:#287657;border-color:#d5ecdf}.badge.warn{background:#fff6e5;color:#a77a26;border-color:#f4e7c8}.badge.danger{background:#fff0ee;color:#b64e46;border-color:#f4dcd7}.callout,.notice{background:#eef8f6;border:1px solid #d8ece6;color:#4e7c73;border-radius:11px;font-size:11px;padding:16px 18px}.callout.warn{background:#fff9ed;border-color:#efe2c4;color:#9a762e}.pipeline{gap:13px}.pipeline .step{border:1px solid var(--line);border-top:3px solid #83bdb5;border-radius:12px;padding:18px;background:linear-gradient(160deg,#fff,#fafdfc);box-shadow:var(--shadow)}.pipeline .step .num{color:#6e8d8d;font-size:10px;font-weight:650}.pipeline .step strong{color:#1e4859;font-size:25px;margin:15px 0 6px}.pipeline .step small{color:#889ba7;line-height:1.6}.pipeline .step button{width:100%;margin-top:15px}.progress{background:#eaf2f1;border-radius:99px;height:6px}.progress i{background:linear-gradient(90deg,#069698,#56b5a3);border-radius:99px}.tabs{gap:24px;border-color:var(--line)}.tabs button{color:#8293a2;font-size:12px}.tabs button.selected{color:var(--teal-dark);border-color:var(--teal)}.section-workspace nav{gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:25px}.section-workspace nav button.active,#section-standalone nav button.active{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 3px 8px #087f861c}
dialog,.section-workspace dialog{border-radius:17px;border:1px solid #e2eaec;box-shadow:0 25px 90px #122f4240;padding:30px}dialog::backdrop{background:#132e4563;backdrop-filter:blur(2px)}dialog h2{font-size:20px;letter-spacing:-.4px}label{color:#5b7386;font-size:11px}input,select,textarea,dialog input,dialog select,.section-workspace input,.section-workspace select,.section-workspace textarea{border-color:#d8e3e8;border-radius:8px;background:#fff;color:#294a60;font-size:12px}input:hover,select:hover,textarea:hover{border-color:#a9c7cc}input:focus,select:focus,textarea:focus{border-color:#2a9697;box-shadow:0 0 0 3px #2a969713}.toast{background:#173f42;color:white;border:1px solid #245255;border-radius:11px;box-shadow:0 6px 25px #173f4226}.section-workspace .heading h1{font-size:26px;color:var(--ink)}.section-workspace #message:not(:empty){border:1px solid #d5e9dd;background:#eef8f2}.section-workspace .empty{background:#fff;border:1px dashed #cadeda;padding:35px;color:#75908e}.section-workspace #message.error{border-color:#eed7d0;background:#fff3ef}
body.login-page{background:radial-gradient(ellipse at 20% 15%,#e4f3ef 0,transparent 48%),radial-gradient(ellipse at 85% 85%,#e8eff9 0,transparent 45%),#f5f9fa}.login-page .login-card{border:1px solid #e1ebed;box-shadow:0 16px 60px #163c4c10;border-radius:20px;padding:36px}.login-page .login-card h1{font-size:25px;margin-bottom:12px}.login-page .login-card button{border-radius:9px;background:var(--teal);min-height:44px;font-weight:650}.login-page .login-card button:hover{background:var(--teal-dark)}.login-page .login-card p{font-size:13px;color:#73899a}.login-page .login-card label{font-size:12px;color:#536f82}
#section-standalone{background:var(--canvas)}#section-standalone>header{border-bottom-color:var(--line);background:white}#section-standalone>main{margin:0 auto}#section-standalone .table-wrap{border-color:var(--line);border-radius:13px;box-shadow:var(--shadow)}
@media(min-width:1500px){.content{padding:38px 44px}}@media(max-width:1150px) and (min-width:761px){aside{width:218px;padding:20px 12px}main{margin-left:218px}.content{padding:25px}.grouped-navigation .sidebar-category-button{font-size:11.5px}.grouped-navigation .sidebar-page{font-size:11px}}@media(max-width:760px){aside{position:static;width:auto;padding:16px;overflow:visible}main{margin-left:0}aside .brand{max-width:210px;height:65px}.workspace-switch,.label,.bottom{display:none}.grouped-navigation .sidebar-category-button{min-height:42px}.content{padding:20px 16px}main>header{padding:0 18px;height:65px}.heading h1{font-size:23px}.stats{gap:12px}.stats>.card{padding:18px}.statvalue{font-size:25px}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{align-items:flex-start;flex-wrap:wrap}.section-workspace .summary>div{min-width:140px;flex:1}.section-workspace nav{gap:6px}.section-workspace nav button{padding:9px 12px}.section-workspace .heading h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

aside .brand,aside .workspace-switch,aside .label,aside .grouped-navigation,aside .bottom{flex-shrink:0}

.sidebar-mobile-toggle{display:none}@media(max-width:760px){aside{position:relative;min-height:92px}.sidebar-mobile-toggle{display:inline-flex;position:absolute;right:20px;top:29px;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--line);background:#f5faf9;color:var(--teal-dark);border-radius:10px}.sidebar-mobile-toggle svg{width:20px;height:20px}aside .brand{margin-bottom:0;max-width:190px}.grouped-navigation{display:none!important}aside.navigation-open .grouped-navigation{display:block!important;margin-top:18px}.content>table{display:block;overflow-x:auto;max-width:100%}.section-workspace .table-wrap{max-width:100%}.section-workspace table{min-width:760px}.heading .row{justify-content:flex-start}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.section-workspace .heading{gap:12px}}

/* Calm navy and muted teal: warm neutral surfaces, colour reserved for actions and status. */
:root{--ink:#183247;--muted:#596b79;--line:#e5e4de;--teal:#397972;--teal-dark:#2b5e59;--teal-soft:#edf3f0;--canvas:#f6f5f2;--shadow:0 2px 7px #20344306}
body,#section-standalone,body.login-page{background:var(--canvas);color:var(--ink)}
aside{background:#fdfcf9;border-right-color:var(--line);scrollbar-color:#d9dbd4 transparent}
main>header{background:#fffefb;border-bottom-color:var(--line)}
.workspace-switch{background:#faf9f5;border-color:var(--line);color:#5c6e7a}
.sidebar-divider{background:var(--line)}
.grouped-navigation .sidebar-dashboard,.grouped-navigation .sidebar-category-button{color:#536977}
.grouped-navigation .sidebar-category-button.contains-active{background:transparent;color:var(--ink)}
.grouped-navigation .sidebar-dashboard:hover,.grouped-navigation .sidebar-category-button:hover,.grouped-navigation .sidebar-page:hover{background:#f0f1eb;color:var(--ink)}
.grouped-navigation .sidebar-dashboard.active,.grouped-navigation .sidebar-page.active{background:var(--teal-soft);color:var(--teal-dark)}
.sidebar-children{border-left-color:#e1e3dc}.sidebar-page-icon{color:#748590}.grouped-navigation .sidebar-page{color:#607381}
.bottom{background:#f5f5ef;border-color:var(--line);color:#65756f}.bottom b{color:#41574f}
.avatar{background:#eff1ec;color:#52695f;border-color:#e0e4db}
.eyebrow{color:#6b7e83;letter-spacing:1.5px}.heading p,p{color:var(--muted)}
.card,.stats>.card,.section-workspace .summary>div,#section-standalone .summary>div{background:#fffefc;border-color:var(--line);box-shadow:var(--shadow)}
.stats>.card:before{display:none}.statname{color:#60717f}.statvalue,.section-workspace .summary b{color:var(--ink)}.statfoot{color:#697983}
.pipeline .step{background:#fffefc;border:1px solid var(--line);box-shadow:var(--shadow)}
.pipeline .step .num{color:#607681}.pipeline .step strong{color:var(--ink)}.pipeline .step small{color:#6c7c85}
table,.section-workspace .table-wrap,#section-standalone .table-wrap{background:#fffefc;border-color:var(--line);box-shadow:none}
th,.section-workspace th{background:#f5f4ef;color:#5c6f7b;border-bottom-color:var(--line)}
td,.section-workspace td{color:#435d70;border-bottom-color:#eeeee7}tbody tr:hover{background:#fafaf6}td small{color:#71818b}
.btn,.section-workspace button,#section-standalone button{background:#fffefc;border-color:#dedfd7;color:#4b6575;box-shadow:none}
.btn:hover:not(:disabled),.section-workspace button:hover:not(:disabled),#section-standalone button:hover:not(:disabled){background:#f2f4ee;border-color:#b8c9c0;color:var(--teal-dark)}
.btn.primary,.primary,.section-workspace button.primary,#section-standalone button.primary,.section-workspace nav button.active,#section-standalone nav button.active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:none}
.section-workspace nav{border-bottom-color:var(--line)}.section-workspace .summary>div{color:#60717f}
.progress{background:#eeeee6}.progress i{background:#719d91}
.callout,.notice{background:#f4f4ee;border-color:#e2e4d9;color:#5e706c}
.callout.warn{background:#fff9ed;border-color:#ede2c7;color:#927029}
.badge{background:#f0f1ec;color:#596e79;border-color:#e2e5dc}.badge.ok{background:#edf5ee;color:#35684a;border-color:#dce9dc}.badge.warn{background:#fff7e8;color:#926b24;border-color:#efe3ca}.badge.danger{background:#fcf0ec;color:#a3483e;border-color:#efdcd5}
.section-workspace #message:not(:empty){background:#f1f5ee;border-color:#dde7d7;color:#3f6851}.section-workspace #message.error{background:#fcf1ed;border-color:#eedbd3;color:#a3483e}
input,select,textarea,dialog input,dialog select,.section-workspace input,.section-workspace select,.section-workspace textarea{background:#fffefc;border-color:#dcdfd7;color:var(--ink)}
label,.login-page .login-card label{color:#536b78}
dialog,.section-workspace dialog{background:#fffefb;border-color:var(--line);box-shadow:0 18px 65px #18324726}
.login-page .login-card{background:#fffefc;border-color:var(--line);box-shadow:0 10px 38px #1832470c}.login-page .login-card p{color:#657784}
.sidebar-mobile-toggle{background:#f5f5ef;border-color:var(--line);color:var(--teal-dark)}

.statfoot,td small,.section-workspace small,.pipeline .step small,.header-right,.subtle,.inline-note{color:#637480}.label{color:#637480}

/* On-demand explanatory information. */
.erp-help-wrap{display:inline-flex;vertical-align:middle;margin:6px 0;align-items:center}.erp-help-spaced{margin-top:12px}.erp-info-button,.section-workspace .erp-info-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px;padding:4px;border:1px solid transparent;border-radius:50%;background:transparent;box-shadow:none;color:#637480;cursor:help;vertical-align:middle}.erp-info-button svg{display:block;width:19px;height:19px}.erp-info-button:hover,.erp-info-button[aria-expanded="true"],.section-workspace .erp-info-button:hover{background:var(--teal-soft);border-color:#d7e3dc;color:var(--teal-dark)}.erp-info-button:focus-visible{outline:3px solid #39797255;outline-offset:2px}.erp-help-panel{position:fixed;z-index:25000;max-width:min(350px,calc(100vw - 24px));padding:14px 16px;border:1px solid #dfe2d8;border-radius:10px;background:#fffefb;color:#415969;box-shadow:0 8px 26px #1832471c;font:12px/1.7 Inter,"Segoe UI",sans-serif;white-space:pre-line;max-height:calc(100vh - 24px);overflow:auto}.erp-help-panel[hidden]{display:none!important}.tablecard>.erp-help-wrap{margin:8px 14px}.estimate-panel>.erp-help-wrap{margin-top:10px}dialog .erp-help-panel{z-index:25000}@media(pointer:coarse){.erp-info-button,.section-workspace .erp-info-button{width:36px;height:36px;min-height:36px;cursor:pointer}}
