:root{--forest:#0b4e9b;--forest-deep:#092d68;--forest-soft:#e7f0fc;--ink:#202b26;--muted:#7a8580;--line:#e8ece7;--paper:#fff;--canvas:#f4f7fb;--gold:#f49b00;--gold-pale:#fff5e5;--blue:#168fd0;--blue-pale:#eaf7fe;--rose:#c87768;--rose-pale:#faeeeb;--shadow:0 12px 32px rgba(25,54,42,.055)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:17.7px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:var(--forest-deep);padding:24px 16px 15px;color:white;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;padding:3px 10px 27px}.brand-mark{width:35px;height:35px;border:1px solid rgba(255,255,255,.24);border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.1)}.brand-mark svg{width:27px;height:27px;fill:none;stroke:#e6c373;stroke-width:1.5;stroke-linecap:round}.brand strong{font:800 19px Manrope,sans-serif;letter-spacing:1.3px;display:block}.brand small{font-size:10.1px;letter-spacing:2.05px;color:#aabdb3;display:block;margin-top:2px}.workspace-label,.nav-section-label{font-size:11.4px;letter-spacing:1.5px;color:#8ca79a;font-weight:700;padding:8px 12px}.nav-list{display:flex;flex-direction:column;gap:3px}.nav-section-label{padding-top:21px;padding-bottom:7px}.nav-item{border:0;background:transparent;color:#c8d6ce;height:39px;border-radius:8px;padding:0 12px;display:flex;align-items:center;text-align:left;gap:12px;font-size:15.8px;transition:.16s}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.nav-item.active{background:#286254;color:#fff;font-weight:600;box-shadow:inset 2px 0 #e5c174}.nav-icon{width:16px;text-align:center;font-size:21.5px;color:#94b3a4}.nav-item.active .nav-icon{color:#e7ca83}.nav-count{margin-left:auto;background:rgba(255,255,255,.12);color:#d5e4db;border-radius:12px;padding:2px 7px;font-size:11.4px}.nav-count.amber{background:rgba(219,174,77,.18);color:#edcb7c}.nav-dot{margin-left:auto;background:#e7bf68;width:6px;height:6px;border-radius:50%}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:10px;padding:14px 14px 13px;margin-bottom:16px;position:relative}.help-spark{color:#e6c373;font-size:25.3px;line-height:1;margin-bottom:7px}.help-card strong{font:700 15.2px Manrope,sans-serif}.help-card p{font-size:13.3px;line-height:1.55;color:#afc2b8;margin:5px 0 10px}.help-card button{background:transparent;border:0;color:#e8d49d;padding:0;font-size:13.3px;font-weight:600}.help-card button span{margin-left:4px}.profile{display:flex;align-items:center;padding:12px 4px 2px;border-top:1px solid rgba(255,255,255,.12);gap:9px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:12.6px;font-weight:700}.avatar-mint{background:#d5e3d8;color:#285c4a}.profile-meta{display:grid;gap:3px;flex:1}.profile-meta strong{font-size:13.9px;font-weight:600}.profile-meta span{font-size:11.4px;color:#a6bbb0}.more-button{border:0;color:#b6c6bd;background:none;letter-spacing:1px}.main-area{margin-left:252px;width:calc(100% - 252px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:65px;flex-shrink:0;background:rgba(255,255,255,.76);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.breadcrumb{font-size:13.9px;color:#929a95}.breadcrumb span{padding:0 9px;color:#c3c9c4}.breadcrumb strong{color:#45524b;font-weight:600}.top-actions{display:flex;align-items:center;gap:9px}.icon-button{border:0;background:transparent;width:32px;height:32px;color:#52615a;font-size:25.3px;position:relative}.search-inline{border:0;background:transparent;color:#98a19b;font-size:12.6px;padding:8px 12px 8px 0;min-width:170px;text-align:left}.search-inline kbd{float:right;border:1px solid #e4e8e3;border-radius:4px;background:#fafbf9;padding:2px 5px;font-size:10.1px;color:#929a95}.top-divider{height:23px;width:1px;background:var(--line);margin:0 8px}.notification{font-size:20.2px}.notification i{position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:#d7aa50;border:1px solid white}.avatar-top{background:#e8eee6;color:#345948}.content{width:100%;max-width:1440px;margin:0 auto;padding:30px 40px 30px;flex:1}.footer{height:46px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 40px;color:#9aa39d;font-size:11.4px}.footer a{margin-left:auto;text-decoration:none;color:#648171}.status-light{width:6px;height:6px;border-radius:50%;background:#69ad79;display:inline-block;margin-right:5px}.mobile-menu{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:21px}.eyebrow{font-size:11.4px;letter-spacing:1.35px;color:#8b9890;font-weight:700}.page-head h1{font:700 31.6px Manrope,sans-serif;letter-spacing:-.8px;margin:5px 0 5px;color:#1b2a23}.page-head p{margin:0;color:#7f8983;font-size:13.9px}.head-right{display:flex;align-items:center;gap:9px}.date-chip,.select-chip{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 11px;color:#56635b;font-size:12.6px}.date-chip span{color:#8e9a92;padding-right:4px}.button{border:0;border-radius:7px;padding:10px 14px;font-size:13.3px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:.17s}.button-primary{background:var(--forest);color:#fff;box-shadow:0 3px 7px rgba(18,77,64,.14)}.button-primary:hover{background:#1b6554;transform:translateY(-1px)}.button-light{background:#fff;color:#33594b;border:1px solid #e6ebe6}.button-light:hover{border-color:#bfd0c5}.button-quiet{background:#f4f6f2;color:#69756e}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.metric-card{background:var(--paper);border:1px solid #edf0ec;border-radius:10px;padding:15px 16px 14px;box-shadow:0 2px 5px rgba(34,60,45,.018);min-height:113px}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:12.6px;color:#7e8982}.metric-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:16.4px}.ic-green{color:#3c8067;background:#eaf3ed}.ic-gold{color:#b18839;background:#fbf3e5}.ic-blue{color:#6480ac;background:#edf1f8}.ic-rose{color:#bc7364;background:#faefec}.metric-value{font:700 29.1px Manrope,sans-serif;letter-spacing:-.7px;margin:7px 0 4px;color:#25342c}.metric-bottom{font-size:11.4px;color:#99a29c}.trend{font-weight:700;color:#4b9b6a;margin-right:4px}.trend.down{color:#be776a}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(260px,.9fr);gap:15px;margin-bottom:15px}.panel{background:#fff;border:1px solid #edf0ec;border-radius:10px;box-shadow:0 2px 5px rgba(34,60,45,.018)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px 13px}.panel-title{font:700 15.2px Manrope,sans-serif;color:#2c3932}.panel-subtitle{font-size:11.4px;color:#9aa39d;margin-top:3px}.text-link{border:0;background:none;padding:3px 0;color:#44765e;font-size:12px;font-weight:600}.chart-panel{padding-bottom:12px}.chart-legend{display:flex;align-items:center;gap:13px;font-size:11.4px;color:#858f88}.legend{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%;background:#397e62}.legend.secondary i{background:#ddbd70}.chart-wrap{height:174px;padding:0 13px 0 17px;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.gridline{stroke:#eff2ee;stroke-width:1}.chart-label{fill:#9ba49e;font-size:11.4px;font-family:'DM Sans',sans-serif}.chart-area{fill:url(#fillGreen)}.chart-line{fill:none;stroke:#3e8066;stroke-width:2}.chart-line-two{fill:none;stroke:#d7b86f;stroke-width:1.7;stroke-dasharray:4 4}.chart-point{fill:#fff;stroke:#3e8066;stroke-width:2}.chart-card-detail{font-size:11.4px;color:#a1aaa4;text-align:center;padding-top:0}.action-panel .panel-head{padding-bottom:10px}.action-list{padding:0 12px 10px;display:grid;gap:7px}.action-row{border:1px solid #edf0ec;border-radius:8px;display:flex;align-items:center;gap:10px;padding:9px 10px}.action-symbol{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#f1f5ef;color:#4d8066;font-size:17.7px;flex-shrink:0}.action-symbol.gold{background:#fbf4e5;color:#ae893e}.action-copy{min-width:0;flex:1}.action-copy strong{display:block;font-size:12.6px;font-weight:600;color:#3c4941}.action-copy span{display:block;font-size:10.8px;color:#9aa39d;margin-top:3px}.action-row button{background:transparent;border:0;color:#8c9a91;font-size:20.2px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.88fr);gap:15px}.projects-panel{overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{color:#9aa39d;font-size:10.1px;font-weight:600;text-transform:uppercase;letter-spacing:.65px;background:#fafbf9;text-align:left;padding:9px 16px;border-top:1px solid #f0f2ee;border-bottom:1px solid #f0f2ee}.table td{padding:10px 16px;border-bottom:1px solid #f1f3f0;font-size:12px;color:#58645c;white-space:nowrap}.table tr:last-child td{border-bottom:0}.project-name{font-weight:600;color:#303e35!important}.project-code{font-size:10.1px;color:#9ca59e;margin-top:3px}.customer-cell{display:flex;align-items:center;gap:7px}.mini-avatar{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:10.1px;font-weight:700;background:#edf2eb;color:#4f735e}.status{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:12px;font-size:10.1px;font-weight:600}.status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status.progress{color:#6681aa;background:#eff3f9}.status.pending{color:#a07b35;background:#fbf4e5}.status.completed{color:#4e8a68;background:#eaf4ed}.status.review{color:#b86f62;background:#fbefec}.activity-panel{padding-bottom:5px}.activity-list{padding:0 16px}.activity-item{display:flex;gap:10px;position:relative;padding-bottom:15px}.activity-item:not(:last-child):after{content:"";position:absolute;top:20px;bottom:0;left:9px;width:1px;background:#e9eee9}.activity-icon{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:11.4px;color:#4b8868;background:#edf5ef;z-index:1;flex-shrink:0}.activity-icon.gold{background:#fbf4e5;color:#a77f36}.activity-icon.blue{background:#eff3f9;color:#667da5}.activity-body{padding-top:1px}.activity-body p{font-size:12px;line-height:1.45;margin:0;color:#627067}.activity-body strong{color:#344238;font-weight:600}.activity-body time{display:block;color:#a0a9a3;font-size:10.1px;margin-top:4px}.section-panel{padding:0 0 4px;margin-top:14px}.toolbar{display:flex;align-items:center;gap:8px;padding:0 17px 13px}.filter-input{height:32px;width:205px;border:1px solid var(--line);border-radius:6px;padding:0 10px;font-size:12.6px;outline:none;background:#fff;color:#45544b}.filter-input:focus,.form-control:focus{border-color:#76a28b;box-shadow:0 0 0 3px rgba(55,126,96,.1)}.toolbar .button{padding:8px 11px}.toolbar-spacer{flex:1}.table-wrap{overflow:auto}.table .clickable-row{cursor:pointer}.table .clickable-row:hover{background:#fafcf9}.lead-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef1e8;color:#5b785e;font-size:10.1px;font-weight:700}.lead-person{display:flex;align-items:center;gap:8px}.lead-person strong{font-size:12px;color:#36433b}.lead-person small{display:block;font-size:10.1px;color:#9ca59f;margin-top:2px}.simple-list{padding:0 16px 12px}.simple-row{padding:11px 0;border-bottom:1px solid #f0f2ee;display:flex;align-items:center;gap:9px}.simple-row:last-child{border:0}.simple-row-main{flex:1}.simple-row-main strong{font-size:12.6px;display:block}.simple-row-main small{font-size:10.8px;color:#929d95;display:block;margin-top:3px}.currency{font-weight:600;color:#344c3e;font-size:12.6px}.empty-state{padding:42px 20px;text-align:center;color:#87928a;font-size:13.9px}.empty-state strong{display:block;font:700 16.4px Manrope,sans-serif;color:#435148;margin:8px}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calculator-card{padding:18px}.form-label{font-size:11.4px;font-weight:600;color:#68756d;display:block;margin-bottom:6px}.form-control{width:100%;height:37px;border:1px solid var(--line);border-radius:6px;padding:0 10px;outline:none;color:#3b4940;font-size:12.6px;background:#fff}.calc-result{background:var(--forest-deep);color:white;border-radius:9px;padding:18px;margin-top:14px}.calc-result small{color:#b9cdc0;font-size:11.4px}.calc-result strong{font:700 31.6px Manrope,sans-serif;display:block;margin:7px 0}.calc-result span{color:#bad2c0;font-size:11.4px}.partner-hero{background:linear-gradient(112deg,#164c3f,#28705b);border-radius:12px;color:white;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;position:relative;overflow:hidden}.partner-hero:after{content:"";width:280px;height:280px;position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:45px;top:-160px;box-shadow:0 0 0 32px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.025)}.partner-hero h2{font:700 24px Manrope,sans-serif;margin:7px 0}.partner-hero p{font-size:12.6px;color:#c0d5c9;margin:0}.hero-kicker{font-size:10.1px;letter-spacing:1.4px;color:#e7ca83;font-weight:700}.hero-number{text-align:right;position:relative;z-index:1}.hero-number strong{font:700 27.8px Manrope,sans-serif;display:block}.hero-number small{font-size:10.1px;color:#bfd4c8}.modal-backdrop{position:fixed;inset:0;background:rgba(18,37,30,.36);display:none;align-items:center;justify-content:center;padding:20px;z-index:30;backdrop-filter:blur(3px)}.modal-backdrop.open{display:flex}.modal{width:min(465px,100%);border-radius:12px;background:#fff;box-shadow:0 25px 70px rgba(17,46,34,.2);padding:21px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{font:700 22.8px Manrope,sans-serif;margin:5px 0 0}.close-modal{border:0;background:#f3f5f2;border-radius:50%;width:28px;height:28px;color:#657169;font-size:24px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{min-width:0}.field.full{grid-column:1/-1}.field textarea.form-control{height:70px;padding-top:9px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eef1ed;margin-top:17px;padding-top:14px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#183f34;color:white;border-radius:8px;padding:11px 15px;font-size:12.6px;box-shadow:var(--shadow);transition:.2s;z-index:40}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-overlay{display:none}
@media(max-width:1120px){.content{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}.metric-grid{grid-template-columns:repeat(2,1fr)}.footer{padding:0 26px}.dashboard-layout,.bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,.9fr)}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .22s;box-shadow:10px 0 30px rgba(0,0,0,.12)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.mobile-menu{display:block;border:0;background:transparent;color:#4d5b52;font-size:22.8px;padding:5px 9px 5px 0}.topbar{height:58px;padding:0 20px}.breadcrumb{flex:1}.content{padding:23px 20px}.footer{padding:0 20px}.dashboard-layout,.bottom-grid{grid-template-columns:1fr}.action-panel .action-list{grid-template-columns:repeat(3,1fr)}.action-row{align-items:flex-start}.action-row button{display:none}}
@media(max-width:560px){.topbar{padding:0 14px}.search-inline,.top-divider{display:none}.content{padding:19px 14px}.footer{padding:0 14px;gap:10px;font-size:10.1px}.footer a{display:none}.page-head{align-items:flex-start;gap:12px;flex-direction:column}.page-head h1{font-size:27.8px}.head-right{width:100%;justify-content:space-between}.metric-grid{gap:8px}.metric-card{padding:12px;min-height:104px}.metric-value{font-size:26.6px}.metric-label{font-size:11.4px}.metric-bottom{font-size:10.1px}.action-panel .action-list{grid-template-columns:1fr}.action-row button{display:block}.panel-head{padding:13px}.table th,.table td{padding-left:11px;padding-right:11px}.chart-legend{gap:7px}.dashboard-layout,.bottom-grid{gap:10px}.calculator-grid{grid-template-columns:1fr}.partner-hero{padding:19px}.partner-hero h2{font-size:20.2px}.hero-number strong{font-size:21.5px}.form-fields{grid-template-columns:1fr}.field.full{grid-column:auto}.date-chip{display:none}.toolbar{padding:0 12px 12px;flex-wrap:wrap}.filter-input{width:100%}.toolbar-spacer{display:none}}

.metric-card{position:relative;color:var(--ink);font:inherit;text-align:left;text-decoration:none}.metric-link{display:block;width:100%;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.metric-link:hover{transform:translateY(-2px);border-color:#cbd8cf;box-shadow:0 7px 18px rgba(25,54,42,.08)}.metric-link:focus-visible{outline:2px solid #70a48a;outline-offset:2px}.metric-arrow{float:right;color:#668674;opacity:.45;transition:opacity .16s}.metric-link:hover .metric-arrow,.metric-link:focus-visible .metric-arrow{opacity:1}
.commission-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.commission-top-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.85fr);gap:15px;margin-bottom:15px}.commission-reference,.commission-partners{overflow:hidden}.commission-reference .table td{font-size:12.6px}.commission-reference .table thead th{background:#f2f6f1}.commission-reference .table tbody tr:nth-child(even){background:#f8fbf7}.commission-reference .table tbody tr:last-child{background:#fbf2df}.commission-rules{padding-bottom:14px}.eligible-members-field{padding:0 17px 14px}.eligible-members-field .form-control{max-width:145px}.eligible-members-field small{display:block;color:#8d9991;font-size:10.1px;margin-top:5px}.commission-note{margin:0 16px;padding:12px 13px;background:#eef5ef;border-radius:8px;color:#43614e}.commission-note strong{font-size:12px}.commission-note p{font-size:11.4px;line-height:1.6;margin:5px 0 0;color:#62766a}.demo-note{font-size:10.1px;line-height:1.5;color:#9a8355;padding:10px 17px 0}.commission-table{min-width:1320px}.commission-table tfoot td{border-top:1px solid #e4ebe4;background:#f7faf7;font-size:12.6px;font-weight:700;color:#354a3d}.commission-kw-input{width:96px;padding:0 8px;height:31px}.tier-pill{display:inline-flex;border-radius:15px;background:#eaf3ed;color:#427153;padding:5px 8px;font-size:10.8px;font-weight:700;white-space:nowrap}.commission-total-cell{font-weight:700;color:#285a43!important}
.commission-tier-input{width:100%;min-width:72px;height:32px;padding:4px 7px;font-size:11px}.commission-range-editor,.commission-director-rate{display:grid;gap:5px;min-width:92px}.commission-range-editor>span,.commission-director-rate small{white-space:nowrap;font-size:10px;color:#647269}.commission-range-editor>small{font-size:9px;color:#849087}.commission-director-rate small{line-height:1.45}
@media(max-width:1120px){.commission-top-grid{grid-template-columns:1fr}.commission-table{min-width:1280px}}
@media(max-width:560px){.commission-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-top-grid{gap:10px}.commission-reference .table{min-width:520px}.commission-note p{font-size:10.8px}}
.commission-footnote{font-size:10.1px;color:#929d95;padding:0 17px 12px}
.table .clickable-row:focus-visible{outline:2px solid #78a58c;outline-offset:-2px}
.approval-request-cell{min-width:180px}.approval-details-link{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:0;border:0;background:transparent;color:#46775c;font-size:16px;font-weight:700}.approval-details-link:hover,.approval-details-link:focus-visible{color:#24543b;text-decoration:underline;outline:none}.approval-details-link span{font-size:16px;line-height:1}
.detail-modal{width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:23px 25px}
.detail-modal .modal-head{margin-bottom:15px}
.detail-subtitle{font-size:12.6px;color:#89958d;margin:5px 0 0}
.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.detail-field{min-width:0;padding:12px 13px;border:1px solid #edf0ec;border-radius:8px;background:#fbfcfa}
.detail-field span{display:block;color:#8b9790;font-size:10.1px;margin-bottom:5px}
.detail-field strong{display:block;color:#34443a;font-size:12.6px;font-weight:600;overflow-wrap:anywhere}
.detail-modal .detail-field span,.detail-modal .detail-field strong{font-size:16px}
.detail-related{border-top:1px solid #edf0ec;margin-top:18px;padding-top:14px}
.detail-related h3{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#39483f;font:700 13.9px Manrope,sans-serif}
.detail-related h3 span{display:inline-grid;place-items:center;min-width:17px;height:17px;border-radius:10px;background:#edf4ee;color:#568068;font:600 10.1px 'DM Sans',sans-serif}
.detail-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.detail-related-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 11px;border:1px solid #edf0ec;border-radius:8px;background:#fff;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.detail-related-item:hover,.detail-related-item:focus-visible{background:#f7faf7;border-color:#cbd9cf;outline:none}
.detail-related-item>span:first-child{min-width:0}
.detail-related-item small,.detail-related-item strong,.detail-related-item em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-related-item small{font-size:9.5px;color:#8e9a92;text-transform:uppercase;letter-spacing:.5px}
.detail-related-item strong{margin-top:3px;color:#36473c;font-size:11.4px;font-weight:600}
.detail-related-item em{margin-top:3px;color:#9aa49d;font-size:10.1px;font-style:normal}
.detail-related-item .status{flex:none}
.detail-open-arrow{color:#5c8069;font-size:16.4px}
.detail-empty{margin:0;color:#929d95;font-size:11.4px;padding:9px 11px;border-radius:7px;background:#fafbf9}
@media(max-width:560px){.detail-modal{padding:18px 15px;max-height:calc(100vh - 24px)}.detail-fields,.detail-related-list{grid-template-columns:1fr}.detail-related-item{padding:9px}}
.modal-backdrop.project-modal-open .modal{width:min(820px,100%);max-height:calc(100vh - 36px);overflow-y:auto;padding:24px 26px}
.form-section-title{grid-column:1/-1;padding:11px 0 0;border-top:1px solid #edf0ec;color:#42634f;font:700 12.6px Manrope,sans-serif;letter-spacing:.2px}
.form-section-title:first-child{padding-top:0;border-top:0}
.field-hint{display:block;margin-top:5px;color:#909b94;font-size:10.1px;line-height:1.4}
.detail-section-title{grid-column:1/-1;padding:9px 0 0;border-top:1px solid #edf0ec;color:#55735f;font:700 11.4px Manrope,sans-serif;letter-spacing:.35px}
.detail-fields>.detail-section-title:first-child{padding-top:0;border-top:0}
.detail-actions{display:flex;justify-content:flex-end;margin:0 0 12px}
.row-action-cell{width:42px}
.list-record-actions{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap;min-width:150px}
.list-record-action{min-height:29px;padding:5px 8px;font-size:10px;white-space:nowrap}
.list-record-action.delete-action{color:#a53838;border-color:#f0d8d8}
.data-table[data-table-page="leads"] .row-action-cell,.data-table[data-table-page="projects"] .row-action-cell,.data-table[data-table-page="payments"] .row-action-cell{width:auto;min-width:155px}
.data-table[data-table-page="projects"] .row-action-cell{min-width:180px}
.list-work-status-control{display:grid;gap:3px;min-width:150px;color:#6f7e73;font-size:9.5px;font-weight:600}
.list-work-status-control .form-control{min-width:0;min-height:31px;padding:5px 7px;font-size:10px}
.row-action-button{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #dce8df;border-radius:6px;padding:0;background:#f4f8f4;color:#426d53;font-size:16.1px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.row-action-button:hover,.row-action-button:focus-visible{background:#eaf3ec;border-color:#b9cfbf;color:#28583d;outline:none}
.project-assignees{display:grid;gap:4px;min-width:120px}
.project-assignee{display:flex;align-items:baseline;gap:3px;white-space:nowrap}
.project-assignee strong,.project-work-assignee-summary strong{color:#334b3b;font-size:10.4px;font-weight:700}
.project-assignee span{color:#78867b;font-size:9.2px;line-height:1.25}
.project-work-assignee-summary{color:#78867b;font-size:10.4px;line-height:1.35}
.project-system-details{display:grid;gap:3px;min-width:0;line-height:1.25}
.project-system-details span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px;align-items:baseline;min-width:0}
.project-system-details small{color:#78867b;font-size:9.2px}
.project-system-details strong{color:#334b3b;font-size:9.2px;font-weight:700;text-align:right;overflow-wrap:anywhere}
.project-financial-summary{display:grid;gap:4px;min-width:0;line-height:1.25}
.project-financial-summary>span{display:flex;justify-content:space-between;align-items:baseline;gap:4px;min-width:0}
.project-financial-summary small{color:#78867b;font-size:9.2px}
.project-financial-summary strong{color:#334b3b;font-size:9.2px;font-weight:700;text-align:right;overflow-wrap:anywhere}
.project-payment-progress{height:5px;overflow:hidden;border-radius:5px;background:#edf0ec}
.project-payment-progress>span{display:block;height:100%;min-width:2px;border-radius:inherit;transition:width .2s ease}
.project-payment-progress.low>span{background:#e35d5b}
.project-payment-progress.medium>span{background:#edaa3c}
.project-payment-progress.high>span{background:#4ba978}
.project-financial-summary .project-payment-progress-label{justify-self:end;font-size:8.6px}
.data-table[data-table-page="leads"],.data-table[data-table-page="projects"],.project-list-table{width:100%;table-layout:auto}
.data-table[data-table-page="leads"] th,.data-table[data-table-page="leads"] td,.data-table[data-table-page="projects"] th,.data-table[data-table-page="projects"] td,.project-list-table th,.project-list-table td{min-width:0;padding:8px 5px;white-space:normal;overflow-wrap:anywhere}
.project-list-table td:nth-child(4){min-width:112px}
.data-table[data-table-page="leads"] .table-sort-button,.data-table[data-table-page="projects"] .table-sort-button{width:100%;padding:4px 1px;white-space:normal;font-size:9.2px;line-height:1.25}
.data-table[data-table-page="leads"] .status-progress-cell,.data-table[data-table-page="projects"] .status-progress-cell{min-width:0}
.data-table[data-table-page="leads"] .status-progress-track,.data-table[data-table-page="projects"] .status-progress-track{width:min(76px,100%)}
.data-table[data-table-page="projects"] .project-assignees{min-width:0}
.data-table[data-table-page="projects"] .project-assignee{white-space:normal;overflow-wrap:anywhere}
.data-table[data-table-page="projects"] .row-action-cell{width:auto}
.data-table[data-table-page="leads"] .project-created,.data-table[data-table-page="projects"] .project-created{display:grid;gap:2px;line-height:1.2}
.data-table[data-table-page="leads"] .project-created small,.data-table[data-table-page="projects"] .project-created small{color:#78867b;font-size:9.2px}
.project-list-table th:nth-child(1){width:9%}
.project-list-table th:nth-child(2){width:12%}
.project-list-table th:nth-child(3){width:14%}
.project-list-table th:nth-child(4){width:11%}
.project-list-table th:nth-child(5){width:6%}
.project-list-table th:nth-child(6){width:7%}
.project-list-table th:nth-child(7){width:8%}
.project-list-table th:nth-child(8){width:21%}
.project-list-table th:nth-child(9){width:8%}
.project-list-table th:nth-child(10){width:4%}
.project-list-table .project-assignees{min-width:0}
.project-list-table .project-assignee{white-space:normal;overflow-wrap:anywhere}
.status-progress-cell{display:grid;justify-items:start;gap:4px;min-width:82px}
.status-progress-track{width:76px;height:5px;overflow:hidden;border-radius:5px;background:#edf0ec}
.status-progress-fill{display:block;height:100%;min-width:2px;border-radius:inherit;transition:width .2s ease,background-color .2s ease}
.status-progress-fill.progress-low{background-color:#e35d5b}
.status-progress-fill.progress-medium{background-color:#edaa3c}
.status-progress-fill.progress-high{background-color:#4ba978}
.status-progress-cell small{color:#7f8983;font-size:9.2px;line-height:1}
.row-limit-control{display:flex;align-items:center;gap:5px;color:#647168;font-size:11.5px;white-space:nowrap}
.row-limit-control .select-chip{padding:7px 8px}
.record-actions-modal{width:min(460px,100%);padding:22px}
.record-actions-modal .modal-head{margin-bottom:14px}
.record-action-options{display:grid;gap:7px}
.record-action-option{width:100%;padding:10px 12px;border:1px solid #e6ebe6;border-radius:7px;background:#fff;color:#3e5e4b;font-size:12.6px;font-weight:600;text-align:left;transition:background .15s,border-color .15s}
.record-action-option:hover,.record-action-option:focus-visible{background:#f3f8f4;border-color:#b9cfbf;outline:none}
.record-action-option.delete-action{color:#a9443d}
.record-action-option.delete-action:hover,.record-action-option.delete-action:focus-visible{background:#fcf0ee;border-color:#e8c1bd}
.record-action-option.file-action{color:#456e94}
.record-actions-modal .modal-actions{margin-top:14px}
.delete-modal{width:min(430px,100%)}
.delete-modal .modal-head{margin-bottom:0}
.delete-modal .modal-actions{margin-top:16px}
.delete-message{font-size:11.4px;color:#89958d;line-height:1.5;margin:7px 0 0;max-width:320px}
.button-danger{background:#b9473f;color:#fff;border:1px solid #b9473f}
.button-danger:hover{background:#a53b34;border-color:#a53b34}
.settings-firm-panel{padding:17px;margin-bottom:14px}
.settings-panel-head{margin-bottom:15px}
.firm-settings-fields{gap:12px}
.settings-form-actions{display:flex;justify-content:flex-end;border-top:1px solid #eef1ed;margin-top:15px;padding-top:13px}
.settings-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.settings-template-panel{overflow:hidden}
.settings-template-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #edf0ec}
.settings-template-head .button{flex:none;padding:8px 10px}
.settings-template-list{padding:11px;display:grid;gap:10px}
.settings-template-card{padding:13px;border:1px solid #e9eee9;border-radius:9px;background:#fcfdfb}
.settings-template-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.settings-template-card-head>div{display:flex;align-items:center;gap:8px}
.template-default-badge{border-radius:10px;background:#eaf4ed;color:#548162;font-size:8.9px;font-weight:700;letter-spacing:.5px;padding:4px 7px}
.template-delete-button{width:25px;height:25px;font-size:21.5px;color:#a95b53}
.settings-template-card .form-label{margin:10px 0 5px}
.settings-template-card .form-control{font-size:11.4px}
.settings-template-card .template-content{height:120px;padding:9px 10px;resize:vertical;line-height:1.5}
.template-current{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #e9eee9;border-radius:9px;background:#fcfdfb}
.template-current>span:last-child{display:grid;gap:4px}
.template-current small{color:#778479;font-size:12.6px}
.settings-template-actions{display:flex;justify-content:space-between;gap:8px;margin-top:11px}
.settings-template-actions .button{padding:8px 10px;font-size:11.4px}
.settings-template-empty{display:grid;gap:5px;padding:26px 18px;text-align:center;color:#919c95}
.settings-template-empty strong{font-size:12.6px;color:#506157}
.settings-template-empty span{font-size:10.8px;line-height:1.5}
@media(max-width:850px){.settings-template-grid{grid-template-columns:1fr}}
@media(max-width:560px){.settings-firm-panel{padding:13px}.settings-template-head{padding:13px;flex-direction:column}.settings-template-head .button{width:100%;justify-content:center}.settings-template-actions{flex-direction:column}.settings-template-actions .button{width:100%;justify-content:center}}
@media(max-width:560px){.modal-backdrop.project-modal-open{padding:10px}.modal-backdrop.project-modal-open .modal{max-height:calc(100vh - 20px);padding:18px 15px}.form-section-title,.detail-section-title{grid-column:auto}}
.global-search-modal{width:min(700px,100%);max-height:calc(100vh - 40px);overflow:hidden;padding:22px 23px;display:flex;flex-direction:column}
.global-search-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.global-search-head h2{font:700 22.8px Manrope,sans-serif;margin:5px 0 0;color:#24342a}
.global-search-box{height:43px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #cad8ce;border-radius:8px;background:#fbfcfa;color:#6c8575}
.global-search-box>span{font-size:24px;line-height:1}
.global-search-box input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#35443a;font-size:13.9px}
.global-search-box input::placeholder{color:#9aa49d}
.global-search-box:focus-within{border-color:#72a087;box-shadow:0 0 0 3px rgba(55,126,96,.09)}
.global-search-hint{font-size:11.4px;color:#929d95;margin:8px 1px 12px}
.global-search-results{overflow-y:auto;min-height:110px;max-height:min(58vh,560px);padding-right:2px}
.global-search-count{font-size:10.1px;color:#849188;font-weight:600;text-transform:uppercase;letter-spacing:.7px;padding:0 2px 7px}
.global-search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf0ec;border-radius:8px;padding:10px 12px;margin-bottom:6px;background:#fff;text-align:left;cursor:pointer}
.global-search-result:hover,.global-search-result:focus-visible{background:#f7faf7;border-color:#cbd9cf;outline:none}
.global-search-result-main{min-width:0;display:grid;gap:3px}
.global-search-result-kind{font-size:9.5px;color:#6f8c78;text-transform:uppercase;letter-spacing:.65px;font-weight:700}
.global-search-result strong{font-size:12.6px;color:#34443a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-search-result small{font-size:10.1px;color:#929d95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-search-result .status{flex:none}
.global-search-arrow{color:#5c8069;font-size:17.7px;flex:none}
.global-search-empty{min-height:130px;display:grid;place-content:center;text-align:center;color:#8b9890}
.global-search-empty>span{font-size:27.8px;color:#7b9683}
.global-search-empty strong{margin-top:6px;font-size:12.6px;color:#53635a}
.global-search-empty small{margin-top:5px;font-size:10.1px;color:#939d96}
@media(max-width:560px){.global-search-modal{padding:18px 14px;max-height:calc(100vh - 24px)}.global-search-results{max-height:65vh}.global-search-result{padding:9px}}
.search-inline-wrap{display:flex;align-items:center;gap:5px;height:34px;padding:0 8px 0 3px;border:1px solid #e4e8e3;border-radius:8px;background:#fff}
.search-inline-wrap:focus-within{border-color:#72a087;box-shadow:0 0 0 3px rgba(55,126,96,.09)}
.search-inline-wrap .search-trigger{width:28px;height:30px;flex:none}
.search-inline-wrap .search-inline{width:190px;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#45534b;font-size:12.6px}
.search-inline-wrap .search-inline::placeholder{color:#98a19b}
.search-inline-wrap>kbd{border:1px solid #e4e8e3;border-radius:4px;background:#fafbf9;padding:2px 5px;font-size:9.2px;color:#929a95;white-space:nowrap}
.inline-search-panel{padding:12px 16px}
.inline-global-search-results{max-height:none;min-height:100px;overflow:visible}
@media(max-width:600px){.search-inline-wrap{flex:1;min-width:0}.search-inline-wrap .search-inline{width:100%;flex:1}.search-inline-wrap>kbd{display:none}.top-actions{min-width:0;gap:5px}}

/* Keep long navigation usable and let the workspace menu collapse at any width. */
html{min-height:100%;min-height:100dvh}
body{min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden}
.app-shell{width:100%;min-height:100vh;min-height:100dvh}
.sidebar{height:100vh;height:100dvh;max-height:100vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(205,224,212,.35) transparent;transition:transform .22s ease}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-thumb{background:rgba(205,224,212,.3);border-radius:8px}
.sidebar>*{flex-shrink:0}
.main-area{min-width:0;min-height:100vh;min-height:100dvh;transition:margin-left .22s ease,width .22s ease}
.app-shell.nav-hidden .sidebar{transform:translateX(-100%);box-shadow:none}
.app-shell.nav-hidden .main-area{margin-left:0;width:100%}
@media(min-width:851px){.app-shell.nav-hidden.nav-hover-open .sidebar{transform:translateX(0);box-shadow:4px 0 18px rgba(16,62,53,.2)}}
.mobile-menu{display:grid;place-items:center;flex:none;width:32px;height:32px;margin-right:11px;padding:0;border:0;border-radius:6px;background:transparent;color:#4d5b52;font-size:25.3px;line-height:1}
.mobile-menu:hover{background:#eef3ee}
.mobile-menu:focus-visible{outline:2px solid #70a48a;outline-offset:2px}
@media(max-width:850px){.app-shell.nav-hidden .sidebar{transform:translateX(-100%)}.app-shell.nav-hidden .main-area{margin-left:0;width:100%}.sidebar.open{transform:translateX(0)}.mobile-menu{margin-right:10px}}

.modal-backdrop.document-modal-open{align-items:center;padding:14px;overflow-y:auto}
.modal-backdrop.document-modal-open .modal{width:min(760px,100%);max-height:calc(100vh - 28px);overflow-y:auto}
.document-preview{grid-column:1/-1;margin-top:9px;border:1px solid #e5ebe5;border-radius:8px;background:#f8faf7;overflow:hidden}
.document-preview-title{padding:9px 11px;border-bottom:1px solid #e8eee8;color:#587261;font-size:11.4px;font-weight:700}
.document-preview pre,.saved-document pre{margin:0;padding:12px;color:#435148;font:12.6px/1.6 "DM Sans",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.document-preview pre{max-height:210px;overflow:auto}
.template-merge-help{display:block;margin-top:7px;color:#87938a;font-size:10.1px;line-height:1.6;overflow-wrap:anywhere}
.saved-document{margin:14px 0;border:1px solid #e6ece6;border-radius:9px;background:#fafbf9;overflow:hidden}
.saved-document-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #e8eee8;color:#4d6756;font-size:11.4px}
.saved-document-head span{color:#87948b;font-size:10.1px}
.saved-document pre{max-height:420px;overflow:auto}
.document-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.project-template-settings-grid .settings-template-panel:first-child{grid-column:1/-1}
.project-pdf-edit-fields #projectPdfWording{height:190px;min-height:130px;resize:vertical;line-height:1.55}
.document-preview-masthead{margin:0 0 12px;padding:14px 16px;border-bottom:2px solid #24633b;text-align:center;background:#fff}
.document-preview-masthead strong{display:block;color:#1f652c;font:800 21.5px Manrope,sans-serif;letter-spacing:.3px}
.document-preview-masthead span{display:block;margin:4px 0;color:#39723f;font-size:11.4px;font-weight:700;text-transform:uppercase}
.document-preview-masthead small{display:block;color:#6b776e;font-size:10.1px;margin-top:7px}
.row-action-options{width:158px;max-height:min(70vh,340px);overflow-y:auto}
.row-action-options{position:fixed;right:auto;top:0;bottom:auto;z-index:1000;max-height:calc(100vh - 16px);overscroll-behavior:contain}
.document-body .po-table-row{grid-template-columns:.35fr 1.35fr 4fr;font-size:11.4px}
.document-body .po-table-row.bom-header{background:#1f652c;color:#fff}
.document-body .po-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:4px 0}
.document-body .po-detail-row p{margin:0;overflow-wrap:anywhere}
.document-body .po-detail-row strong{display:inline-block;min-width:100px}
@media(max-width:560px){.modal-backdrop.document-modal-open{padding:10px}.modal-backdrop.document-modal-open .modal{max-height:calc(100vh - 20px);padding:17px 14px}.document-preview pre{max-height:160px}}
.project-detail-document-actions{display:flex;flex-wrap:wrap;gap:8px;margin:-7px 0 15px}
.project-detail-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.project-detail-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.project-detail-section{padding:17px;min-width:0}
.project-detail-section h2{font:700 15.2px Manrope,sans-serif;color:#315744;margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid #edf0ec}
.project-detail-section .detail-fields{gap:8px}
.project-detail-section .detail-field{padding:11px 12px}
.project-detail-section .detail-field strong{font-size:12.6px}
.project-detail-related{margin-top:14px;padding-bottom:4px}
.project-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 15px 14px}
.project-related-list .detail-related-item{width:100%;text-align:left}
.project-document-upload{position:relative;overflow:hidden;white-space:nowrap}
.project-document-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.official-document-list{display:grid;gap:8px;padding:0 15px 12px}
.official-document-row{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 11px;border:1px solid #edf0ec;border-radius:8px}
.official-document-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:7px;background:#eaf3ed;color:#3c8067;font-size:10.4px;font-weight:800}
.official-document-info{display:grid;flex:1;min-width:0;gap:3px}
.official-document-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.official-document-info strong{overflow-wrap:anywhere;color:#34443a;font-size:12px}
.official-document-info small,.official-documents-hint{color:#87928a;font-size:10.8px}
.official-documents-hint{display:block;padding:0 15px 13px}
.official-documents-section>.project-work-empty{padding:0 15px 12px}
.delete-project-button{color:#a34b42}
@media(max-width:850px){.project-detail-groups{grid-template-columns:1fr}}
@media(max-width:560px){.project-detail-head-actions{justify-content:flex-start}.project-detail-document-actions .button{flex:1 1 145px;justify-content:center}.project-related-list{grid-template-columns:1fr}.project-detail-section{padding:14px}}
.inline-status-select{min-width:128px;height:31px;padding:0 7px;font-size:11.4px}
.approval-row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}
.reject-approval{color:#a34b42}
.commission-status-select{min-width:105px;height:30px;padding:0 7px;font-size:11.4px}

.type-filter-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.type-filter-button{cursor:pointer}.type-filter-button.active{background:var(--forest-soft);border-color:#b7d0c1;color:var(--forest);font-weight:700}

.table-sort-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:0;white-space:nowrap;cursor:pointer}.table-sort-button span{color:#95a39a;font-size:12.6px;margin-left:3px}.table-sort-button:hover{color:var(--forest)}.table-sort-button:focus-visible{outline:2px solid #76a28b;outline-offset:3px;border-radius:3px}
/* Partner and administrator workspaces */
.role-switch-button{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);color:#e6d49f;border-radius:8px;padding:10px 11px;text-align:left;font-size:12.6px;font-weight:700;margin:0 0 12px}.role-switch-button:hover{background:rgba(255,255,255,.15)}.partner-picker-wrap{display:grid;gap:6px;padding:0 2px 12px;color:#adc2b7;font-size:11.4px;font-weight:700}.partner-picker-wrap .form-control{background:#1b5145;border-color:rgba(255,255,255,.16);color:#fff}.partner-picker-wrap[hidden]{display:none}.partner-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px 17px}.partner-shortcut{display:grid;justify-items:start;gap:5px;min-height:88px;border:1px solid #edf0ec;border-radius:9px;padding:12px;background:#fff;color:#334239;text-align:left}.partner-shortcut:hover{border-color:#bfd0c5;box-shadow:0 4px 14px rgba(25,54,42,.06);transform:translateY(-1px)}.partner-shortcut>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#eaf3ed;color:#397e62;font-size:17.7px}.partner-shortcut strong{font-size:12.6px}.partner-shortcut small{color:#909b94;font-size:10.1px}.partner-activity-feed{margin-top:14px;padding-bottom:8px}.partner-activity-type{display:inline-block;margin-left:6px;border-radius:10px;background:#eef3ef;color:#547363;padding:2px 7px;font-size:10.1px;font-weight:600}.partner-admin-bar{display:flex;align-items:center;gap:14px;padding:13px 16px;margin-bottom:14px}.partner-admin-bar label{display:flex;align-items:center;gap:9px;color:#77837b;font-size:12.6px;font-weight:600}.partner-admin-bar select{min-width:220px}.partner-admin-summary{color:#849087;font-size:12.6px;flex:1}.empty-state{padding:20px;color:#849087;text-align:center;font-size:13.9px}
.role-picker-wrap{display:grid;gap:6px;padding:0 2px 12px;color:#adc2b7;font-size:11.4px;font-weight:700;letter-spacing:.45px}.role-picker-wrap .form-control{width:100%;height:35px;background:#1b5145;border-color:rgba(255,255,255,.16);color:#fff;font-size:12.6px;letter-spacing:0}.role-picker-wrap .form-control:focus{border-color:#78a98e;box-shadow:0 0 0 2px rgba(120,169,142,.17)}.role-picker-wrap[hidden]{display:none}
.inventory-nav-submenu,.project-work-nav-submenu{display:grid;gap:2px;margin:0 0 5px 28px;padding-left:10px;border-left:1px solid rgba(255,255,255,.16)}.inventory-nav-item,.project-work-nav-item{border:0;background:transparent;color:#aebfb5;text-align:left;padding:6px 5px;font-size:12.6px;border-radius:5px}.inventory-nav-item:hover,.inventory-nav-item.active,.project-work-nav-item:hover,.project-work-nav-item.active{color:#fff;background:rgba(255,255,255,.08)}.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;margin-bottom:14px}.inventory-view-tabs{display:flex;gap:7px;flex-wrap:wrap}.inventory-view-tab{cursor:pointer}.inventory-view-tab.active{background:var(--forest-soft);border-color:#b7d0c1;color:var(--forest);font-weight:700}.inventory-category-filter{display:flex;align-items:center;gap:8px;color:#77837b;font-size:12.6px;font-weight:600}.inventory-category-filter .form-control{min-width:155px}.inventory-transaction-form{padding:0 0 14px;margin-bottom:14px}.inventory-fields{padding:0 16px}.inventory-transaction-form .settings-form-actions{padding:0 16px}.inventory-fields .field.full{grid-column:1/-1}
@media(max-width:650px){.inventory-toolbar{align-items:stretch;flex-direction:column}.inventory-category-filter{justify-content:space-between}.inventory-category-filter .form-control{flex:1}}
.project-detail-groups{grid-template-columns:minmax(0,1fr)}
.project-detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #edf0ec}
.project-detail-section-head h2{margin:0;padding:0;border:0}
.project-detail-section .detail-fields{grid-template-columns:minmax(0,1fr);gap:0}
.project-detail-section .detail-field{display:grid;grid-template-columns:minmax(145px,28%) minmax(0,1fr);gap:12px;align-items:start;padding:10px 8px;border:0;border-bottom:1px solid #f0f2ef;border-radius:0;background:transparent}
.project-detail-section .detail-field:last-child{border-bottom:0}
.project-detail-section .detail-field span{margin:0;font-size:12px}
.project-detail-section .detail-field strong{font-size:13.9px}
.activity-log-panel{padding-bottom:4px}
.activity-log-panel>.table-wrap{overflow-x:auto}
.activity-log-table{width:100%;min-width:820px;table-layout:fixed}
.activity-log-table th:nth-child(1){width:18%}.activity-log-table th:nth-child(2){width:16%}.activity-log-table th:nth-child(3){width:17%}.activity-log-table th:nth-child(4){width:21%}.activity-log-table th:nth-child(5){width:28%}
.activity-log-panel .activity-log-table td{font-size:12px}
.activity-log-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.activity-log-table td:first-child{white-space:nowrap;color:#68766d}
.activity-action{display:block;text-transform:capitalize;font-weight:600;color:#344e40}
.activity-type{display:block;margin-top:3px;color:#89958d;font-size:12px}
.activity-log-footer{display:flex;justify-content:center;padding:13px}
.activity-log-footer>span{color:#89958d;font-size:12.6px}
@media(max-width:650px){.activity-log-panel>.table-wrap{overflow:visible}.activity-log-table,.activity-log-table tbody{display:block;width:100%;min-width:0}.activity-log-table thead{display:none}.activity-log-table tr{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:10px 12px;border:1px solid #e7ede7;border-radius:9px;background:#fff;overflow:hidden}.activity-log-table td{display:grid;grid-template-columns:minmax(100px,34%) minmax(0,1fr);align-items:start;gap:10px;padding:9px 11px;border-bottom:1px solid #edf1ed;text-align:left;white-space:normal}.activity-log-table td::before{content:attr(data-label);color:#839087;font-size:12px;font-weight:700}.activity-log-table td:last-child{border-bottom:0}.activity-log-table td.empty-state{display:block;text-align:center}.activity-log-table td.empty-state::before{content:none}}
.nav-icon{display:grid;place-items:center;flex:none;width:20px;height:20px;font-size:0}
.nav-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.metric-icon svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-section-arrow{display:grid;place-items:center;width:16px;height:16px}
.nav-section-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}
.nav-section-arrow.expanded svg{transform:rotate(180deg)}
@media(max-width:560px){.project-detail-section .detail-field{grid-template-columns:minmax(100px,38%) minmax(0,1fr);gap:8px;padding:9px 4px}.project-detail-section .detail-field strong{font-size:12.6px}}
.nav-section-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;background:transparent;color:#8ca79a;font:inherit;font-size:11.4px;font-weight:700;letter-spacing:1.5px;text-align:left;padding:8px 12px;cursor:pointer}.nav-section-toggle:hover,.nav-section-toggle:focus-visible{color:#fff}.nav-section-arrow{font-size:15.2px;letter-spacing:0}.nav-section-content[hidden]{display:none}
.access-role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px;border:1px solid var(--line);border-radius:7px;background:#fbfcfa}.access-role-option{display:flex;align-items:center;gap:7px;color:#526158;font-size:12.6px}.access-role-option input{accent-color:var(--forest)}.access-role-options+.field-hint{margin-top:7px}
.app-shell[hidden]{display:none}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#e4efe6,var(--canvas) 55%)}.login-screen[hidden]{display:none}.login-card{width:min(420px,100%);display:grid;gap:12px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.login-card h1{font:700 34.2px Manrope,sans-serif;margin:0;color:#1b2a23}.login-card p{font-size:15.2px;line-height:1.55;color:#7f8983;margin:0 0 6px}.login-card .button{justify-content:center;margin-top:5px}.login-error{padding:10px 12px;border-radius:7px;background:var(--rose-pale);color:#9e4e42!important}.profile-menu{display:grid;gap:3px;margin:0 0 12px;padding:6px;background:#164b3f;border:1px solid rgba(255,255,255,.13);border-radius:8px}.profile-menu[hidden]{display:none}.profile-menu button{border:0;border-radius:5px;background:transparent;color:#e5eee8;text-align:left;padding:8px 9px;font-size:13.9px}.profile-menu button:hover{background:rgba(255,255,255,.09)}.profile-avatar{background-size:cover;background-position:center;background-repeat:no-repeat}.profile-avatar[style*="background-image"]{color:transparent}.profile .more-button{padding:7px}
.app-loading{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:11px;background:var(--canvas);color:#52665a;font-size:14px;font-weight:600}.app-loading[hidden]{display:none}.app-loading-spinner{width:21px;height:21px;border:2px solid #d8e4dc;border-top-color:var(--forest);border-radius:50%;animation:app-loading-spin .75s linear infinite}@keyframes app-loading-spin{to{transform:rotate(360deg)}}
@media(max-width:1120px){.dashboard-layout,.bottom-grid{grid-template-columns:minmax(0,1fr)}}
.project-work-section{margin:18px 0}.project-work-section-head{margin-bottom:11px}.project-work-section-head h2{margin:0;color:#26372c;font:700 20.2px Manrope,sans-serif}.project-work-section-head p{margin:4px 0 0;color:#7f8983;font-size:13.3px}.project-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-work-card{display:grid;align-content:start;gap:12px;min-width:0;padding:15px;border:1px solid #edf0ec;border-radius:10px;background:#fff;box-shadow:0 2px 5px rgba(34,60,45,.018)}.project-work-card-head{display:flex;align-items:center;gap:10px}.project-work-card-head h3{margin:0;color:#2c3932;font:700 15.2px Manrope,sans-serif}.project-work-card-head p{margin:3px 0 0;color:#9aa39d;font-size:11.4px}.project-work-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:8px;background:#eaf3ed;color:#3c8067;font-size:20.2px}.project-work-status,.project-work-assignment,.project-work-assigned{display:grid;gap:6px;color:#77837b;font-size:12px;font-weight:600}.project-work-assigned strong{color:#34443a;font-size:13.3px;font-weight:600}.project-work-assignment select[multiple]{min-height:75px;padding:5px 8px}.project-work-card .button{justify-self:start}.project-work-payments{display:grid;gap:7px}.project-work-payment{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #f0f2ee}.project-work-payment-link{display:grid;min-width:0;gap:3px;padding:0;border:0;background:none;text-align:left}.project-work-payment-link strong{color:#34443a;font-size:12px}.project-work-payment-link span{overflow:hidden;color:#87928a;font-size:10.8px;text-overflow:ellipsis;white-space:nowrap}.project-work-payment .form-control{width:auto;min-width:135px}.project-work-empty{margin:0;color:#87928a;font-size:12px}
@media(max-width:650px){.project-work-grid{grid-template-columns:minmax(0,1fr)}}
.inventory-catalog-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.inventory-catalog-specification-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.inventory-catalog-add .inventory-catalog-fields>button{justify-self:start;align-self:end}
.inventory-item-metadata{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.dashboard-layout>.panel{min-height:263px}.bottom-grid>.panel{min-height:315px}
:root{--forest:#168acb;--forest-deep:#075985;--forest-soft:#e7f5fd;--canvas:#f5faff;--blue:#168acb;--blue-pale:#e8f5fc;--gold:#f07824;--gold-pale:#fff2e8;--shadow:0 12px 32px rgba(7,89,133,.08)}
.nav-item.active{background:var(--forest);box-shadow:inset 3px 0 #f07824}
.nav-item.active .nav-icon,.nav-icon{color:#9bdcf7}
.nav-item.active .nav-icon{color:#ffd0ad}
.nav-dot{background:#f07824}
.nav-count.amber{background:rgba(240,120,36,.2);color:#ffc18f}
.brand-mark svg,.help-spark,.help-card button,.role-switch-button{color:#ff9a52}
.brand-mark svg{stroke:#ff9a52}
.button-primary{box-shadow:0 3px 7px rgba(22,138,203,.2)}
.button-primary:hover{background:#0877b5}
.button-light{color:#075985}
.button-light:hover{border-color:#abd9f0}
.text-link,.footer a,.table-sort-button:hover{color:#087db8}
.table-sort-button:focus-visible{outline-color:#62b9e4}
.type-filter-button.active,.inventory-view-tab.active{background:var(--forest-soft);border-color:#abd9f0;color:#0877b5}
.profile-menu{background:#075985}
.role-picker-wrap .form-control,.partner-picker-wrap .form-control{background:#0d6598}
.role-picker-wrap .form-control:focus{border-color:#8ed1f0;box-shadow:0 0 0 2px rgba(142,209,240,.22)}
.project-work-icon,.partner-shortcut>span{background:#e7f5fd;color:#087db8}
.chart-line,.chart-point{stroke:#168acb}
.chart-line-two{stroke:#f07824}
.legend i{background:#168acb}
.legend.secondary i{background:#f07824}
.login-screen{background:radial-gradient(circle at top left,#e3f4fd,var(--canvas) 55%)}
:root{--forest:#c2410c;--forest-deep:#075985;--forest-soft:#e8f5fd;--canvas:#f2f8ff;--blue:#55a9d6;--blue-pale:#e8f5fc;--gold:#c2410c;--gold-pale:#fff1e8;--shadow:0 12px 32px rgba(7,89,133,.07)}
.sidebar{background:var(--forest-deep)}
.nav-item.active{background:#0c6b9e;box-shadow:inset 3px 0 #c2410c}
.nav-item.active .nav-icon,.help-spark,.help-card button,.role-switch-button{color:#ffb37f}
.nav-item.active .nav-icon{color:#ffd4bd}
.brand-mark svg{stroke:#ffb37f}
.nav-dot{background:#c2410c}
.nav-count.amber{background:rgba(194,65,12,.23);color:#ffd0ad}
.button-primary{background:var(--forest);box-shadow:0 3px 7px rgba(194,65,12,.18)}
.button-primary:hover{background:#9a3410}
.button-light{color:#a3380b}
.button-light:hover{border-color:#efb18e}
.text-link,.footer a,.table-sort-button:hover{color:#a83a0a}
.table-sort-button:focus-visible{outline-color:#d98251}
.type-filter-button.active,.inventory-view-tab.active{background:#e8f5fd;border-color:#b5dcef;color:#a83a0a}
.profile-menu{background:#075985}
.role-picker-wrap .form-control,.partner-picker-wrap .form-control{background:#0d6598}
.role-picker-wrap .form-control:focus{border-color:#8ed1f0;box-shadow:0 0 0 2px rgba(142,209,240,.22)}
.project-work-icon,.partner-shortcut>span{background:#e8f5fd;color:#087db8}
.chart-line,.chart-point{stroke:#55a9d6}
.chart-line-two,.legend.secondary i{stroke:#c2410c;background:#c2410c}
.legend i{background:#55a9d6}
.login-screen{background:radial-gradient(circle at top left,#e1f2fc,var(--canvas) 55%)}
.section-panel{overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
.section-panel>.panel-head{padding:0 0 10px;border-bottom:1px solid var(--line)}
.section-panel>.toolbar{padding:12px 0;border-bottom:1px solid var(--line);background:transparent}
.section-panel>.table-wrap{border:0;border-radius:0;background:transparent}
.section-panel .table thead th{background:transparent}
.section-panel .table tbody tr{background:transparent}
.inventory-toolbar,.partner-admin-bar{padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.inventory-toolbar{margin-bottom:10px}
.partner-admin-bar{margin-bottom:12px}
.partner-admin-bar+.metric-grid{display:none}
.activity-log-panel{padding-bottom:0}
.activity-log-footer{border-top:1px solid var(--line)}
.inventory-item-row{cursor:pointer}
.inventory-item-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.inventory-item-link{border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit}
.inventory-detail-actions{display:flex;justify-content:flex-end;margin:-8px 0 14px}
.inventory-item-summary{display:grid;grid-template-columns:minmax(170px,.6fr) minmax(260px,1fr);gap:24px;margin-bottom:18px}
.inventory-item-summary>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.inventory-stock-total{font-size:36.8px;color:var(--ink)}
.inventory-stock-total small{font-size:16.1px;font-weight:500;color:var(--muted)}
.inventory-serial-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:10px 0 0}
.inventory-serial-list li{padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:var(--canvas);font-family:monospace}
.field-hint{display:block;margin-top:5px;color:var(--muted);font-size:13.8px}
@media(max-width:640px){.inventory-item-summary{grid-template-columns:1fr;gap:18px}.inventory-detail-actions{justify-content:flex-start}}

/* Vibrant green navigation with a light solar work area. */
:root{
  --forest:#08764b;
  --forest-deep:#07583e;
  --forest-soft:#e8f3ed;
  --canvas:#f5f7f5;
  --ink:#1d2b24;
  --muted:#69766e;
  --paper:#fff;
  --blue:#276b9a;
  --blue-pale:#edf4f8;
  --gold:#e87924;
  --gold-pale:#fff2e8;
  --line:#e5ebe6;
  --shadow:0 10px 28px rgba(30,55,42,.07);
}
body{background:var(--canvas);color:var(--ink);font-size:15.5px;font-weight:400}
.sidebar{background:var(--forest-deep)}
.main-area{background:var(--canvas)}
.topbar{background:rgba(255,255,255,.94);border-color:var(--line);color:var(--ink)}
.breadcrumb,.breadcrumb strong{color:#242018}
.breadcrumb span{color:#857b61}
.icon-button{color:#252116}
.search-inline{color:#514a3b}
.search-inline kbd{background:#fff;border-color:#ded3b3;color:#252116}
.top-divider{background:#ded3b3}
.avatar-top{background:#e7f5e9;color:#07572f}
.icon-button.is-refreshing{animation:workspace-refresh-spin .8s linear infinite;pointer-events:none}
@keyframes workspace-refresh-spin{to{transform:rotate(360deg)}}
.content{color:#111}
.page-head h1,.inventory-stock-total{color:#111}
.page-head p,.eyebrow{color:#494536}
.footer{background:#fff;border-color:var(--line);color:#69766e}
.footer a,.text-link,.table-sort-button:hover{color:#b94e0b}
.panel,.metric-card,.project-work-card,.partner-shortcut,.login-card{
  background:#fff;color:var(--ink);border-color:var(--line);
}
.panel-title,.project-work-section-head h2,.project-work-card-head h3{color:#111}
.panel-subtitle,.metric-label,.project-work-section-head p,.project-work-card-head p{color:#4d4d43}
.metric-value{color:#111}
.section-panel,.section-panel>.table-wrap{background:transparent;color:#111}
.section-panel>.panel-head .panel-title{color:#111}
.section-panel>.panel-head .panel-subtitle{color:#494536}
.section-panel .table thead th{color:#282315;border-color:#e4d7b3}
.section-panel .table tbody tr{color:#111;border-color:#e4d7b3}
.section-panel .table tbody td,.section-panel .table tbody td strong{color:#111}
.section-panel .table tbody td *:not(.status):not(.mini-avatar):not(.avatar):not(button):not(select){color:inherit}
.section-panel .table tbody td .project-name,.section-panel .table tbody td .project-code{color:#111!important}
.section-panel .row-action-button{color:#102d52!important}
.section-panel .empty-state{color:#494536}
.button-primary{background:#e87924;color:#fff;box-shadow:0 3px 9px rgba(232,121,36,.22)}
.button-primary:hover{background:#d76513}
.button-light,.button-secondary,.date-chip,.select-chip{background:#fff;color:#244b3c;border-color:var(--line)}
.button-quiet{background:#e8f7ec;color:#111}
.type-filter-button.active,.inventory-view-tab.active{
  background:#fff0e4;border-color:#f3a36d;color:#a84308;
}
.nav-item.active{background:#08783f;box-shadow:inset 3px 0 #ffab70}
.nav-section-toggle{color:#e1ffeb}
.nav-item,.inventory-nav-item,.project-work-nav-item{font-size:13.8px;font-weight:700}
.nav-item.active .nav-icon,.nav-icon{color:#c3f5d4}
.nav-item.active .nav-icon{color:#ffd3b3}
.nav-dot{background:#ffb37f}
.nav-count.amber{background:rgba(255,255,255,.2);color:#fff3e9}
.brand-mark svg,.help-spark,.help-card button,.role-switch-button{color:#ffe0c4}
.brand-mark svg{stroke:#ffe0c4}
.brand-mark{width:58px;height:42px;flex:0 0 58px;border:1px solid rgba(255,255,255,.45);border-radius:9px;background:#fff;overflow:hidden}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:1px}
.brand{gap:10px}
.login-logo{display:block;width:min(280px,88%);height:210px;object-fit:contain;object-position:center;margin:0 auto 2px;border-radius:10px}
.login-card{overflow:hidden}
.profile-meta strong,.help-card strong{font-weight:800}
.profile-meta span,.help-card p{color:#e1ffeb}
.profile-menu{background:#06773f}
.role-picker-wrap .form-control,.partner-picker-wrap .form-control{background:#08783f;color:#fff}
.role-picker-wrap .form-control:focus{border-color:#ffe0c4;box-shadow:0 0 0 2px rgba(255,224,196,.2)}
.form-control{font-size:13.8px;font-weight:700}
.form-label,.inventory-category-filter,.partner-admin-bar label{font-size:13.8px;font-weight:700}
.table-sort-button{font-size:13.8px;font-weight:800}
.login-screen{background:radial-gradient(circle at top left,#e7f4eb,#f5f7f5 58%)}
.login-card h1{color:#111}
.login-card p{color:#4d4d43}
.login-card .eyebrow{color:#4d4d43}
.login-error{background:#fff0e4;color:#a84308!important}
.project-work-icon,.partner-shortcut>span{background:#e8f7ec;color:#08783f}
.chart-line,.chart-point{stroke:#078b43}
.chart-line-two,.legend.secondary i{stroke:#f07824;background:#f07824}
.legend i{background:#078b43}
.chart-label{fill:#5c5645}
.gridline{stroke:#e8ddc0}
.inventory-serial-list li{background:#f4f7fb}
.field-hint{color:#4d4d43}
.access-role-options{background:#f4f7fb}
.access-role-option{color:#111;font-size:13.8px;font-weight:700}
.inventory-item-row:focus-visible,.table-sort-button:focus-visible{outline-color:#e87924}
.page-head h1,.login-card h1{font-size:27.6px!important}
.metric-value{font-size:26.4px!important}
.inventory-stock-total{font-size:32.2px!important}
.brand strong{font-size:16.1px!important}
.nav-icon,.metric-icon,.notification,.icon-button,.help-spark,.project-work-icon{font-weight:700}
@media(max-width:700px){.topbar{background:#fffdf6}}
.project-work-section{margin:13px 0}
.project-work-section-head{margin-bottom:8px}
.project-work-section-head h2{display:flex;align-items:center;gap:7px;font-size:17.2px!important;letter-spacing:-.2px}
.project-work-section-head h2:before{content:"";width:4px;height:16px;border-radius:4px;background:linear-gradient(180deg,#078b43,#f07824)}
.project-work-section-head p{margin-top:2px;font-size:11.5px!important}
.project-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.project-work-card{gap:7px;padding:9px;border-color:#e6eadc;border-radius:10px;box-shadow:0 3px 10px rgba(20,83,49,.045);transition:border-color .16s,box-shadow .16s,transform .16s}
.project-work-card:hover{transform:translateY(-1px);border-color:#b9d9c3;box-shadow:0 7px 16px rgba(20,83,49,.09)}
.project-work-card-head{gap:8px}
.project-work-card-head h3{font-size:12.6px!important}
.project-work-card-head p{margin-top:2px;font-size:10.4px!important}
.project-work-icon{width:27px;height:27px;border:1px solid rgba(7,139,67,.09);border-radius:8px;font-size:17.2px!important}
.project-work-status,.project-work-assignment,.project-work-assigned{gap:5px;font-size:11.5px!important}
.project-work-status{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}
.project-work-status .form-control{min-width:0}
.project-work-status .status{justify-self:start;padding:4px 9px;border:1px solid #f0dfb3;border-radius:999px;background:#fff7e5;color:#785a16}
.project-work-assignment select[multiple]{min-height:48px;max-height:54px;padding:3px 6px;border:1px solid #dce8dd;border-radius:8px;background:linear-gradient(135deg,#fbfefb,#f3f9f3);color:#193c2b}
.project-work-assignment select[multiple] option{padding:4px 6px;border-radius:4px}
.project-work-assignment select[multiple] option:checked{background:#dff2e4 linear-gradient(0deg,#dff2e4,#dff2e4);color:#075b31}
.project-work-card .button{padding:7px 10px;border-radius:7px;font-size:11.5px!important}
.project-work-payments{gap:5px}
.project-work-payment{gap:7px;padding-top:6px}
@media(max-width:1000px){.project-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.project-work-grid{grid-template-columns:minmax(0,1fr)}}
.project-work-payment-link{gap:2px}
.project-work-payment-link strong,.project-work-payment-link span,.project-work-empty{font-size:10.9px!important}
.project-work-payment .form-control{min-width:110px}
.project-work-section{margin:8px 0}
.project-work-section-head{margin-bottom:5px}
.project-work-section-head h2{font-size:15px!important}
.project-work-section-head h2:before{height:13px}
.top-profile-wrap{position:relative}
.avatar-top.profile-menu-toggle{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:50%;font-size:12.6px;font-weight:700;cursor:pointer}
.avatar-top.profile-menu-toggle:hover,.avatar-top.profile-menu-toggle:focus-visible{border-color:#abd9f0;outline:2px solid rgba(8,125,184,.18);outline-offset:2px}
.profile-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:20;width:min(260px,calc(100vw - 24px));gap:4px;margin:0;padding:8px;background:#fff;border:1px solid #dce8ef;border-radius:10px;box-shadow:0 12px 32px rgba(20,52,72,.18)}
.profile-menu[hidden]{display:none}
.profile-menu-user{display:grid;gap:3px;padding:8px 9px 11px;margin-bottom:3px;border-bottom:1px solid #e8eff4}
.profile-menu-user strong{overflow:hidden;color:#233b4a;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.profile-menu-user span,.profile-menu-user small{overflow:hidden;color:#71828d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.profile-menu button{width:100%;border:0;border-radius:6px;background:transparent;color:#344b59;text-align:left;padding:9px 10px;font-size:13px}
.profile-menu button:hover,.profile-menu button:focus-visible{background:#edf6fb;color:#075985;outline:none}
.project-work-section-head p{font-size:10.4px!important}
.project-work-grid{gap:6px}
.project-work-card{gap:5px;padding:6px;border-radius:8px}
.project-work-card-head{gap:6px}
.project-work-card-head h3{font-size:11.5px!important}
.project-work-card-head p{display:none}
.project-work-icon{width:21px;height:21px;border-radius:6px;font-size:13.8px!important}
.project-working-users-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.7fr) minmax(220px,1fr) auto;align-items:end;gap:12px;min-width:0;margin:0 0 10px;padding:14px;border:1px solid #e5ebe6;border-radius:11px;background:linear-gradient(115deg,#fff,#f7fbf7);box-shadow:0 3px 10px rgba(20,83,49,.045)}
.project-working-users-card>.project-work-card-head{grid-column:1/-1}
.project-working-users-card .project-work-card-head p{display:block}
.working-users-process{display:grid;gap:5px;min-width:0;color:#65766a;font-size:11.5px;font-weight:700}
.working-users-process .form-control{min-width:0}
.project-working-users-card>.working-users-selection{grid-column:2/-1}
.working-users-selection{display:flex;align-items:center;gap:8px;min-width:0}
.project-work-assignee-list{display:flex;flex-wrap:wrap;gap:5px;grid-column:1/-1}
.project-work-assignee-chip,.project-work-assignee-empty{padding:4px 7px;border:1px solid #dfe9e0;border-radius:999px;background:#f7faf7;color:#34443a;font-size:10.8px;font-weight:600}
.project-work-assignee-empty{border-style:dashed;color:#77837b}
.project-work-assignment>.working-users-selection{grid-column:1/-1;width:100%}
.working-users-dropdown{position:relative;flex:1;min-width:0}
.working-users-dropdown>summary{overflow:hidden;min-height:38px;padding:9px 32px 9px 11px;border:1px solid #dce8dd;border-radius:8px;background:#fff;color:#34443a;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.working-users-dropdown>summary::marker{color:#49775a}
.working-users-options{position:absolute;top:calc(100% + 4px);left:0;z-index:5;display:grid;gap:2px;width:max(100%,240px);max-height:240px;overflow:auto;padding:7px;border:1px solid #dce8dd;border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(25,54,42,.14)}
.working-user-option{display:flex;align-items:center;gap:8px;min-width:0;padding:7px;border-radius:5px;color:#34443a;font-size:11.5px;cursor:pointer}
.working-user-option:hover{background:#f2f7f3}
.working-user-option input{flex:none;accent-color:#16865a}
.working-user-option span{overflow-wrap:anywhere}
.project-work-status{gap:5px;font-size:10.4px!important}
.project-work-status .status{padding:3px 6px;font-size:10.4px}
.project-work-assignment{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:4px;font-size:10.4px!important}
.project-work-assignment>span{grid-column:1/-1}
.project-work-assignment select[multiple]{grid-column:1;min-width:0}
.project-work-assignment .button{grid-column:2}
.project-work-assigned{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:4px;font-size:10.4px!important}
.project-work-assigned{grid-template-columns:max-content minmax(0,1fr)}
.project-work-assigned strong{font-size:10.4px}
.project-work-assignment select[multiple]{width:100%;height:32px;min-height:32px;max-height:32px;padding:1px 3px;font-size:10.4px}
.project-work-assignment select[multiple] option{padding:2px}
.project-work-card .button{padding:4px 6px;border-radius:6px;font-size:9.2px!important}
.project-work-payment{gap:4px;padding-top:4px}
.project-work-payment-link strong,.project-work-payment-link span,.project-work-empty{font-size:9.2px!important}
.project-work-payment .form-control{min-width:80px;height:26px;padding:3px 5px;font-size:9.2px}
@media(max-width:380px){.project-work-assignment{grid-template-columns:minmax(0,1fr) max-content}}
@media(max-width:650px){.project-work-card{padding:10px}.project-work-grid{gap:8px}}
@media(max-width:700px){.project-working-users-card{grid-template-columns:minmax(0,1fr)}.project-working-users-card>.project-work-card-head{grid-column:auto}.project-working-users-card>.working-users-selection{grid-column:auto}.project-working-users-card>.working-users-selection>.project-work-assigned{grid-column:auto}}
.assigned-work-list{display:grid;gap:4px;min-width:150px}.assigned-work-line{display:block;color:#34443a;font-size:11.5px;line-height:1.35}.assigned-work-line small{color:#718078;font-weight:700}.project-work-card-highlight{outline:2px solid #45956b;outline-offset:3px;transition:outline-color .2s}
.project-filing-fields{display:grid;gap:8px;color:#718078;font-size:11.5px;font-weight:600}.project-filing-fields label{display:grid;gap:4px}.project-filing-fields .form-control{min-width:0}.project-work-status select[multiple]{min-height:78px;padding:5px 8px}
.project-status-list{display:grid;justify-items:start;gap:4px;width:100%;min-width:0}.project-status-list>span{display:grid;gap:2px;min-width:0;max-width:100%}.project-status-list small{color:#718078;font-size:10.4px;font-weight:700;overflow-wrap:anywhere}.project-status-list .status{max-width:100%;white-space:normal;text-align:left;overflow-wrap:anywhere}
.project-status-list .status-progress-cell{width:100%;min-width:0}.project-status-list .status-progress-cell .status-progress-track{width:100%}
.status-update-meta{display:block;color:#748078;font-size:10.4px;font-weight:500;line-height:1.35}
.project-document-picker{display:grid;gap:8px}.project-document-picker-actions{display:flex;flex-wrap:wrap;gap:8px}.project-document-picker-actions label{position:relative;overflow:hidden}.project-document-picker-actions input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.project-document-selection{color:#66756c;font-size:12.6px;overflow-wrap:anywhere}
.dashboard-finance{margin:0 0 18px}.dashboard-finance-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 9px}.dashboard-finance-head h2{margin:0;color:#334238;font:700 16.1px Manrope,sans-serif}.dashboard-finance-head>span{color:#87928a;font-size:10.4px}.finance-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.finance-dashboard-grid .metric-card{min-width:0;min-height:82px;padding:9px 10px}.finance-dashboard-grid .metric-label{font-size:10.4px}.finance-dashboard-grid .metric-icon{width:22px;height:22px;font-size:13.8px}.finance-dashboard-grid .metric-value{font-size:19.5px;overflow-wrap:anywhere;margin:5px 0 3px}.finance-dashboard-grid .metric-bottom{font-size:9.2px;line-height:1.3}
.finance-dashboard-grid .metric-link{text-align:left;color:inherit}.finance-dashboard-grid .metric-link:focus-visible{outline:2px solid #3a8d61;outline-offset:2px}
@media(max-width:650px){.dashboard-finance-head{align-items:flex-start;flex-direction:column;gap:3px}.finance-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.finance-dashboard-grid .metric-card{padding:10px}.finance-dashboard-grid .metric-value{font-size:19.5px}}
@media(max-width:380px){.finance-dashboard-grid{grid-template-columns:minmax(0,1fr)}}

/* Consistent spacing and hierarchy across dashboards, lists, and detail panels. */
.content{max-width:1480px;padding-top:32px}
.page-head{margin-bottom:24px;gap:16px}
.page-back-button{display:grid;place-items:center;width:38px;min-width:38px;height:38px;margin-bottom:10px;padding:0;font-size:21px;line-height:1}
.page-head h1{color:#172a20;letter-spacing:-.55px}
.page-head p,.panel-subtitle,.metric-bottom{color:#718078}
.eyebrow{color:#6b8274}
.panel,.metric-card,.project-work-card,.partner-shortcut{
  border-color:#e5ebe6;
  border-radius:13px;
  box-shadow:0 3px 12px rgba(27,55,39,.035);
}
.panel{overflow:hidden}
.panel-head{padding:17px 19px 14px}
.panel-title{font-size:15px;font-weight:700;color:#263b2e}
.panel-subtitle{font-size:11.5px;line-height:1.5}
.metric-grid{gap:14px;margin-bottom:17px}
.metric-card{position:relative;min-height:119px;padding:17px 18px 15px;transition:transform .18s,border-color .18s,box-shadow .18s}
.metric-card:before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#08764b,#8abe91);content:""}
.metric-card:hover,.partner-shortcut:hover{
  transform:translateY(-2px);
  border-color:#c9ddd0;
  box-shadow:0 9px 22px rgba(27,55,39,.09);
}
.metric-label{font-size:12.6px;color:#718078}
.metric-value{color:#1d3327}
.metric-icon{width:30px;height:30px;border-radius:9px}
.dashboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.dashboard-summary-card{width:100%;text-align:left;color:inherit}
.dashboard-summary-details{display:grid;gap:5px;margin:9px 0;color:#627268;font-size:11.5px;line-height:1.4}
.dashboard-summary-details>span{overflow-wrap:anywhere}
.dashboard-summary-card .metric-bottom{margin-top:auto}
.dashboard-workflow-summary{grid-column:1/-1}
.dashboard-workflow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;margin-top:9px}
.dashboard-workflow-row{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:10px;align-items:start;padding:7px 0;border:0;border-top:1px solid #e7eee9;background:transparent;color:#34443a;text-align:left;cursor:pointer}
.dashboard-workflow-row strong{font-size:11.5px}
.dashboard-workflow-row span{color:#68776e;font-size:10.5px;line-height:1.4;overflow-wrap:anywhere}
.dashboard-workflow-row:hover strong,.dashboard-workflow-row:focus-visible strong{color:#08764b;text-decoration:underline}
.dashboard-workflow-row:focus-visible{outline:2px solid #3a8d61;outline-offset:2px}
@media(max-width:900px){.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.dashboard-summary-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.dashboard-workflow-list{grid-template-columns:minmax(0,1fr)}}
.dashboard-finance{margin-bottom:20px}
.dashboard-finance-head{margin-bottom:11px}
.dashboard-finance-head h2{color:#243a2d;font-size:17.2px}
.finance-dashboard-grid{gap:10px}
.finance-dashboard-grid .metric-card{min-height:94px;padding:12px 13px}
.finance-dashboard-grid .metric-label{font-size:11.5px}
.finance-dashboard-grid .metric-value{font-size:21.8px}
.dashboard-layout,.bottom-grid{gap:17px;margin-bottom:17px}
.section-panel,.project-detail-related{margin-bottom:16px}
.section-panel>.panel-head{padding-bottom:15px}
.table-wrap{border-top:1px solid #edf1ed}
.table thead th{background:#f8faf8;color:#68776e}
.table tbody tr{transition:background-color .14s}
.table tbody tr:hover{background:#f7faf7}
.form-control,.date-chip,.select-chip{
  min-height:38px;
  border-color:#dfe7e1;
  border-radius:8px;
}
.form-control:focus{border-color:#76a88a;box-shadow:0 0 0 3px rgba(8,118,75,.11)}
.button{border-radius:8px;transition:transform .16s,box-shadow .16s,background-color .16s}
.button-primary:hover{box-shadow:0 5px 13px rgba(232,121,36,.24)}
.button-light:hover{background:#f8faf8;border-color:#c8d9ce}
.project-detail-document-actions{margin:0 0 14px}
.support-contact-action{width:38px;height:38px;padding:0}.support-contact-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.customer-cell-details .support-contact-action{width:27px;height:27px;padding:0}.customer-cell-details .support-contact-action svg{width:14px;height:14px}
.project-customer-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:13px 16px}.project-customer-actions>div:first-child{display:grid;gap:4px}.project-customer-actions>div:first-child strong{color:#294d36;font-size:13px}.project-customer-actions>div:first-child small{color:#718076;font-size:11px}.customer-cell-details .support-contact-actions-list{margin-top:4px;gap:5px}.customer-cell-details .support-contact-action{min-height:25px;padding:4px 7px;font-size:9.5px}.project-customer-actions .support-contact-action{min-height:36px}
@media(max-width:560px){.project-customer-actions{align-items:flex-start;flex-direction:column}}
.project-detail-groups{gap:16px}
.project-detail-section{padding:19px}
.project-detail-section h2{font-size:15.5px;color:#244733}
.project-detail-section .detail-field{border-radius:8px;background:#f9fbf9}
.project-detail-section .detail-field strong{color:#26392e}
.project-detail-related{padding-bottom:0}
.official-document-row,.project-work-payment{
  border-color:#e8eee9;
  border-radius:9px;
  background:#fcfdfc;
}
.official-document-row{padding:10px 12px}
.official-document-icon{width:38px;height:38px;border-radius:9px}
.project-work-section{margin:16px 0}
.project-work-section-head{margin-bottom:10px}
.project-work-section-head h2{font-size:17.2px!important;color:#20382a}
.project-work-section-head p{font-size:11.5px!important}
.project-work-grid{gap:11px}
.project-work-card{gap:10px;padding:13px;border-radius:12px}
.project-work-card-head h3{font-size:13.8px!important}
.project-work-card-head p{display:block;font-size:11.5px!important}
.project-work-icon{width:31px;height:31px;border-radius:9px}
.project-work-status,.project-work-assignment,.project-work-assigned{font-size:11.5px!important}
.project-work-card .button{padding:7px 10px;font-size:11.5px!important}
.project-work-empty{color:#738178}
.empty-state{border-radius:10px;background:#f8faf8}
.status{font-weight:600}
.finance-dashboard-grid .metric-link:hover .metric-value{color:#08764b}
:focus-visible{outline-color:#08764b}
@media(max-width:850px){
  .content{padding:24px 22px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-detail-groups{gap:12px}
}
@media(max-width:560px){
  .content{padding:18px 14px 24px}
  .page-head{align-items:flex-start;flex-direction:column;margin-bottom:18px}
  .page-head h1{font-size:26.4px!important}
  .metric-grid{gap:9px}
  .metric-card{min-height:104px;padding:14px}
  .panel-head{padding:14px}
  .project-detail-section{padding:14px}
  .project-work-card{padding:11px}
}
.dashboard-insights,.dashboard-business-graphs{margin:18px 0 20px}
.dashboard-insights-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:11px}
.dashboard-insights-heading h2{margin:0;color:#20382a;font:700 17.2px Manrope,sans-serif}
.dashboard-insights-heading p{margin:4px 0 0;color:#718078;font-size:11.5px}
.dashboard-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dashboard-insight-card{min-width:0;padding:14px 15px}
.dashboard-insight-head{margin-bottom:11px}
.dashboard-insight-title{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:transparent;color:#273c30;text-align:left}
.dashboard-insight-title span{font:700 13.8px Manrope,sans-serif}
.dashboard-insight-title b{margin-left:auto;color:#173d2b;font:700 23px Manrope,sans-serif}
.dashboard-insight-title i{color:#789181;font-size:15px;font-style:normal}
.dashboard-insight-title:hover span{color:#08764b}
.dashboard-insight-head>small{display:block;margin-top:3px;color:#7a8780;font-size:10.4px}
.dashboard-chart-rows{display:grid;gap:8px}
.dashboard-chart-row{display:grid;grid-template-columns:minmax(72px,1fr) minmax(50px,1.35fr) 22px auto;align-items:center;gap:7px;min-width:0}
.dashboard-chart-row>span{overflow:hidden;color:#65746a;font-size:10.4px;text-overflow:ellipsis;white-space:nowrap}
.dashboard-chart-track{height:7px;overflow:hidden;border-radius:8px;background:#edf2ee}
.dashboard-chart-bar{display:block;height:100%;min-width:0;border-radius:inherit;background:#16865a;transition:width .25s ease}
.dashboard-chart-bar.bar-1{background:#5d9bc2}
.dashboard-chart-bar.bar-2{background:#e0ad4d}
.dashboard-chart-bar.bar-3{background:#d68166}
.dashboard-chart-bar.bar-4{background:#8b79b5}
.dashboard-chart-bar.bar-5{background:#6a9b78}
.dashboard-chart-row>strong{color:#415249;font-size:10.4px;text-align:right}
.dashboard-chart-amount{min-width:58px;color:#52695c;font-size:10.4px;text-align:right;white-space:nowrap}
.dashboard-chart-meta{display:grid;justify-items:end;gap:2px;min-width:58px}
.dashboard-chart-capacity{color:#16865a;font-size:10.4px;font-weight:700;text-align:right;white-space:nowrap}
.dashboard-value-chart-rows{display:grid;gap:13px;padding:5px 0}
.dashboard-value-chart-row{display:grid;grid-template-columns:minmax(82px,.8fr) minmax(60px,1.35fr) auto;align-items:center;gap:9px;min-width:0}
.dashboard-value-chart-row>span{color:#65746a;font-size:10.8px}
.dashboard-value-chart-row>strong{color:#415249;font-size:10.4px;text-align:right;white-space:nowrap}
.dashboard-chart-empty{padding:8px 0;color:#7a8780;font-size:10.4px}
.dashboard-insight-total{display:grid;justify-items:end;gap:2px;margin-left:auto;color:#08764b;font:700 12.6px Manrope,sans-serif;white-space:nowrap}
.dashboard-insight-total small{font-size:11.5px}
.dashboard-insight-title b{margin-left:0}
@media(max-width:1050px){.dashboard-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.dashboard-insights-grid{grid-template-columns:minmax(0,1fr)}.dashboard-insights-heading{align-items:flex-start}.dashboard-insight-card{padding:13px}}

/* Focused sales workspace polish for lead and project workflows. */
.sales-record-head,
.sales-detail-page .page-head{align-items:flex-start;gap:18px;padding:19px 21px;margin:0 0 16px;border:1px solid #e3ece5;border-radius:13px;background:linear-gradient(115deg,#fff 0%,#f6fbf7 72%,#fff8f1 100%);box-shadow:0 5px 18px rgba(24,67,43,.045)}
.sales-record-head h1,
.sales-detail-page .page-head h1{margin:4px 0 6px;color:#183b2b;font-size:29.9px!important}
.sales-record-head .eyebrow,
.sales-detail-page .page-head .eyebrow{color:#36815a;letter-spacing:1.2px}
.sales-record-head p,
.sales-detail-page .page-head p{max-width:680px;color:#68796e;line-height:1.55}
.sales-record-head .head-right,
.sales-detail-page .head-right{align-self:flex-start;justify-content:flex-end;flex-wrap:wrap}
.sales-record-head .head-right .button,
.sales-detail-page .head-right .button,
.sales-detail-page .project-detail-document-actions .button{min-height:38px;justify-content:center;border-radius:8px}
.sales-record-head .head-right .button-primary,
.sales-detail-page .head-right .button-primary{border:1px solid #df6a18;background:linear-gradient(135deg,#f28a32,#dc6818);box-shadow:0 5px 13px rgba(220,104,24,.22);font-weight:700}
.sales-record-head .head-right .button-primary:hover,
.sales-detail-page .head-right .button-primary:hover{background:linear-gradient(135deg,#f59a4d,#cc5a12);box-shadow:0 7px 16px rgba(220,104,24,.3);transform:translateY(-2px)}
.sales-record-head .head-right .button-light,
.sales-detail-page .head-right .button-light,
.sales-detail-page .project-detail-document-actions .button-light{border-color:#cfdfd2;background:#fff;color:#28573a;font-weight:650;box-shadow:0 2px 5px rgba(24,67,43,.045)}
.sales-record-head .head-right .button-light:hover,
.sales-detail-page .head-right .button-light:hover,
.sales-detail-page .project-detail-document-actions .button-light:hover{border-color:#86b393;background:#f2f8f3;color:#145532;box-shadow:0 4px 10px rgba(24,67,43,.09);transform:translateY(-1px)}
.sales-record-head .head-right .button:focus-visible,
.sales-detail-page .head-right .button:focus-visible,
.sales-detail-page .project-detail-document-actions .button:focus-visible{outline:3px solid rgba(45,129,75,.28);outline-offset:2px}
.sales-detail-page .project-detail-section-head .text-link{padding:7px 10px;border:1px solid #d8e6da;border-radius:7px;background:#f5faf5;color:#2b7044;font-weight:700}
.sales-detail-page .project-detail-section-head .text-link:hover{border-color:#94bd9c;background:#eaf5ec;color:#155b30}
.project-payment-receipt-row{display:flex;align-items:center;gap:8px;min-width:0}
.project-payment-receipt-row .detail-related-item{flex:1}
.project-receipt-button{flex:none;min-height:34px;padding:7px 10px;border-color:#d5e5d8;border-radius:7px;background:#f5faf6;color:#27653c;font-size:10.9px;font-weight:700}
.project-receipt-button:hover{border-color:#83b48f;background:#eaf5ec;color:#155b30}
.project-receipt-button:focus-visible{outline:3px solid rgba(45,129,75,.25);outline-offset:2px}
.records-summary{gap:12px;margin:0 0 16px}
.records-summary .metric-card{min-height:104px;padding:14px 16px;border-radius:11px;box-shadow:0 4px 13px rgba(29,67,43,.045);transition:transform .16s ease,box-shadow .16s ease}
.records-summary .metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(29,67,43,.08)}
.records-summary .metric-label{color:#65766a;font-size:12.6px;font-weight:600}
.records-summary .metric-value{margin:8px 0 4px;color:#183b2b;font-size:26.4px!important}
.records-summary .metric-bottom{color:#849188;font-size:11.5px}
.records-panel{overflow:hidden!important;border:1px solid #e5ebe6!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 18px rgba(24,67,43,.045)!important}
.records-panel>.panel-head{padding:17px 19px 8px!important;border:0!important}
.records-panel>.panel-head .panel-title{color:#203d2d!important;font-size:16.1px}
.records-panel>.panel-head .panel-subtitle{color:#829087!important;font-size:11.5px}
.records-panel>.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 19px 15px!important;border-bottom:1px solid #edf1ed!important;background:#fbfdfb!important}
.records-panel .filter-input{flex:1 1 220px;min-width:190px;height:38px;padding:0 12px;border:1px solid #dfe8e1;border-radius:8px;background:white;color:#263b2e;font-size:12.6px}
.records-panel .filter-input:focus{border-color:#76a98a;outline:0;box-shadow:0 0 0 3px rgba(67,137,91,.1)}
.records-panel .select-chip{min-height:37px;border-color:#dfe8e1;border-radius:8px;background:#fff;color:#405448;font-size:12.1px}
.records-panel .button-light{min-height:37px;border-radius:8px}
.records-panel>.table-wrap{overflow:auto;border:0!important;border-radius:0!important;background:#fff!important}
.records-panel .data-table{border-collapse:separate;border-spacing:0;color:#304136}
.records-panel .data-table thead th{position:sticky;top:0;z-index:1;padding:12px 10px;border-bottom:1px solid #e7eee8;background:#f5f9f6!important;color:#64766a!important}
.records-panel .data-table .table-sort-button{font-size:11.5px;line-height:1.4;color:#506457}
.records-panel .data-table tbody td{padding:12px 10px;border-bottom:1px solid #eef2ee;color:#47564b;font-size:12.1px;line-height:1.5;vertical-align:middle}
.records-panel .data-table tbody tr{background:#fff!important;transition:background .14s ease}
.records-panel .data-table tbody tr:nth-child(even){background:#fbfdfb!important}
.records-panel .data-table tbody tr:hover{background:#f2f8f3!important}
.records-panel .data-table tbody tr:last-child td{border-bottom:0}
.records-panel .data-table tbody td .lead-person,
.records-panel .data-table tbody td .customer-cell{gap:9px;color:#263c2e!important}
.records-panel .data-table[data-table-page="projects"] tbody td .project-identity-cell{display:grid;gap:6px;min-width:0}
.records-panel .data-table[data-table-page="projects"] tbody td .project-identity-cell>.customer-cell{align-items:flex-start}
.records-panel .data-table tbody td .customer-cell-details{display:grid;min-width:0;gap:2px}
.records-panel .data-table tbody td .customer-cell-details strong{overflow-wrap:anywhere;color:#203b2c!important;font-size:11.5px;font-weight:700}
.records-panel .data-table tbody td .customer-cell-details small{overflow-wrap:anywhere;color:#738177!important;font-size:9.8px;line-height:1.3}
.records-panel .data-table tbody td .lead-person strong,
.records-panel .data-table tbody td .project-name{color:#203b2c!important;font-size:12.6px;font-weight:700}
.records-panel .data-table tbody td .lead-person small{margin-top:3px;color:#839087!important;font-size:10.9px}
.records-panel .data-table tbody td .project-code{margin-top:4px;color:#87948a!important;font-size:10.4px}
.records-panel .data-table .status-progress-track{height:6px;border-radius:8px;background:#edf2ed}
.records-panel .data-table .project-status-list{grid-template-columns:minmax(0,1fr);gap:1px}
.records-panel .data-table .project-status-list>span{display:grid;grid-template-columns:minmax(65px,.65fr) minmax(0,1.35fr);align-items:center;gap:6px;padding:2px 0;border:0;border-bottom:1px solid #edf1ed;border-radius:0;background:transparent}
.records-panel .data-table .project-status-list>span:last-child{border-bottom:0}
.records-panel .data-table .project-status-list small{color:#7c8d80!important;font-size:9.7px}
.records-panel .data-table .project-status-list .status-progress-cell{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"status percent" "bar bar";align-items:center;justify-items:stretch;gap:3px 5px;width:100%;min-width:0}
.records-panel .data-table .project-status-list .status{grid-area:status;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;font-size:9.2px}
.records-panel .data-table .project-status-list .status-progress-track{grid-area:bar;width:100%;height:5px}
.records-panel .data-table .project-status-list .status-progress-cell>small{grid-area:percent}
.records-panel .data-table .project-status-list .status-progress-cell>small{font-size:8.6px;white-space:nowrap}
.records-panel .data-table .project-assignee strong{color:#304d3a;font-size:10.4px}
.records-panel .row-action-button{width:30px;height:30px;border-radius:8px;background:#f1f7f2!important;color:#34734c!important}
.records-panel .row-action-button:hover{background:#e4f1e7!important}
.records-panel .data-table[data-table-page="projects"] tbody td{vertical-align:top}
.sales-detail-page .project-detail-head-actions{align-self:flex-start}
.sales-detail-page .project-detail-head-actions .button{min-height:36px;padding:8px 12px}
.sales-detail-page .project-detail-section,
.sales-detail-page .project-detail-related{border:1px solid #e5ebe6;border-radius:11px;background:#fff;box-shadow:0 4px 15px rgba(24,67,43,.035)}
.sales-detail-page .project-detail-section-head{border-color:#eaf0eb}
.sales-detail-page .project-detail-section-head h2,
.sales-detail-page .panel-title{color:#244532}
.sales-detail-page .project-detail-section .detail-field{padding:12px 9px;border-bottom-color:#edf2ee}
.sales-detail-page .project-detail-section .detail-field span{color:#78877c}
.sales-detail-page .project-detail-section .detail-field strong{color:#2b3f32;font-weight:600}
.sales-detail-lead .project-detail-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.sales-detail-lead .project-detail-section:last-child:nth-child(odd){grid-column:1/-1}
.sales-detail-page .project-detail-document-actions{margin:0 0 14px;padding:12px;border:1px solid #e5ebe6;border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(24,67,43,.03)}
.sales-detail-page .project-work-section{margin:0 0 14px;padding:15px;border:1px solid #e5ebe6;border-radius:11px;background:#fff;box-shadow:0 4px 15px rgba(24,67,43,.035)}
.sales-detail-project>.panel{margin-bottom:13px}
.sales-detail-project .project-detail-groups{gap:13px}
@media(max-width:1050px){
  .records-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .sales-record-head,.sales-detail-page .page-head{flex-direction:column;align-items:stretch;padding:16px}
  .sales-record-head .head-right,.sales-detail-page .head-right{justify-content:flex-start}
  .sales-record-head .head-right .button,.sales-detail-page .head-right .button{flex:1 1 auto}
  .records-summary{gap:8px}
  .records-summary .metric-card{min-height:94px;padding:12px}
  .records-summary .metric-value{font-size:21.8px!important}
  .records-panel>.panel-head{padding:14px 14px 7px!important}
  .records-panel>.toolbar{padding:10px 14px 13px!important}
  .records-panel .filter-input{flex-basis:100%;width:100%}
  .records-panel>.toolbar .select-chip{flex:1 1 125px}
  .sales-detail-lead .project-detail-groups{grid-template-columns:1fr}
  .sales-detail-lead .project-detail-section:last-child:nth-child(odd){grid-column:auto}
  .sales-detail-page .project-detail-document-actions .button{flex:1 1 145px}
  .project-payment-receipt-row{align-items:stretch;flex-direction:column}
  .project-payment-receipt-row .project-receipt-button{align-self:flex-end}
}
@media(max-width:420px){.records-summary{grid-template-columns:1fr}.records-summary .metric-card{min-height:82px}}

/* Keep list columns readable while fitting the available page width. */
.table-wrap{width:100%;overflow-x:hidden}
.table-wrap .table,
.records-panel .data-table{width:100%;min-width:0!important;table-layout:auto}
/* Keep the identifying first column in view while Leads and Projects scroll sideways. */
.records-panel .data-table[data-table-page="leads"] thead th:first-child,
.records-panel .data-table[data-table-page="projects"] thead th:first-child,
.records-panel .data-table[data-table-page="leads"] tbody td:first-child,
.records-panel .data-table[data-table-page="projects"] tbody td:first-child{position:sticky;left:0;min-width:96px;background:#fff;box-shadow:2px 0 5px rgba(25,54,42,.06)}
.records-panel .data-table[data-table-page="leads"] thead th:first-child,
.records-panel .data-table[data-table-page="projects"] thead th:first-child{z-index:3;background:#f5f9f6!important}
.records-panel .data-table[data-table-page="leads"] tbody td:first-child,
.records-panel .data-table[data-table-page="projects"] tbody td:first-child{z-index:2}
.records-panel .data-table[data-table-page="leads"] tbody tr:nth-child(even) td:first-child,
.records-panel .data-table[data-table-page="projects"] tbody tr:nth-child(even) td:first-child{background:#fbfdfb}
.records-panel .data-table[data-table-page="leads"] tbody tr:hover td:first-child,
.records-panel .data-table[data-table-page="projects"] tbody tr:hover td:first-child{background:#f2f8f3!important}
.table-wrap .table th,
.records-panel .data-table th{padding:11px 8px;font-size:12.6px;font-weight:750;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.table-wrap .table td,
.records-panel .data-table td{padding:10px 8px;font-size:13.8px;font-weight:550;line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.table-wrap .table td strong,
.records-panel .data-table td strong{font-weight:700}
.records-panel .data-table .button,
.records-panel .data-table button{max-width:100%;white-space:normal}
.records-panel .data-table[data-table-page="projects"] tbody td:nth-child(-n+3){font-size:13.8px;font-weight:700}
.records-panel .data-table[data-table-page="projects"] tbody td:nth-child(-n+3) .project-name{font-size:12.6px;font-weight:700}
.records-panel .data-table[data-table-page="projects"] tbody td:nth-child(-n+3) .project-code{font-size:10.4px;font-weight:700}
.records-panel .data-table[data-table-page="projects"] tbody td:nth-child(-n+3) .project-created small{font-size:9.2px;font-weight:700}
.records-panel .data-table[data-table-page="projects"] tbody td:nth-child(-n+3) .customer-cell-details strong{font-size:11.5px;font-weight:700}
.records-panel .data-table[data-table-page="projects"] tbody td:nth-child(-n+3) .customer-cell-details small{font-size:9.8px;font-weight:700}
@media(max-width:850px){
  .table-wrap .table th,.records-panel .data-table th{padding:9px 5px;font-size:11.5px}
  .table-wrap .table td,.records-panel .data-table td{padding:8px 5px;font-size:12.6px}
}
@media(max-width:560px){
  .table-wrap .table th,.records-panel .data-table th{padding:8px 4px;font-size:10.4px}
  .table-wrap .table td,.records-panel .data-table td{padding:7px 4px;font-size:11.5px}
}
.record-activity{margin-top:14px;padding-bottom:12px}
.record-activity .panel-head{padding-bottom:10px}
.record-activity-list{display:grid;gap:0;padding:0 16px}
.record-activity-event{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.4fr) minmax(150px,.8fr);gap:12px;align-items:center;padding:11px 4px;border-top:1px solid #edf1ed;font-size:12.6px}
.record-activity-event strong{color:#344b3b;font-weight:750}
.record-activity-event span{color:#66746a;overflow-wrap:anywhere}
.record-activity-event time{color:#87938a;text-align:right;white-space:nowrap}
@media(max-width:560px){.record-activity-list{padding:0 12px}.record-activity-event{grid-template-columns:minmax(0,1fr);gap:4px}.record-activity-event time{text-align:left}}

.inventory-summary-section{margin:18px 0 20px}
.inventory-summary-section .dashboard-insights-heading{margin-bottom:10px}
.inventory-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.inventory-summary-card{min-width:0;width:100%;text-align:left;cursor:pointer}
.inventory-summary-card .metric-value{font-size:20.7px;line-height:1.3;overflow-wrap:anywhere}
.inventory-summary-breakdown,.inventory-summary-balance,.inventory-unpriced-note{display:block;color:var(--muted);font-size:10.8px;line-height:1.4;overflow-wrap:anywhere}
.inventory-summary-balance{margin-top:4px;color:#334239;font-weight:700}
.inventory-unpriced-note{margin-top:5px;color:#9b5718;font-weight:700}
.inventory-low-stock-preview{color:var(--muted);font-size:10.8px;line-height:1.5;overflow-wrap:anywhere}
.inventory-transaction-summary-card{grid-column:1/-1}
.inventory-transaction-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 10px}
.inventory-transaction-totals>div{display:grid;gap:2px}
.inventory-transaction-totals>div>span,.inventory-transaction-totals small{color:var(--muted);font-size:10.8px;line-height:1.35}
.inventory-transaction-totals .metric-value{font-size:20.7px;font-weight:750}
.inventory-transaction-breakdown{border-top:1px solid #e7ece8}
.inventory-transaction-heading,.inventory-transaction-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(130px,1fr) minmax(130px,1fr);gap:10px;align-items:center}
.inventory-transaction-heading{padding:7px 0 5px;color:var(--muted);font-size:10px;font-weight:700}
.inventory-transaction-row{padding:5px 0;border-top:1px solid #edf1ed;font-size:10.8px}
.inventory-transaction-row span:first-child{font-weight:700;color:#344b3b}
.inventory-transaction-row span:not(:first-child){color:#526359;font-variant-numeric:tabular-nums}
.inventory-summary-card .metric-bottom{font-size:10.4px;line-height:1.35}
.inventory-price-preview{display:grid;gap:5px;margin:0 0 14px;padding:13px 16px;color:var(--muted);font-size:12px}
.inventory-price-preview strong{color:var(--ink);font-size:13px}
.inventory-transaction-lines{display:grid;grid-column:1/-1;gap:10px}
.inventory-transaction-line{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfdfb}
.inventory-transaction-line-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);font-size:13px}
.inventory-transaction-line-heading .button{padding:5px 9px;font-size:11px}
.inventory-transaction-line-fields{padding:0}
.inventory-add-transaction-item{justify-self:start}
.inventory-available-serials{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.inventory-price-preview b{color:var(--forest)}
.inventory-movement-price{display:block;margin-top:4px;color:var(--muted);font-size:10.8px;line-height:1.4}
.inventory-nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.inventory-nav-count{min-width:18px;padding:1px 5px;border-radius:10px;background:rgba(255,255,255,.1);color:#d8e4dc;text-align:center;font-size:10.4px;font-weight:700}
@media(max-width:1050px){.inventory-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.inventory-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-summary-card{padding:12px}}
@media(max-width:650px){.inventory-transaction-heading,.inventory-transaction-row{grid-template-columns:minmax(88px,.8fr) minmax(105px,1fr) minmax(105px,1fr);gap:6px}.inventory-transaction-heading{font-size:9px}.inventory-transaction-row{font-size:9.8px}.inventory-transaction-totals{gap:8px}}
@media(max-width:380px){.inventory-summary-grid{grid-template-columns:minmax(0,1fr)}}
.inventory-summary-dashboard .inventory-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.inventory-summary-dashboard{grid-column:1/-1}
@media(max-width:650px){.inventory-summary-dashboard .inventory-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.inventory-summary-dashboard .inventory-summary-grid{grid-template-columns:minmax(0,1fr)}}
.inventory-catalog-manager{margin:0 0 14px;padding:0 14px}.inventory-catalog-manager>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;cursor:pointer;list-style:none}.inventory-catalog-manager>summary::-webkit-details-marker{display:none}.inventory-catalog-manager>summary>span:first-child{display:grid;gap:3px}.inventory-catalog-manager>summary small,.inventory-catalog-row>small{color:var(--muted);font-size:12px}.inventory-catalog-toggle{color:var(--forest);font-size:12px;font-weight:700}.inventory-catalog-content{padding:4px 0 12px}.inventory-catalog-add{padding:12px 0;border-bottom:1px solid var(--line)}.inventory-catalog-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:end;gap:10px}.inventory-catalog-add label,.inventory-catalog-fields label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:600}.inventory-catalog-list{display:grid}.inventory-catalog-row{padding:12px 0;border-bottom:1px solid var(--line)}.inventory-catalog-row:last-child{border-bottom:0}.inventory-catalog-actions{display:flex;gap:7px}.inventory-catalog-row>small{display:block;margin-top:6px}.inventory-catalog-manager .delete-action{color:#a53b36}.inventory-catalog-manager button:disabled{opacity:.45;cursor:not-allowed}
.installer-payout-form{display:flex;align-items:center;gap:7px}
.installer-payout-form .form-control,.installer-payout-amount{min-width:110px}
.installer-payout-form .button{white-space:nowrap}
.installer-payout-toolbar{margin:0 0 14px}
.installer-payout-filter-panel{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:8px}
.installer-payout-filter-panel .form-control{min-width:190px}
.installer-payout-list{margin-bottom:14px}
@media(max-width:460px){.inventory-catalog-manager>summary{align-items:flex-start;flex-direction:column;padding:10px 0}}
.records-panel .data-table[data-table-page="approvals"]{table-layout:fixed}
.data-table[data-table-page="approvals"] th:nth-child(1),.data-table[data-table-page="approvals"] td:nth-child(1){width:22%}
.data-table[data-table-page="approvals"] th:nth-child(2),.data-table[data-table-page="approvals"] td:nth-child(2){width:13%}
.data-table[data-table-page="approvals"] th:nth-child(3),.data-table[data-table-page="approvals"] td:nth-child(3){width:10%}
.data-table[data-table-page="approvals"] th:nth-child(4),.data-table[data-table-page="approvals"] td:nth-child(4){width:10%}
.data-table[data-table-page="approvals"] th:nth-child(5),.data-table[data-table-page="approvals"] td:nth-child(5){width:11%}
.approval-section-card{width:100%;border:1px solid var(--line);text-align:left;cursor:pointer;font:inherit}
.approval-section-card.active{border-color:#2e8c5f;box-shadow:0 0 0 2px rgba(46,140,95,.13),0 7px 18px rgba(25,54,42,.08)}
.records-summary-approvals{grid-template-columns:repeat(2,minmax(0,1fr))}
.approval-history-panel{scroll-margin-top:18px}
.approval-history-table{width:100%;min-width:900px;table-layout:fixed}
.approval-history-table th:nth-child(1),.approval-history-table td:nth-child(1){width:25%}
.approval-history-table th:nth-child(2),.approval-history-table td:nth-child(2){width:12%}
.approval-history-table th:nth-child(3),.approval-history-table td:nth-child(3){width:11%}
.approval-history-table th:nth-child(4),.approval-history-table td:nth-child(4){width:12%}
.approval-history-table th:nth-child(5),.approval-history-table td:nth-child(5){width:12%}
.approval-history-table .row-action-cell{width:28%}
.data-table[data-table-page="approvals"] .row-action-cell{width:34%;min-width:0}
.approval-status-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0}
.approval-status-action{width:100%;min-width:0;border:1px solid #e3e9e3;border-radius:6px;background:#fff;color:#466153;padding:6px 5px;font-size:10.4px;font-weight:600;white-space:normal;line-height:1.2;overflow-wrap:anywhere}
.approval-status-action:hover:not(:disabled),.approval-status-action:focus-visible{background:#f2f7f3;border-color:#b8cdbd;outline:none}
.approval-status-action.active{background:#e8f2eb;border-color:#b6d0bd;color:#245d42}
.approval-status-action:disabled{cursor:not-allowed;opacity:.56}
@media(max-width:850px){.data-table[data-table-page="approvals"] th:nth-child(1),.data-table[data-table-page="approvals"] td:nth-child(1){width:20%}.data-table[data-table-page="approvals"] th:nth-child(2),.data-table[data-table-page="approvals"] td:nth-child(2){width:12%}.data-table[data-table-page="approvals"] th:nth-child(3),.data-table[data-table-page="approvals"] td:nth-child(3){width:9%}.data-table[data-table-page="approvals"] th:nth-child(4),.data-table[data-table-page="approvals"] td:nth-child(4){width:9%}.data-table[data-table-page="approvals"] th:nth-child(5),.data-table[data-table-page="approvals"] td:nth-child(5){width:11%}.data-table[data-table-page="approvals"] .row-action-cell{width:39%}.approval-status-action{padding:6px 4px;font-size:9.2px}}
.notification-count{position:absolute;top:0;right:-4px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:10px;background:#bc6558;color:#fff;font-size:9px;font-weight:800;line-height:13px;text-align:center}.notification-modal{width:min(610px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column}.notification-list{display:grid;gap:9px;overflow:auto;padding-right:3px}.notification-entry{border:1px solid #e7ede7;border-radius:9px;padding:12px 13px;background:#fbfcfa}.notification-entry.read{background:#fff;opacity:.72}.notification-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.notification-entry-head strong{color:#34443a;font-size:13px;line-height:1.4}.notification-entry p{margin:7px 0;color:#59675e;font-size:12px;line-height:1.5}.notification-entry-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-entry-foot time,.notification-read-label{color:#89958d;font-size:10px}.notification-empty{padding:26px 12px}.notification-modal .modal-actions{justify-content:space-between}
.project-material-pickup{border-color:#d9e8dc}.project-material-pickup .panel-head{background:#f7faf7;border-radius:10px 10px 0 0}.project-material-pickup .tier-pill{color:#2d674c;background:#e9f3eb}
.inventory-movement-actions{display:flex;align-items:center;gap:6px;min-width:160px}.inventory-movement-actions .button{white-space:nowrap;padding:6px 9px;font-size:12px}.inventory-movement-actions .delete-action{color:#a43b31}

/* Let page cards expand to available space while wrapping before they get cramped. */
.content{max-width:none}
.metric-grid,
.records-summary,
.finance-dashboard-grid,
.dashboard-insights-grid,
.project-work-grid,
.inventory-summary-grid,
.settings-template-grid,
.partner-shortcuts{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.records-summary-approvals{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.inventory-summary-dashboard .inventory-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}

/* Semantic accents distinguish positive results, information, pending work, and alerts. */
.tone-green{--tone-bg:#edf8f0;--tone-border:#cbe6d1;--tone-accent:#27804c;--tone-ink:#185d37}
.tone-blue{--tone-bg:#eff6fc;--tone-border:#cfdfef;--tone-accent:#3979ad;--tone-ink:#285b83}
.tone-amber{--tone-bg:#fff7e8;--tone-border:#f0dfb4;--tone-accent:#b27a18;--tone-ink:#79530f}
.tone-red{--tone-bg:#fff0ee;--tone-border:#efcfca;--tone-accent:#bd5045;--tone-ink:#8b352d}
.metric-card[class*="tone-"],
.dashboard-insight-card[class*="tone-"],
.project-work-card[class*="tone-"],
.project-working-users-card[class*="tone-"]{border-color:var(--tone-border);background:linear-gradient(135deg,var(--tone-bg),#fff 92%)}
.metric-card[class*="tone-"]::before{background:var(--tone-accent)}
.metric-card[class*="tone-"] .metric-label,
.metric-card[class*="tone-"] .metric-value{color:var(--tone-ink)}
.metric-card[class*="tone-"] .metric-icon,
.project-work-card[class*="tone-"] .project-work-icon,
.project-working-users-card[class*="tone-"] .project-work-icon{background:var(--tone-bg);color:var(--tone-accent)}
.metric-card[class*="tone-"]:hover{border-color:var(--tone-accent);box-shadow:0 9px 22px rgba(25,54,42,.12)}
.dashboard-insight-card[class*="tone-"] .dashboard-insight-title{color:var(--tone-ink)}
.dashboard-insight-card[class*="tone-"] .dashboard-insight-title b,
.dashboard-insight-card[class*="tone-"] .dashboard-insight-total{color:var(--tone-accent)}
.project-work-card[class*="tone-"] .project-work-card-head h3,
.project-working-users-card[class*="tone-"] .project-work-card-head h3{color:var(--tone-ink)}
.approval-section-card.tone-green.active{box-shadow:0 0 0 2px #cbe6d1,0 7px 18px rgba(25,54,42,.08)}
.approval-section-card.tone-amber.active{box-shadow:0 0 0 2px #f0dfb4,0 7px 18px rgba(25,54,42,.08)}
.metric-grid>.metric-card:nth-child(4n+1),
.commission-stats>.metric-card:nth-child(4n+1),
.inventory-summary-grid>.metric-card:nth-child(4n+1){--tone-bg:#edf8f0;--tone-border:#cbe6d1;--tone-accent:#27804c;--tone-ink:#185d37}
.metric-grid>.metric-card:nth-child(4n+2),
.commission-stats>.metric-card:nth-child(4n+2),
.inventory-summary-grid>.metric-card:nth-child(4n+2){--tone-bg:#eff6fc;--tone-border:#cfdfef;--tone-accent:#3979ad;--tone-ink:#285b83}
.metric-grid>.metric-card:nth-child(4n+3),
.commission-stats>.metric-card:nth-child(4n+3),
.inventory-summary-grid>.metric-card:nth-child(4n+3){--tone-bg:#fff7e8;--tone-border:#f0dfb4;--tone-accent:#b27a18;--tone-ink:#79530f}
.metric-grid>.metric-card:nth-child(4n),
.commission-stats>.metric-card:nth-child(4n),
.inventory-summary-grid>.metric-card:nth-child(4n){--tone-bg:#fff0ee;--tone-border:#efcfca;--tone-accent:#bd5045;--tone-ink:#8b352d}
.dashboard-insights-grid>.dashboard-insight-card:nth-child(4n+1),
.settings-template-grid>.settings-template-card:nth-child(4n+1),
.support-case-list>.support-case-card:nth-child(4n+1){--tone-bg:#edf8f0;--tone-border:#cbe6d1;--tone-accent:#27804c;--tone-ink:#185d37;border-color:var(--tone-border);background:linear-gradient(135deg,var(--tone-bg),#fff 92%)}
.dashboard-insights-grid>.dashboard-insight-card:nth-child(4n+2),
.settings-template-grid>.settings-template-card:nth-child(4n+2),
.support-case-list>.support-case-card:nth-child(4n+2){--tone-bg:#eff6fc;--tone-border:#cfdfef;--tone-accent:#3979ad;--tone-ink:#285b83;border-color:var(--tone-border);background:linear-gradient(135deg,var(--tone-bg),#fff 92%)}
.dashboard-insights-grid>.dashboard-insight-card:nth-child(4n+3),
.settings-template-grid>.settings-template-card:nth-child(4n+3),
.support-case-list>.support-case-card:nth-child(4n+3){--tone-bg:#fff7e8;--tone-border:#f0dfb4;--tone-accent:#b27a18;--tone-ink:#79530f;border-color:var(--tone-border);background:linear-gradient(135deg,var(--tone-bg),#fff 92%)}
.dashboard-insights-grid>.dashboard-insight-card:nth-child(4n),
.settings-template-grid>.settings-template-card:nth-child(4n),
.support-case-list>.support-case-card:nth-child(4n){--tone-bg:#fff0ee;--tone-border:#efcfca;--tone-accent:#bd5045;--tone-ink:#8b352d;border-color:var(--tone-border);background:linear-gradient(135deg,var(--tone-bg),#fff 92%)}
.project-work-grid>.project-work-card:nth-child(4n+1){border-top:3px solid #27804c}
.project-work-grid>.project-work-card:nth-child(4n+2){border-top:3px solid #3979ad}
.project-work-grid>.project-work-card:nth-child(4n+3){border-top:3px solid #b27a18}
.project-work-grid>.project-work-card:nth-child(4n){border-top:3px solid #bd5045}
.offer-zone-terms{margin:12px 0;padding:11px 13px;border:1px solid #e5ebe5;border-radius:8px;background:#fbfcfa;color:#34443a}.offer-zone-terms summary{color:#315b3f;font-size:13px;font-weight:700;cursor:pointer}.offer-zone-terms>div{padding-top:9px;color:#5c6c61;font-size:12.6px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.offer-zone-history,.offer-zone-admin-records{padding:17px}.offer-zone-history-list{display:grid;gap:9px}.offer-zone-history-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:13px 0;border-top:1px solid #e9eee9}.offer-zone-history-row>div:first-child{display:grid;gap:5px}.offer-zone-history-row strong{color:#2c4435}.offer-zone-history-row small{color:#7c887f;font-size:11px}.offer-zone-history-row p{margin:3px 0;color:#46584b}.offer-zone-history-result{display:grid;justify-items:end;gap:7px}.offer-zone-result{font-size:12px;font-weight:750}.offer-zone-result.correct{color:#28714f}.offer-zone-result.incorrect{color:#986020}.offer-zone-winner-pill{color:#79530f;font-size:11px}.offer-zone-submission-group{padding:15px 0;border-top:1px solid #e9eee9}.offer-zone-submission-group h3{margin:0 0 12px;color:#263b2e;font-size:15px}.offer-zone-submission-group h3 small{margin-left:8px;color:#7a877e;font-size:11px;font-weight:500}.offer-zone-winner-form .table{min-width:690px}.offer-zone-winner-form input[type=checkbox]{width:17px;height:17px;accent-color:#28714f}.offer-zone-winner-controls{display:flex;align-items:end;gap:13px;flex-wrap:wrap;padding-top:12px}.offer-zone-winner-controls>span{padding-bottom:9px;color:#55665a;font-size:12px}.offer-zone-allowance-label{display:grid;gap:5px;color:#536459;font-size:12px;font-weight:650}.offer-zone-allowance-label .form-control{width:190px}.offer-zone-winner-controls .button{margin-left:auto}@media(max-width:600px){.offer-zone-history,.offer-zone-admin-records{padding:13px}.offer-zone-history-row{flex-direction:column}.offer-zone-history-result{justify-items:start}.offer-zone-winner-controls{align-items:stretch;flex-direction:column}.offer-zone-winner-controls .button{margin-left:0}.offer-zone-allowance-label .form-control{width:100%}}

.offer-zone-prize{display:grid;gap:4px;margin:14px 0;padding:12px 15px;border:1px solid #ead79f;border-radius:12px;background:linear-gradient(120deg,#fff8e6,#fffdf6);color:#755112}.offer-zone-prize strong{font-size:10px;letter-spacing:.12em}.offer-zone-prize span{font-weight:700}.offer-zone-history-prize{color:#79530f!important;font-weight:650}


.offer-zone-winner-form .table{min-width:900px}.offer-zone-winner-prize{min-width:170px;max-width:260px}

.offer-zone-tabs{display:flex;gap:8px;max-width:980px;margin:18px auto 0;padding:5px;border:1px solid #e2eae3;border-radius:12px;background:#f6f9f6}.offer-zone-tab{flex:1;padding:11px 16px;border:0;border-radius:8px;background:transparent;color:#52665a;font-weight:700;cursor:pointer}.offer-zone-tab.active{background:#fff;color:#1f6845;box-shadow:0 2px 8px #1b3a2912}.offer-zone-tab:focus-visible{outline:2px solid #39875c;outline-offset:2px}

.offer-zone-quiz-questions{display:grid;gap:12px}.offer-zone-question-block,.offer-zone-question-editor{min-width:0;margin:0;padding:14px;border:1px solid #e5ebe5;border-radius:10px;background:#fff}.offer-zone-question-block legend,.offer-zone-question-editor legend{padding:0 6px;color:#1f6845;font-weight:750}.offer-zone-question-block .offer-zone-question{margin:4px 0 10px}.offer-zone-question-editor{display:grid;gap:8px;margin:8px 0}.offer-zone-question-editor textarea{min-height:62px}.offer-zone-history-row>div:first-child>div{display:grid;gap:4px;padding:6px 0}.offer-zone-history-row>div:first-child>div strong{color:#28714f}

.offer-zone-eligibility{margin:14px 0;padding:13px 15px;border:1px solid #e1e9e2;border-radius:11px;background:#f8faf8;color:#34483a}
.offer-zone-eligibility.eligible{border-color:#b9ddc7;background:#f0faf3}
.offer-zone-eligibility-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}
.offer-zone-eligibility-head strong{font-size:13px;color:#286846}
.offer-zone-eligibility-head span{font-size:11px;color:#718075}
.offer-zone-target-list{display:grid;gap:7px}
.offer-zone-target-list>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.offer-zone-target-list>div span{color:#718075}
.offer-zone-tier-editor{display:grid;gap:11px}.offer-zone-tier-editor>strong{color:#294d36;font-size:15px}.offer-zone-tier-editor>small{color:#718075}.offer-zone-tier-edit{min-width:0;margin:0;padding:13px;border:1px solid #e2eae3;border-radius:11px;background:#fbfdfb}.offer-zone-tier-edit legend{padding:0 6px;color:#286846;font-weight:750}.offer-zone-tier-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.offer-zone-tier{padding:10px;border:1px solid #e5ebe5;border-radius:9px;background:#fff}.offer-zone-tier.achieved{border-color:#b9ddc7;background:#f0faf3}.offer-zone-tier-head{display:flex;justify-content:space-between;gap:6px;margin-bottom:7px}.offer-zone-tier-head strong{color:#286846}.offer-zone-tier-head span,.offer-zone-tier small{color:#718075;font-size:10px}.offer-zone-tier>div:not(.offer-zone-tier-head){display:flex;justify-content:space-between;gap:5px;font-size:10px}.offer-zone-tier>div:not(.offer-zone-tier-head) span{color:#718075}.offer-zone-tier p{margin:8px 0 3px;color:#475a4c;font-size:11px}.offer-zone-tier-list+.offer-zone-tier-list{margin-top:8px}
.offer-zone-countdown{display:inline-flex;margin-left:8px;padding:4px 8px;border-radius:999px;background:#fff4df;color:#8b5c10;font-size:11px;font-weight:750;white-space:nowrap}
.offer-zone-countdown.ended{background:#f1f2f1;color:#6f7771}
.offer-zone-login-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(20,34,25,.62);backdrop-filter:blur(4px)}
.offer-zone-login-popup{position:relative;width:min(760px,100%);max-height:min(85vh,760px);overflow:auto;padding:24px;border-radius:16px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.offer-zone-popup-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f5f1;color:#33463a;font-size:22px;cursor:pointer}
.offer-zone-popup-items{display:grid;gap:12px;margin-top:17px}
.offer-zone-popup-items article{padding:15px;border:1px solid #e4ebe4;border-radius:12px;background:#fbfdfb}
.offer-zone-popup-items h3{margin:0 0 6px;color:#294d36;font-size:16px}
.offer-zone-popup-items p{margin:0;color:#59695e;line-height:1.5}
@media(max-width:1000px){.offer-zone-tier-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.offer-zone-tier-list{grid-template-columns:1fr}}
@media(max-width:600px){.offer-zone-login-popup{padding:21px 16px}.offer-zone-eligibility-head{align-items:flex-start;flex-direction:column}.offer-zone-target-list>div{font-size:11px}}
.support-contacts-panel{margin-bottom:16px}.support-contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.support-contact-card{display:grid;align-content:start;gap:13px;min-width:0;padding:16px;border:1px solid #e5ebe5;border-radius:10px;background:#fbfdfb}.support-contact-card-heading,.support-contact-person{display:grid;gap:5px}.support-contact-team{color:#315b43;font-weight:700}.support-contact-card small{color:#78867c}.support-contact-person strong{color:#273a2e}.support-contact-actions-list{display:flex;flex-wrap:wrap;gap:8px}.support-contact-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #dce8df;border-radius:7px;background:#fff;color:#236b50;font-size:12px;font-weight:700;text-decoration:none}.support-contact-action:hover{border-color:#9fc4aa;background:#f2f8f3}.support-contact-editor-card{background:#fff}.support-contact-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-contact-field{display:grid;gap:5px;color:#536459;font-size:11px;font-weight:650}.support-contact-field .form-control{min-width:0}.support-contact-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #edf0ec}.support-contact-remove{padding:8px 10px}.support-contact-actions{display:flex;justify-content:flex-end;gap:9px;padding:0 16px 16px}@media(max-width:700px){.support-contact-list{grid-template-columns:1fr;padding:12px}.support-contact-actions{padding:0 12px 12px}}