@font-face{font-family:Manrope;src:url('/desk/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{font-family:Manrope,sans-serif;color:#23394b;background:#f5f7fa;font-size:13px;--blue:#0868cf;--border:#dce6ef;--muted:#7b8c9e;--green:#267e63;--red:#b84c49}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;background:white;border:1px solid var(--border);border-radius:9px;padding:9px 14px;font-weight:650}button:hover{background:#edf3f9}button:disabled{cursor:default;opacity:.5}button.primary{background:var(--blue);border-color:var(--blue);color:white}button.primary:hover{background:#0759b0}a{color:var(--blue);text-decoration:none}input,select,textarea{border:1px solid var(--border);border-radius:7px;padding:8px 11px;background:#fff;min-width:0;max-width:100%;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#66a5e0;outline:2px solid #dcecff}input[readonly]{background:#f7f9fb;color:#607287}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:16px;height:16px;margin:0 6px 0 0;vertical-align:middle}textarea{resize:vertical;width:100%;min-height:75px}small,.muted{color:var(--muted)}.starting{padding:80px;text-align:center}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(155deg,#19384b,#11212f 80%);color:#cedde7;padding:30px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-size:27px;font-weight:800;color:#e8f2fa;padding:6px 10px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin:10px 0 45px;color:#9cb5c6}.navlabel{font-size:10px;letter-spacing:2px;color:#91a8b8;margin:12px}.navlink{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:11px;color:#c6d7e3;margin:4px 0;font-weight:650;font-size:14px}.navlink.active{background:#234d66;box-shadow:inset 3px 0 #45c6ed;border:1px solid #376981;color:#fff}.navlink:hover{background:#234357}.navicon{font-size:20px;width:22px;color:#96b7ca}.account{margin-top:auto;padding:14px 8px;border-top:1px solid #2a4354;font-size:11px}.account button{margin-top:12px;background:transparent;color:#cbdce9;border-color:#3a5364}.main{min-width:0;padding:24px 25px 14px}.top{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.top h1{font-size:25px;margin:0;font-weight:800;color:#202e39}.eyebrow{font-size:10px;color:var(--blue);letter-spacing:1.7px;font-weight:800;margin-bottom:5px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--border);border-top:3px solid var(--blue);border-radius:13px;padding:10px 14px;min-height:78px}.metric:nth-child(2){border-top-color:#738bb4}.metric:nth-child(3){border-top-color:#dc9654}.metric:nth-child(4){border-top-color:#44a48b}.metric small{display:block;font-size:10px}.metric strong{font-size:22px;display:block;line-height:1.7;color:#24354a;font-weight:800;white-space:nowrap}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;min-width:0}.filters{display:grid;grid-template-columns:245px minmax(160px,1fr) minmax(170px,1.4fr) minmax(130px,.65fr) minmax(130px,.65fr);gap:10px;padding:14px}.filters input,.filters select{width:100%;height:38px}.date-trigger{width:100%;text-align:left;padding:5px 12px;display:flex;align-items:center;gap:10px;height:38px;font-size:11px}.date-trigger small{display:block;font-size:8px;font-weight:500;text-transform:uppercase}.date-icon{background:#edf3f8;padding:5px;border-radius:6px;color:#457d9d}.toolbar{display:flex;gap:10px;align-items:center;padding:3px 14px 12px;flex-wrap:wrap;font-size:10px}.toolbar .pages{margin-left:auto;display:flex;gap:6px;align-items:center}.pages input{width:48px;text-align:center;padding:6px}.pages button{padding:5px 9px;font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:18px;font-size:9px;font-weight:750;white-space:nowrap;background:#edf2f6;color:#718193}.badge:before{content:'●';font-size:8px}.badge.green{background:#e5f4ee;color:#267e63}.badge.blue{background:#e7f2fa;color:#33769f}.badge.orange{background:#fff0e4;color:#bd6834}.badge.gray{background:#edf1f4;color:#7c8b99}.payment{border:1px solid #7dbb9e;background:#f6fcf8;color:#267e63}.payment.unpaid{border-color:#e09393;background:#fff7f7;color:#b64a4a}.table-scroll{max-height:calc(100vh - 270px);min-height:150px;overflow:auto;border-radius:0 0 14px 14px;scrollbar-gutter:stable}.orders-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1390px;table-layout:fixed;font-size:11.5px}.orders-table th{position:sticky;top:0;background:#f6f8fb;color:#8091a4;font-size:9px;text-transform:uppercase;font-weight:750;z-index:1;text-align:left;padding:10px 9px;border-bottom:1px solid var(--border)}.orders-table td{padding:7px 9px;height:43px;border-bottom:1px solid #dae4e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.orders-table tr{background:#f6fbf8;cursor:pointer}.orders-table tr.tone-orange{background:#fff8f2}.orders-table tr.tone-blue{background:#edf6fc}.orders-table tr.tone-gray{background:#f7f9fa}.orders-table tr:hover{background:#e6f0fa}.orders-table td:first-child{border-left:2px solid #389c7c}.orders-table .tone-orange td:first-child{border-color:#d78749}.orders-table .tone-gray td:first-child{border-color:#a3afba}.orders-table .tone-blue td:first-child{border-color:#4c9ac7}.orders-table td small{display:block;font-size:9px;font-weight:500}.number-copy{border:0!important;padding:0;background:transparent!important;color:#294d62!important;font-size:11.5px;font-weight:600;width:100%;cursor:text}.good{color:#278267}.bad{color:#ba4c4c}.empty{padding:45px 20px;text-align:center;color:#71869b}.error{padding:12px 15px;border-radius:9px;background:#fff0f0;color:#a33b3b;white-space:pre-wrap;margin:10px 0}.notice{padding:9px 12px;border-radius:7px;background:#eff5fc;color:#456886;font-size:11px;margin:9px 0}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border);margin-bottom:16px;align-items:end}.tab{border-radius:9px 9px 0 0;background:#eaf0f7;border-bottom:0;white-space:nowrap;display:flex;align-items:center;gap:14px;padding:9px 14px;font-size:11px;max-width:260px}.tab.active{background:#fff;border-top:3px solid var(--blue);color:var(--blue)}.tab .tab-name{overflow:hidden;text-overflow:ellipsis}.tab-close{border:0;background:transparent;padding:0;font-size:16px;color:#789;line-height:1}.card{padding:16px 18px}.card-actions{display:flex;gap:10px;align-items:center;margin-bottom:14px}.card-actions small{margin-left:auto}.form-row{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:15px;margin:8px 0}.form-row>label{font-size:12px}.form-row .control{max-width:750px;min-width:0}.form-row.wide .control{max-width:none}.control>input:not([type=checkbox]):not([type=radio]),.control>select{width:100%}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline input,.inline select{flex:1;min-width:70px}.inline .compact{max-width:135px}.inline .tiny{max-width:56px}.grow{flex:1;min-width:140px}.narrow{max-width:56px!important}.time-buttons{display:flex;gap:4px;flex-wrap:wrap}.time-buttons button{padding:5px 8px;font-size:11px;border-radius:5px}.time-buttons button.selected{background:var(--blue);color:white}.figure{display:inline-block;padding:7px 10px;background:#f6f8fb;border:1px solid var(--border);border-radius:5px;min-width:130px;text-align:right;font-weight:650}.money-pair{display:flex;gap:12px}.money-pair .figure{max-width:188px}.section-title{font-size:15px;margin:22px 0 10px}.crew-scroll{overflow:auto}.crew{width:100%;border-collapse:collapse;font-size:11px;min-width:850px}.crew th{text-align:left;color:var(--muted);font-size:10px;padding:8px}.crew td{padding:7px;border-top:1px solid var(--border)}.crew input{width:100%;font-size:12px}.crew .money-input{width:110px}.crew .worker-name{min-width:210px}.ac{position:relative;min-width:0}.ac>input{width:100%}.ac-list{position:absolute;z-index:20;left:0;top:calc(100% + 3px);min-width:100%;max-width:600px;width:max-content;max-height:260px;overflow:auto;background:white;border:1px solid var(--border);box-shadow:0 8px 28px #243e5925;border-radius:9px}.ac-list:empty{display:none}.ac-list button{display:block;width:100%;text-align:left;white-space:normal;border:0;border-radius:0;padding:9px 12px;font-size:12px}.ac-list button:hover,.ac-list button:focus{background:#eaf3fc}.ac-list .muted{display:block;padding:10px;max-width:320px}.date-wrap{position:relative}.calendar{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:720px;max-width:calc(100vw - 45px);background:white;box-shadow:0 15px 35px #26405b25;border:1px solid var(--border);border-radius:15px;overflow:hidden}.presets{padding:12px;display:flex;gap:5px;background:#f9fafc}.presets button{font-size:11px;padding:8px 10px;background:#eef2f6;border:0}.date-inputs{padding:12px 18px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.date-inputs label{font-size:10px;font-weight:700;color:#708399}.date-inputs input{width:100%;margin-top:6px;font-weight:650}.months{display:grid;grid-template-columns:1fr 1fr}.month{padding:8px 16px 18px;border-top:1px solid var(--border)}.month:first-child{border-right:1px solid var(--border)}.month-title{display:flex;align-items:center;justify-content:space-between;margin:6px 0 14px;font-weight:750}.month-title button{border:0;padding:5px 10px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.days span,.days button{font-size:10px;height:31px;display:flex;align-items:center;justify-content:center;border:0;padding:0;border-radius:0;font-weight:500}.days span{color:#95a4b4}.days .range{background:#e5f0fb}.days .edge{background:#24394f;color:white;border-radius:50%;font-weight:800}.calendar-footer{display:flex;align-items:center;gap:8px;padding:12px;background:#f9fafc;border-top:1px solid var(--border)}.calendar-footer small{margin-right:auto}dialog{border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 50px #182f4440;max-width:550px;width:calc(100% - 32px);padding:22px}dialog::backdrop{background:#10253855}dialog h2{margin-top:0;font-size:19px}dialog label{display:block;margin:12px 0;color:#506378;font-size:12px}dialog input,dialog select{display:block;width:100%;margin-top:6px}dialog .actions{display:flex;justify-content:end;gap:8px;margin-top:20px}.login{max-width:380px;margin:12vh auto;background:white;padding:30px;border:1px solid var(--border);border-radius:16px}.login h1{font-size:25px}.login label{display:block;margin:15px 0}.login input{display:block;width:100%;margin-top:5px}.login button{width:100%;margin-top:8px}#toast{position:fixed;bottom:22px;right:22px;background:#244558;color:white;border-radius:10px;padding:12px 20px;z-index:50;box-shadow:0 5px 20px #2345;display:none}details{margin:15px 0;border-top:1px solid var(--border);padding-top:12px}summary{cursor:pointer;color:#537084;font-size:12px}.readonly-fields{display:grid;grid-template-columns:200px 1fr;gap:12px}.readonly-fields dt{color:#728597}.readonly-fields dd{margin:0;white-space:pre-wrap}.loading{opacity:.65;pointer-events:none}.header-link{font-size:10px;color:#789;padding:8px 0}.mobile-menu{display:none}
@media(min-width:1900px){.orders-table td{font-size:12px}.orders-table{min-width:1500px}.main{padding-left:30px;padding-right:30px}.card .form-row{grid-template-columns:230px 1fr}.form-row .control{max-width:900px}}
@media(max-width:1250px){.layout{grid-template-columns:185px minmax(0,1fr)}.brand{font-size:21px}.main{padding:16px}.filters{grid-template-columns:220px 1fr 1fr}.metrics .metric strong{font-size:19px}.form-row{grid-template-columns:155px minmax(0,1fr)}.calendar{width:660px}.table-scroll{max-height:calc(100vh - 300px)}}
@media(max-width:760px){.layout{display:block}.sidebar{position:relative;height:auto;padding:10px 12px;display:flex;flex-direction:row;align-items:center;gap:6px}.brand{font-size:18px;padding:0}.brand small,.sidebar .navlabel,.sidebar .navlink,.account small,.account div{display:none}.account{margin:0 0 0 auto;padding:0;border:0}.account button{margin:0;padding:6px}.main{padding:12px}.top h1{font-size:22px}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:8px 12px;min-height:65px}.metric strong{font-size:18px!important}.filters{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.filters>.search{grid-column:1/-1}.toolbar{padding:5px 10px 10px}.calendar{position:fixed;top:8vh;left:10px;max-height:85vh;overflow:auto;max-width:calc(100vw - 20px);width:calc(100vw - 20px)}.presets{flex-wrap:wrap}.months{grid-template-columns:1fr}.month:nth-child(2){display:none}.date-inputs{gap:12px;padding:12px}.form-row{grid-template-columns:1fr;gap:4px;margin:12px 0}.form-row>label{font-weight:650;color:#667c90}.card{padding:12px}.table-scroll{max-height:calc(100vh - 330px)}.readonly-fields{grid-template-columns:1fr;gap:5px}.readonly-fields dd{margin-bottom:10px}.money-pair{flex-wrap:wrap}.card-actions small{display:none}.top .primary{font-size:11px;padding:9px}.login{margin:8vh 16px}.header-link{display:none}}
.inline input[type=checkbox],.inline input[type=radio]{flex:none;min-width:0;width:16px}.tab .tab-name{padding:0;border:0;background:transparent;color:inherit;font:inherit}.table-scroll::-webkit-scrollbar{height:10px;width:9px}.table-scroll::-webkit-scrollbar-track{background:#edf2f6}.table-scroll::-webkit-scrollbar-thumb{background:#a9b8c7;border-radius:8px;border:2px solid #edf2f6}
.directory-toolbar{padding:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.directory-toolbar>input{flex:1;min-width:160px}.directory-table{min-width:780px}.directory-table td:first-child{width:28%}.directory-table tr{background:white}.party-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.party-field{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#63798e}.party-field input:not([type=checkbox]),.party-field select,.party-field textarea{width:100%;color:#253e52;font-size:12px}.party-field textarea{min-height:75px}.party-field input[type=checkbox]{align-self:start;width:18px;height:18px}.party-section h2{font-size:15px;margin:8px 0 14px}.party-section{border-bottom:1px solid var(--border);padding:15px 0}.party-debt{display:flex;gap:25px;padding:10px;background:#eff5fb;border-radius:8px}.text-link{border:0;background:transparent;padding:0;text-align:left;color:#28698d;font-weight:650}.party-card .crew input{min-width:100px}.party-card select[multiple]{min-height:95px}.contract{padding:10px 0;border-bottom:1px solid var(--border)}
@media(max-width:760px){.party-fields{grid-template-columns:1fr}.party-debt{flex-wrap:wrap;gap:8px}.directory-toolbar .pages{width:100%;justify-content:end}.tabs{margin-bottom:12px}.directory-table{font-size:11px}.party-card .top{flex-wrap:wrap}}
/* Sales and reporting share the compact workspace typography. */
.sales-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(120px,1fr));gap:12px;padding:18px}.sales-filters label{font-size:12px;color:var(--muted)}.sales-table{min-width:1500px}.sales-table th{white-space:nowrap}.sales-table td:first-child{min-width:230px}.sales-table td{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sale-sections h2{margin-top:26px}.sale-sections>textarea{min-height:130px;width:100%}.sale-event{padding:12px;border-bottom:1px solid #e1e9f0}.sale-event summary{cursor:pointer;font-weight:650}.sale-event pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.report-controls{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px}.report-controls input{width:100%}#report-cities{max-width:620px;margin-top:14px}#report-city-select{width:100%;margin-top:8px}#report-results{margin-top:22px}.report-file{padding:16px 0;border-bottom:1px solid #e1e9f0}.download-link{display:block;padding:10px 0}.report-settings{margin-top:20px}.report-settings summary{cursor:pointer;font-weight:700}.report-settings>label{display:block;margin-top:16px;max-width:600px}#city-editor{margin-top:16px}#city-form>button{margin-top:18px}.sale-card input,.sale-card select,.report-settings input,.report-settings select{max-width:100%}
@media(max-width:1100px){.sales-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.sales-filters,.report-controls{grid-template-columns:1fr}.sales-filters{padding:12px}.report-file{overflow-wrap:anywhere}}
.sales-filters>label,.report-controls>label,#report-cities>label{display:flex;flex-direction:column;gap:6px;min-width:0}.sales-filters>label input,.sales-filters>label select,.report-controls select{width:100%}.sales-table th:first-child{width:250px}.sales-table td{background:#fff}.sales-table tbody tr:hover td{background:#eaf4fb}.sales-table td:first-child{border-left-color:transparent}#city-search{width:100%}.sale-card .party-fields>label{display:flex;flex-direction:column;gap:6px}

.finance-modes{margin-bottom:16px}.finance-table{min-width:850px}.finance-table td{white-space:normal}.finance-table .subline{display:block;color:var(--muted);font-weight:400}.finance-detail{padding:18px;margin-top:18px}.finance-detail h2{font-size:20px}.text-button{background:none;border:0;color:#1768a6;padding:0}.contract{padding:12px 0;border-bottom:1px solid #e2e9f0}.contract-actions{margin:12px 0;display:flex;gap:10px;flex-wrap:wrap}dialog input[type=file]{max-width:100%;height:auto;padding:10px}.finance-table tr[data-debtor]{cursor:pointer}

.finance-table tr{background:#fff;cursor:default}.finance-table td:first-child{border-left-color:transparent}.finance-table th:first-child{width:25%}.finance-table .badge.debt-overdue{background:#fff0ef;color:#b34c48}.finance-detail .finance-table th:first-child{width:auto}@media(max-width:760px){.party-card .top,.main>.top,#view>.top{gap:10px;flex-wrap:wrap}.finance-modes{flex-wrap:wrap}.finance-table{min-width:820px}}

.orders-table .text-link{font:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.orders-table .text-link:hover{text-decoration:underline}.crew-link{display:inline-block}.card-client-link{margin:0 0 12px}

/* Order profitability uses the same compact register geometry. */
.profit-note{font-size:12px;line-height:1.55;margin:10px 18px 14px;color:var(--muted,#73869a)}
.profit-note.partial{color:#976326;background:#fff8ec;border-radius:8px;padding:10px 12px}
.profit-table{min-width:1050px;table-layout:auto}
.profit-table th:first-child,.profit-table td:first-child{width:26%;max-width:340px}
.profit-table td{height:44px}

.party-orders{margin:12px 0 20px;padding:12px;border:1px solid #dce6ef;border-radius:12px;background:#fff}
.party-orders>summary{font-weight:700;cursor:pointer;color:#28608a}
.related-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:16px 0 8px}
.related-filters label{display:flex;flex-direction:column;gap:5px;font-size:12px;flex:1;min-width:135px}
.related-filters label:nth-child(-n+2){flex:0 1 140px}
.related-scroll{max-height:360px;overflow:auto;margin:8px 0 10px;border:1px solid #e3eaf1;border-radius:8px}
.related-scroll table{min-width:1000px;table-layout:fixed;width:100%}
.related-scroll th:nth-child(1){width:90px}.related-scroll th:nth-child(2){width:110px}.related-scroll th:nth-child(3){width:200px}.related-scroll th:nth-child(4){width:130px}.related-scroll th:nth-child(5){width:220px}.related-scroll th:nth-child(6){width:115px}.related-scroll th:nth-child(7){width:130px}

/* Customer rate catalogue, separate from order price snapshots. */
.party-rates h2{margin:0}.party-rates p{margin:8px 0 12px}.rates-table{width:100%;border-collapse:collapse;font-size:13px}.rates-table th,.rates-table td{text-align:left;padding:10px;border-bottom:1px solid var(--border,#e2e8f0);white-space:nowrap}.rates-table th{font-size:11px;color:#74869a}.rates-table small{display:block;color:#74869a;margin-top:3px}.rate-inactive{color:#74869a;background:#f6f8fa}.rate-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:12px}.rate-fields .inline input{width:auto}.party-rates .inline{flex-wrap:wrap}

.catalog-panels{display:grid;gap:18px}.catalog-panel{padding:18px;min-width:0}.catalog-panel h2{font-size:18px;margin:0}.catalog-panel .inline{flex-wrap:wrap}.catalog-panel p{font-size:12px}.catalog-panel .rates-table td:first-child{white-space:normal;min-width:170px}.catalog-panel .rates-table td:last-child{width:100px}

.related-scroll .worker-settlements{min-width:1385px}.related-scroll .worker-settlements th:nth-child(n+7){width:130px}.related-metrics{margin-top:12px}.related-metrics .metric strong{font-size:18px}.related-metrics .metric{min-height:70px;padding:8px 12px}

/* Personal workspace; the same shared salary and absence records as the main CRM. */
.sidebar{overflow-y:auto}.employee-content{min-width:0}.employee-panel{padding:16px;margin:14px 0}.employee-panel h2{font-size:17px;margin:0 0 12px}.employee-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-month{display:flex;flex-direction:column;gap:6px;max-width:230px;margin:15px 0}.employee-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.employee-filters label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:130px;max-width:320px}.employee-scroll{overflow:auto;max-height:420px}.absence-table{min-width:720px}.absence-table td{white-space:normal}.absence-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.absence-weekday{text-align:center;font-size:11px;padding:8px;color:var(--muted)}.absence-day{min-width:0;text-align:left;min-height:92px;padding:7px;display:flex;flex-direction:column;gap:4px;border-radius:7px}.absence-day.blank{background:#f8fafc;min-height:0}.absence-day.today{border-color:var(--blue)}.absence-event{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:3px;border-radius:4px;max-width:100%}.absence-event.approved{color:#267e63;background:#e5f4ee}.absence-event.sick{color:#88691d;background:#fff5d8}.absence-event.pending{color:#bd6834;background:#fff0e4}.employee-note{white-space:pre-wrap;overflow-wrap:anywhere}.employee-panel>.pages{text-align:right;margin-top:12px}.employee-panel .rates-table th{text-align:left}.employee-panel .rates-table td{overflow-wrap:anywhere}
@media(max-width:700px){.employee-metrics{grid-template-columns:1fr}.absence-day{min-height:68px;padding:4px}.absence-event{font-size:9px}.employee-panel{padding:10px}.employee-filters label{max-width:none}.employee-filters select{max-width:100%}}

.payroll-table{min-width:750px}.payroll-table td{white-space:normal}.payroll-export{border:1px solid var(--border);padding:9px 14px;border-radius:9px;background:white;font-weight:650}.payroll-dialog{width:min(1500px,96vw);max-width:96vw}.payroll-dialog .dialog-form{width:100%;max-width:none}.payroll-editor-scroll{max-height:55vh;overflow:auto}.payroll-editor-scroll input:not([type=checkbox]){width:135px}.payroll-editor-scroll td:first-child input{width:230px}.payroll-editor-scroll th{position:sticky;top:0;background:#f0f5fa;z-index:1}.payroll-dialog .inline{flex-wrap:wrap}.payroll-dialog .top{gap:12px}.payroll-editor-scroll table{min-width:1100px}
/* Shared expense archive. Tables scroll within the page on narrow screens. */
.expense-filters{display:grid;grid-template-columns:180px minmax(200px,1fr) minmax(200px,1.4fr);gap:14px;margin-bottom:14px}.expense-table{min-width:600px}.expense-table td{max-width:550px;white-space:normal}.expense-table td:first-child{font-weight:600}.expense-table th{white-space:nowrap}#expense-content .employee-panel{margin-top:14px}#expense-content .metrics{margin-top:14px}@media(max-width:700px){.expense-filters{grid-template-columns:1fr}.expense-table td{min-width:140px}#expense-content .metrics{grid-template-columns:1fr 1fr}}

.expense-bars{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin-top:16px}.expense-bars>div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px}.expense-bars progress{grid-column:1/-1;width:100%;height:9px;accent-color:#3478bf}.expense-bars strong{font-size:12px}.expense-bars span{overflow-wrap:anywhere}@media(max-width:700px){.expense-bars{grid-template-columns:1fr}}
.expense-filters label{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;font-size:12px;font-weight:600;color:var(--muted)}.expense-filters input,.expense-filters select{width:100%;min-width:0;font-weight:400;color:var(--text)}

/* Shared payment calendar. */
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-bottom:20px}.cal-weekday{text-align:center;font-size:12px;color:#6e8298;padding:5px}.cal-day{min-height:94px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border:1px solid #dde7ef;background:#fff}.cal-day b{font-size:14px}.cal-day span{font-size:11px;color:#758599}.cal-day strong{font-size:12px}.cal-day.today{border-color:#116ccb}.cal-day.selected{background:#eaf3fc}.cal-dots{display:flex;gap:4px}.cal-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.cal-badge{border-radius:16px;padding:5px 9px;font-size:11px;white-space:nowrap}.cal-open{background:#e7f0fa;color:#356c9b}.cal-overdue,.cal-problem{background:#fff0ef;color:#b94444}.cal-done{background:#e7f5ef;color:#278469}.cal-dot.cal-open{background:#4587c4}.cal-dot.cal-overdue,.cal-dot.cal-problem{background:#d46558}.cal-dot.cal-done{background:#399c80}.calendar-table td{vertical-align:top}.calendar-table td small{display:block;color:#7d8a9b;font-size:12px;margin-top:4px;white-space:pre-wrap}.calendar-table td:nth-child(2){min-width:200px;max-width:620px;white-space:normal}.cal-record{border:0;background:transparent;color:#264e71;font-weight:600;text-align:left;padding:0;min-height:0;white-space:normal}.cal-attention{padding:15px 20px;margin:12px 0}.cal-attention summary{cursor:pointer;color:#b04b3c;font-weight:600}.cal-problem{padding:6px;border-radius:6px}#cal-series{display:grid;gap:12px}#cal-series[hidden]{display:none}
@media(max-width:700px){.cal-day{min-height:80px;padding:5px}.cal-day span{font-size:10px}.cal-day strong{font-size:10px;word-break:break-word}.cal-grid{gap:2px}.calendar-table{min-width:620px}}

/* Published business calculations. */
.overview-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.overview-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.overview-chart{min-width:0;padding:18px}.overview-chart h2{font-size:16px;margin:0 0 12px}.overview-plot{max-width:100%;overflow:auto}.overview-plot svg{display:block;min-width:100%;font-family:inherit}.overview-year{grid-column:1/-1;min-width:0}.overview-year-stats{display:flex;flex-wrap:wrap;gap:24px;margin:8px 0 12px;color:#647a90;font-size:13px}.overview-year-stats b{color:#28485e}.overview-table{min-width:840px}.overview-table td{white-space:nowrap}.overview-table tbody tr.overview-total{background:#e8f0f8;font-weight:800}.overview-good{background:#f3faf7}.overview-warn{background:#fff8ee}.overview-risk{background:#fff2f1}.overview-adjustment{background:#f4f5fa}.overview-detail>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #e9eef3}.overview-detail span{color:#718297}
@media(max-width:1200px){.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-metrics .metric strong{font-size:19px}}
@media(max-width:700px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-charts{grid-template-columns:1fr}.overview-metrics .metric strong{font-size:17px}}
.overview-metrics .metric{container-type:inline-size}.overview-metrics .metric strong{font-size:18px!important;font-size:clamp(12px,8cqw,22px)!important;letter-spacing:-.2px}
@media(min-width:761px){.sidebar{overflow-y:auto}.sidebar .navlink{flex-shrink:0}}
.cash-table{min-width:900px}.cash-table td{white-space:nowrap}.cash-table .cash-comment{white-space:normal;min-width:220px;max-width:440px;overflow-wrap:anywhere}.cash-comment small{display:block}.cash-income{color:#25866b;font-weight:700}.cash-expense{color:#ba544c;font-weight:700}.cash-wide{grid-column:1/-1}.cash-history{padding:10px 0;border-bottom:1px solid #e4ebf2;font-size:13px}.cash-metrics .metric{container-type:inline-size}.cash-metrics .metric strong{font-size:18px!important;font-size:clamp(12px,8cqw,22px)!important}

.treasury-sections{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.treasury-table small{display:block;color:var(--muted);font-size:12px}.treasury-table td{font-size:13px;padding:10px 12px;vertical-align:middle}.treasury-table td:first-child{min-width:160px}.treasury-table td:last-child{white-space:nowrap}#treasury-card{margin-top:16px}#treasury-card .top{flex-wrap:wrap;gap:8px}

.treasury-sections button.selected{background:#263c52;color:white;border-color:#263c52}

.dividend-chart{display:grid;gap:9px;margin-top:20px}.dividend-chart-month{display:grid;grid-template-columns:25px minmax(70px,1fr) minmax(130px,220px);gap:12px;align-items:center}.dividend-bars{display:grid;gap:3px}.dividend-bars span{display:block;min-height:9px;border-radius:3px}.dividend-bars .plan{background:#a8b8c9}.dividend-bars .fact{background:#3182db}.dividend-chart-month>small:last-child{text-align:right}@media(max-width:600px){.dividend-chart-month{grid-template-columns:24px minmax(40px,1fr) 130px;gap:6px}}

.history-name{flex:1;min-width:240px}.history-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.history-comparison li{margin:10px 0}#history-table th button{border:0;background:transparent;padding:3px;text-align:left;font:inherit;color:inherit}#history-charts{display:grid;gap:16px}@media(max-width:600px){.history-comparison{grid-template-columns:1fr}.history-name{min-width:0;max-width:100%}}

.archive-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-id{display:block;color:var(--muted);margin:3px 0}.archive-actions{display:flex;gap:6px;flex-wrap:wrap}.archive-table th,.archive-table td{white-space:nowrap}.archive-totals{display:flex;gap:22px;flex-wrap:wrap;padding:16px 0}.archive-totals small,.archive-totals strong{display:block}#archive-detail details{overflow-wrap:anywhere;margin-top:16px}#archive-detail .panel{min-width:0}@media(max-width:600px){.archive-metrics{grid-template-columns:1fr}.archive-totals{gap:12px}.archive-totals>div{flex:1 1 45%}}

#calculation-panel .panel{margin-bottom:16px}.calc-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.calc-files input{width:100%;min-width:0}.calc-files small{display:block;overflow-wrap:anywhere}.calc-check{display:flex;align-items:center;gap:8px}.calc-check input{width:auto}#calculation-panel details{margin-top:16px}#calculation-panel .archive-actions{flex-wrap:wrap;gap:8px}#calculation-panel fieldset{border:0;padding:0;margin:0}#calculation-panel .employee-scroll{max-height:480px;overflow:auto}@media(max-width:900px){.calc-files{grid-template-columns:1fr}}

.register-tabs{flex-wrap:wrap;margin:16px 0}.register-dialog fieldset{min-width:0}.register-dialog fieldset label{display:block;margin-bottom:12px}

.settings-grid{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:18px;margin-bottom:18px}.settings-form{display:grid;gap:14px;max-width:520px}.settings-form h2,.settings-form p{margin:0}.settings-form label{display:grid;gap:6px}.settings-form input,.settings-form select{width:100%;min-width:0}.settings-access{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e5edf3}.settings-table{width:100%;border-collapse:collapse}.settings-table td,.settings-table th{padding:12px;text-align:left;border-bottom:1px solid #e5edf3}.settings-table button{margin:3px}.settings-form .actions{display:flex;justify-content:flex-end;gap:10px}#settings-content>.panel{margin-bottom:18px;padding:20px}#settings-content .settings-grid>.panel{padding:20px}#user-form{padding:10px;min-width:300px}@media(max-width:1000px){.settings-grid{grid-template-columns:1fr}.settings-access{align-items:flex-start;flex-direction:column}#user-form{min-width:0}}

#settings-content{overflow-wrap:anywhere}.settings-form{min-width:0}
.payout-table{min-width:640px;width:100%}.payout-table small,.payout-batch small{display:block;color:var(--muted);margin-top:4px}.payout-batch{padding:16px;margin:12px 0}.payout-batch .actions{display:flex;flex-wrap:wrap;gap:10px}#payout-confirm,#payout-single,#payout-cost{padding:12px;min-width:min(500px,75vw)}#payout-body .pages{margin-left:auto}

/* Only open cards belong in the top tab strip. */
.tabs[hidden]{display:none}

/* Crew suggestions must not be clipped by the table's horizontal scroll area. */
.crew-add{padding:12px 0 16px;max-width:680px}
.crew-add>label{display:block;margin-bottom:7px;color:var(--muted);font-size:13px;font-weight:600}
#new-worker>input{min-height:44px;font-size:14px}
#new-worker .ac-list{width:100%;min-width:0;max-width:none;box-sizing:border-box;z-index:60;overscroll-behavior:contain}
#new-worker.ac-above .ac-list{top:auto;bottom:calc(100% + 5px)}
#new-worker .ac-list button{padding:11px 14px;min-height:44px;line-height:1.4;border-bottom:1px solid var(--border)}
#new-worker .ac-list strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}
#new-worker .ac-list small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
#new-worker .ac-list button:focus-visible{outline:2px solid #0871db;outline-offset:-2px}

/* Order selection is independent of opening a card. */
.order-selection{display:flex;align-items:center;gap:20px;padding:10px 14px;margin:8px 0;background:#edf5fc;border:1px solid #c9dfef;border-radius:10px;font-size:13px}.order-selection[hidden]{display:none}.order-selection button{margin-left:auto}.orders-table tr.order-row-selected td{background:#e9f3fc!important;border-bottom-color:#c6ddef}.orders-table tr.order-row-selected td:first-child{box-shadow:inset 3px 0 #2486cd}.order-list-actions{flex-wrap:wrap}.order-reference-filter select{max-width:260px}.order-reference-filter{flex-wrap:wrap}#crew-payment-total{font-size:13px;color:#476276}.rate-actions{display:flex;gap:6px}

.orders-table th:first-child,.orders-table td:first-child{padding-left:10px;padding-right:10px;text-align:center;text-overflow:clip}.orders-table [data-select-order],.orders-table #select-orders-page{display:block;width:16px;height:16px;min-width:16px;margin:0;accent-color:#0871db}
@media(max-width:760px){.order-selection{gap:8px 16px;flex-wrap:wrap}.order-selection button{margin-left:0}}

/* Individual sales notes keep each manager's contribution readable. */
.legacy-sales-editor #sale-note-form {display:flex;flex-direction:column;gap:12px;padding:14px;background:#f8fafc;border:1px solid #e1e8ef;border-radius:10px;margin-bottom:18px}
.legacy-sales-editor #sale-note-form textarea,.legacy-sales-editor [data-task-form] textarea {min-height:88px;resize:vertical}
.legacy-sales-editor #sale-note-form button {align-self:flex-start}
.legacy-sales-editor .sale-note-filter {max-width:360px;margin-bottom:12px}
.legacy-sales-editor .sale-note {padding:12px 14px;margin:10px 0;border:1px solid #e0e7ef;border-left:3px solid #8cb4d3;border-radius:8px;background:#fff}
.legacy-sales-editor .sale-note-meta {display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.legacy-sales-editor .sale-note-meta strong {font-weight:600}
.legacy-sales-editor .sale-note-meta time,.legacy-sales-editor .sale-note-context {color:#65788b;font-size:12px}
.legacy-sales-editor .sale-note-context {margin-top:5px}
.legacy-sales-editor .sale-note-text {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin-top:8px;font-weight:400;color:#293d4e}

.legacy-sales-editor [data-sale-note-edit] {display:flex;flex-direction:column;gap:10px;margin-top:10px}
.legacy-sales-editor [data-sale-note-edit] textarea {min-height:150px;resize:vertical;font-weight:400;line-height:1.5}
.legacy-sales-editor [data-sale-note-edit] button {align-self:flex-start}
.legacy-sales-editor .sale-note-add {margin:12px 0 18px}
.legacy-sales-editor .sale-note-add[open] summary {margin-bottom:12px}
