/* Shared visual language from the approved menu prototypes. Existing module
   controls, forms, exports and policy rules keep their original implementations. */
:root{--hx-bg:#f7f8f5;--hx-surface:#fff;--hx-side:#f0f3ed;--hx-ink:#29392f;--hx-muted:#647368;--hx-line:#e1e7de;--hx-green:#397b22;--hx-soft:#eaf2e3;--hub-section-title-size:19px;--hub-section-title-weight:500}
#app[data-experience-view]{background:var(--hx-bg);color:var(--hx-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;font-weight:400;line-height:1.55}
#app[data-experience-view]>.shell>main>.content{max-width:1540px;padding:28px 27px 42px}
#app[data-experience-view] .title-row{margin:0 0 22px;gap:20px;align-items:flex-start;flex-wrap:wrap}
#app[data-experience-view] .title-row h1{font-size:29px;line-height:1.25;font-weight:500;letter-spacing:-.03em;margin:0 0 9px}
#app[data-experience-view] .title-row p{font-size:14px;line-height:1.6;max-width:760px;color:var(--hx-muted)}
#app[data-experience-view] :is(.panel,.card){border-color:var(--hx-line);border-radius:10px;box-shadow:none;background:var(--hx-surface)}
#app[data-experience-view] :is(h2,.panel h2){font-size:19px;font-weight:500;line-height:1.4;letter-spacing:-.015em}
#app[data-experience-view] h3{font-size:16px;font-weight:500;line-height:1.45}
#app[data-experience-view] :is(.btn,.module-filter,.module-search,.select){font-size:14px;font-weight:400;line-height:1.5;min-height:40px;border-radius:7px}
#app[data-experience-view] .btn.primary{background:var(--hx-green);border-color:var(--hx-green);color:#fff;font-weight:500}
#app[data-experience-view] .btn.lime{background:var(--hx-soft);border-color:var(--hx-line);color:var(--hx-green);font-weight:400}
#app[data-experience-view] .muted{font-size:13px;line-height:1.6;color:var(--hx-muted)}
#app[data-experience-view] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;align-items:start}
#app[data-experience-view] :is(.field label,.field input,.field select,.field textarea){font-size:14px;font-weight:400;line-height:1.5}
#app[data-experience-view] .field label{font-weight:500;margin-bottom:7px;color:var(--hx-ink)}
#app[data-experience-view] .field :is(input,select,textarea){border:1px solid var(--hx-line);background:var(--hx-surface);border-radius:7px;padding:10px 11px;min-height:40px;width:100%;max-width:100%;color:var(--hx-ink)}
#app[data-experience-view] .field input[type=checkbox]{width:auto;min-height:0}
#app[data-experience-view] .form-grid .actions-col{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid var(--hx-line);padding-top:18px;margin-top:3px;align-items:center}
#app[data-experience-view] :is(#table-content,#reservation-content) .table-wrap{border:0;border-radius:0;max-width:100%;overflow:auto}
#app[data-experience-view] :is(#table-content,#reservation-content) table{white-space:normal;font-size:14px;line-height:1.55;min-width:680px}
#app[data-experience-view] :is(#table-content,#reservation-content) th{padding:12px 15px;background:var(--hx-bg);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--hx-muted)}
#app[data-experience-view] :is(#table-content,#reservation-content) td{padding:17px 15px;border-color:var(--hx-line);font-size:14px;font-weight:400;vertical-align:middle;max-width:360px;overflow-wrap:anywhere}
#app[data-experience-view] :is(#table-content,#reservation-content) td:last-child{min-width:140px}
#app[data-experience-view] #table-content td .btn{margin:3px 5px 3px 0;font-size:13px;padding:6px 9px;min-height:34px}
#app[data-experience-view] .pill{font-size:12px;font-weight:400;border-radius:5px;white-space:nowrap}
#app[data-experience-view] .panel-head{align-items:center;flex-wrap:wrap;margin-bottom:18px}
#app[data-experience-view] .panel-head p{max-width:780px}
#app[data-experience-view] .card label{font-size:13px;margin-bottom:8px}
#app[data-experience-view] .card strong{font-size:27px;font-weight:500;font-variant-numeric:tabular-nums}
#app[data-experience-view] .module-toolbar{padding:0 0 18px;gap:12px;flex-wrap:wrap}
.hx-section-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:5px;border:1px solid var(--hx-line);border-radius:8px;background:var(--hx-side);margin-bottom:25px}
.hx-section-tabs .hx-button{flex:1 1 125px;border:1px solid transparent;background:transparent;text-align:center;line-height:1.45}
.hx-section-tabs .hx-button[aria-current=page]{background:var(--hx-surface);color:var(--hx-green);border-color:var(--hx-line);font-weight:500;box-shadow:inset 0 -2px var(--hx-green)}
.hx-button,.hx-record-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid var(--hx-line);border-radius:7px;background:var(--hx-surface);font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--hx-ink);cursor:pointer;min-height:40px}
.hx-button:hover{background:var(--hx-side)}.hx-primary{background:var(--hx-green);border-color:var(--hx-green);color:#fff}
.hx-record-open{border:0;color:var(--hx-green);background:transparent;padding:6px 3px;margin:3px 9px 3px 0;font-size:14px;min-height:34px;text-decoration:underline;text-underline-offset:3px}
.hx-button:focus-visible,.hx-record-open:focus-visible,.hx-chart-slot:focus-visible{outline:2px solid var(--hx-green);outline-offset:3px}
.hx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.hx-metric{background:var(--hx-surface);border:1px solid var(--hx-line);border-radius:9px;padding:17px 16px;min-width:0}
.hx-metric>span{display:block;color:var(--hx-muted);font-size:13px;margin-bottom:8px}
.hx-metric>strong{display:block;font-size:27px;line-height:1.3;font-weight:500;letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-bottom:6px;overflow-wrap:anywhere}
.hx-metric small{display:block;font-size:13px;color:var(--hx-muted);line-height:1.55}
.hx-insight-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start;margin-bottom:22px}
.hx-panel{background:var(--hx-surface);border:1px solid var(--hx-line);border-radius:10px;min-width:0;margin:0 0 20px;overflow:hidden}
.hx-insight-grid>.hx-panel{margin:0}
.hx-contract-support{display:grid;gap:18px;align-content:start;min-width:0}
.hx-contract-support>.hx-panel{margin:0}
.hx-due-list{max-height:300px;overflow:auto;scrollbar-width:thin}
.hx-due-item{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;border:0;border-top:1px solid var(--hx-line);background:var(--hx-surface);color:var(--hx-ink);padding:13px 18px;text-align:left;font:inherit;font-size:14px;cursor:pointer}
.hx-due-item>span:first-child{min-width:0}.hx-due-item strong{font-weight:500;display:block;overflow-wrap:anywhere}.hx-due-item small{display:block;margin-top:4px;color:var(--hx-muted);font-size:13px;line-height:1.4}
.hx-due-item:hover{background:var(--hx-bg)}.hx-due-item:focus-visible{outline:2px solid var(--hx-green);outline-offset:-3px}
.hx-due-date{flex:none;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.hx-due-item .hx-due-today{color:#a95035}
.hx-delivery-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:11px 16px;border-top:1px solid var(--hx-line);font-size:13px;color:var(--hx-muted)}
.hx-delivery-footer .hx-button{padding:5px 7px;min-height:32px;font-size:13px}.hx-overdue-count{color:#a95035;font-weight:500}
.hx-panel>header{padding:20px 20px 15px}
.hx-panel h2{font-size:19px!important;font-weight:500!important;line-height:1.4;margin:0}
.hx-panel header p{font-size:13px;color:var(--hx-muted);margin:5px 0 0;line-height:1.6}
.hx-chart-legend{display:flex;flex-wrap:wrap;gap:18px;padding:0 20px 18px;font-size:13px;color:var(--hx-muted)}
.hx-chart-legend span{display:flex;align-items:center;gap:7px}.hx-chart-legend i{display:inline-block;width:9px;height:9px;border-radius:2px}
.hx-chart-range{padding:0 20px;margin:0 0 15px;color:var(--hx-muted);font-size:13px;line-height:1.5}
.hx-contract-insight>#hx-trend-panel>.hx-panel{border:0;border-radius:0;margin:0;height:100%;display:flex;flex-direction:column}
.hx-contract-insight>#hx-trend-panel{height:100%}
.hx-contract-insight .hx-chart-detail{margin-top:auto}
.hx-insight-grid:has(>.hx-contract-insight){align-items:stretch}
.hx-contract-support{display:flex;flex-direction:column}
.hx-contract-support>.hx-panel:last-child{flex:1;display:flex;flex-direction:column}
.hx-contract-support .hx-due-list{flex:1;max-height:300px}
.hx-contract-support .hx-delivery-footer{margin-top:auto}
.hx-contract-insight [hidden]{display:none!important}
.hx-trend-summary{display:flex;flex-wrap:wrap;gap:12px 26px;padding:0 20px 20px;color:var(--hx-muted);font-size:13px}
.hx-trend-summary strong{font-size:20px;font-weight:500;color:var(--hx-ink);margin-right:5px;font-variant-numeric:tabular-nums}
.hx-chart-legend i.hx-line-key{height:3px;width:20px;background:var(--hx-green);position:relative}
.hx-line-key:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--hx-green);top:-2px;left:7px}
.hx-combo-chart{position:relative;padding:0 10px}
.hx-combo-scroll{overflow-x:auto;scrollbar-width:thin;padding-bottom:8px}
.hx-combo-svg{display:block;width:100%;min-width:0;height:auto;overflow:visible;font:16px system-ui,sans-serif}
.hx-combo-grid line{stroke:var(--hx-line);stroke-width:1;stroke-dasharray:3 4}
.hx-combo-grid text,.hx-month-label{fill:var(--hx-muted)}
.hx-combo-grid text{font-size:14px}
.hx-month-partial{fill:var(--hx-muted);font-size:10px}
.hx-deal-bar{fill:#b4c8a8}
.hx-value-line{fill:none;stroke:var(--hx-green);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.hx-value-point{fill:var(--hx-surface);stroke:var(--hx-green);stroke-width:2}
.hx-month-hit{fill:transparent;cursor:pointer;outline:none}
.hx-month-hit:hover,.hx-month-hit:focus,.hx-month-hit[aria-pressed=true]{fill:var(--hx-green);fill-opacity:.07;stroke:var(--hx-green);stroke-width:1;stroke-opacity:.4}
.hx-trend-tooltip{position:absolute;z-index:5;pointer-events:none;width:250px;max-width:calc(100% - 16px);padding:14px 16px;border:1px solid var(--hx-line);border-radius:9px;background:var(--hx-surface);box-shadow:0 8px 24px #21332920;color:var(--hx-ink);font-size:13px}
.hx-trend-tooltip strong{font-size:14px;font-weight:600}.hx-trend-tooltip dl{margin:10px 0 0}.hx-trend-tooltip dl>div{display:flex;gap:16px;justify-content:space-between;margin-top:7px}.hx-trend-tooltip dd{margin:0;font-variant-numeric:tabular-nums;font-weight:500}
@media(max-width:740px){.hx-combo-svg{min-width:704px}}
.hx-series-0{background:#b4c8a8}.hx-series-1{background:var(--hx-green)}
.hx-chart{display:flex;align-items:stretch;gap:12px;height:220px;padding:0 20px 10px;overflow-x:auto;min-width:0;scrollbar-width:thin}
.hx-chart-slot{display:flex;flex:1 0 55px;flex-direction:column;align-items:center;gap:9px;min-width:55px;max-width:140px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--hx-muted);padding:8px 3px 3px;font:400 13px/1.4 system-ui,sans-serif;cursor:pointer;min-height:0}
.hx-chart-slot>span:last-child{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hx-chart-slot:hover,.hx-chart-slot[aria-pressed=true]{background:var(--hx-side);border-color:var(--hx-line)}
.hx-chart-pair{display:flex;align-items:flex-end;justify-content:center;gap:5px;flex:1;min-height:0;width:100%}
.hx-chart-pair>span{display:block;width:32%;max-width:32px;border-radius:4px 4px 0 0;flex:none}
.hx-chart-detail{border-top:1px solid var(--hx-line);font-size:13px;color:var(--hx-muted);padding:13px 20px;min-height:48px;margin:0;overflow-wrap:anywhere}
.hx-data-note,.hx-source-note{font-size:13px;color:var(--hx-muted);margin:0 0 18px;line-height:1.6}
.hx-source-note{padding:12px 15px;background:var(--hx-side);border:1px solid var(--hx-line);border-radius:7px}
.hx-performance-links{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
.hx-aging{padding:0 20px 20px}.hx-aging>div{display:grid;grid-template-columns:1fr auto;gap:9px;padding-top:13px;font-size:14px}.hx-aging strong{font-weight:500;font-variant-numeric:tabular-nums}
.hx-aging-track{grid-column:1/-1;height:7px;background:var(--hx-side);border-radius:4px;overflow:hidden}.hx-aging-track i{display:block;height:100%;background:var(--hx-green)}
.hx-table-wrap{max-width:100%;overflow:auto}.hx-table-wrap table{border-collapse:collapse;width:100%;font-size:14px;white-space:normal}.hx-table-wrap th,.hx-table-wrap td{padding:13px 17px;border-top:1px solid var(--hx-line);text-align:left;font-weight:400;vertical-align:top;overflow-wrap:anywhere;min-width:100px}.hx-table-wrap th{background:var(--hx-bg);font-size:12px;color:var(--hx-muted);font-weight:500}
.hx-register-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.hx-register-toolbar input,.hx-register-toolbar select,.hx-chart-currency select,.hx-option-add input{border:1px solid var(--hx-line);border-radius:7px;background:var(--hx-surface);color:var(--hx-ink);font:inherit;font-size:14px;padding:9px 11px;min-height:40px;max-width:100%}.hx-register-toolbar input{flex:1 1 190px;max-width:350px}.hx-register-toolbar>span{font-size:13px;color:var(--hx-muted);margin-left:auto}
.hx-chart-currency{display:flex;align-items:center;justify-content:flex-end;gap:9px;font-size:13px;color:var(--hx-muted);margin-bottom:14px}
.hx-empty{padding:24px 20px;font-size:14px;color:var(--hx-muted)}.hx-error{padding:14px 16px;background:#faeee8;border-radius:7px;color:#8d4937;font-size:14px}
.hx-dialog{position:fixed;inset:0;margin:auto;width:920px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--hx-line);border-radius:12px;background:var(--hx-surface);color:var(--hx-ink);box-shadow:0 20px 80px #21332924;overflow:auto;font:400 15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hx-dialog::backdrop{background:#15271b66}.hx-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 24px;border-bottom:1px solid var(--hx-line);position:sticky;top:0;background:var(--hx-surface);z-index:1}
.hx-dialog h2{font-size:19px;font-weight:500;margin:0}.hx-dialog h3{font-size:16px;font-weight:500;margin:0 0 18px}.hx-dialog-body{padding:22px 24px}.hx-dialog-body>section:first-child{margin-bottom:22px}
.hx-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:0}.hx-facts dt{font-size:13px;color:var(--hx-muted);margin-bottom:5px}.hx-facts dd{font-size:15px;margin:0;overflow-wrap:anywhere}.hx-facts pre{white-space:pre-wrap;word-break:break-word;font-size:12px;max-height:250px;overflow:auto}
.hx-dialog a{color:var(--hx-green)}.hx-all-fields{border-top:1px solid var(--hx-line);margin-top:22px;padding-top:15px}.hx-all-fields>summary{cursor:pointer;font-size:16px;font-weight:500;padding:8px 0 15px}.hx-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hx-deal{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:17px 20px;background:var(--hx-surface);border:0;border-top:1px solid var(--hx-line);font:inherit;font-size:15px;text-align:left;color:var(--hx-ink);cursor:pointer}.hx-deal:hover{background:var(--hx-bg)}.hx-deal>span:last-child{text-align:right}.hx-deal small{display:block;font-size:13px;color:var(--hx-muted);margin-top:4px}
.hx-settings-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:5px;background:var(--hx-side);border:1px solid var(--hx-line);border-radius:8px;margin-bottom:23px}.hx-settings-tabs button{background:transparent;border-color:transparent}.hx-settings-tabs [aria-pressed=true]{background:var(--hx-surface);color:var(--hx-green);border-color:var(--hx-line)}
.hx-option-add{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-top:20px;border-top:1px solid var(--hx-line);padding-top:20px}.hx-option-add label{display:grid;gap:7px;font-size:14px}.hx-option-add [role=status]{font-size:13px;color:var(--hx-muted)}
/* The richer existing workspaces share the same typography and spacing. */
#app[data-experience-view] :is(#commission-dashboard,#commission-policy-settings,#salespeople-workspace,#mpr-payroll){--ec-bg:var(--hx-bg);--ec-panel:var(--hx-surface);--ec-line:var(--hx-line);--ec-muted:var(--hx-muted);--ec-green:var(--hx-green);font-family:inherit;font-size:15px}
#app[data-experience-view] :is(.ec-content,.sp-page,.cp-page){padding:0;max-width:none}
#app[data-experience-view] :is(.ec-panel,.mpr-panel,.sp-panel,.cp-panel){border-color:var(--hx-line);border-radius:10px;box-shadow:none}
#app[data-experience-view] :is(.ec-stat,.mpr-metric){border-color:var(--hx-line);border-radius:9px;padding:17px 16px}
#app[data-experience-view] :is(.ec-stat label,.mpr-metric dt){font-size:13px;font-weight:400;color:var(--hx-muted)}
#app[data-experience-view] :is(.ec-value,.mpr-metric dd){font-size:27px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums}
#app[data-experience-view] :is(.ec-button,.mpr-button,.sp-button,.cp-button){font-size:14px;font-weight:400;line-height:1.5;border-radius:7px;min-height:40px}
#app[data-experience-view] :is(.sp-tabs,.cp-tabs,.mpr-tabs){gap:5px}
#app[data-experience-view] :is(.ec-small,.sp-muted,.cp-muted,.mpr-muted){font-size:13px;line-height:1.6}
#app[data-experience-view] :is(.ec-header,.sp-header,.cp-page-header,.mpr-head){margin-bottom:22px}
#app[data-experience-view] .hx-commission-chart{margin-bottom:22px}
#app[data-experience-view] .sp-directory-metrics{margin-bottom:20px}
/* Apply the same hierarchy to the real Admin Console without replacing actions. */
#admin-console{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--hx-bg);color:var(--hx-ink);--admin-line:var(--hx-line);--admin-muted:var(--hx-muted)}
#admin-console .admin-nav button{font-size:14px!important;font-weight:400!important}
#admin-console :is(.admin-card,.admin-panel,.admin-user){border-color:var(--hx-line);border-radius:10px;box-shadow:none}
#admin-console :is(h2,.admin-panel h2,.admin-card h2){font-size:19px!important;font-weight:500!important}
#admin-console h1{font-size:29px;font-weight:500;letter-spacing:-.03em}
#admin-console :is(.admin-muted,.admin-card p,.admin-field label){font-size:13px;font-weight:400;color:var(--hx-muted)}
#admin-console :is(.admin-btn,.admin-field input,.admin-field select){font-size:14px;font-weight:400;min-height:40px}
#admin-console .admin-btn.primary{background:var(--hx-green);border-color:var(--hx-green);font-size:14px;font-weight:500}
[hidden]{display:none!important}
@media(max-width:1100px){.hx-insight-grid{grid-template-columns:1fr}.hx-chart{height:200px}}
@media(max-width:900px){.hx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){#app[data-experience-view]>.shell>main>.content{padding:22px 16px 32px}.hx-section-tabs{gap:3px}.hx-section-tabs .hx-button{flex-basis:110px;font-size:13px;padding:9px 7px}.hx-dialog{max-width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.hx-dialog>header,.hx-dialog-body{padding:18px 16px}.hx-dialog .hx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-facts{gap:16px}.hx-deal{padding:16px}.hx-chart{gap:5px;padding-inline:12px}.hx-register-toolbar>span{margin-left:0}#app[data-experience-view] .form-grid{grid-template-columns:1fr}#app[data-experience-view] .form-grid .field{grid-column:1/-1}}
@media(max-width:390px){.hx-metric{padding:14px 12px}.hx-metric>strong{font-size:23px}.hx-metric small{font-size:12px}.hx-facts{grid-template-columns:1fr}.hx-dialog .hx-metrics{grid-template-columns:1fr}}

#app[data-experience-view] .title-row>div{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#app[data-experience-view] .title-row>.actions{flex-wrap:wrap}
#app[data-experience-view] #table-content .hx-table-wrap{overflow:auto;max-width:100%}

#app[data-experience-view] .hx-reference{display:block;margin-top:4px;font-size:13px;color:var(--hx-muted);line-height:1.5}

.hx-chart-pair{position:relative}.hx-chart-pair>span{position:absolute;transform:translateX(-50%)}.hx-chart-pair.hx-has-negative::after{content:'';position:absolute;bottom:var(--hx-zero);left:0;right:0;height:1px;background:var(--hx-line)}.hx-chart-pair>.hx-negative{background:#b85a47;border-radius:0 0 4px 4px}

#app[data-experience-view] #mpr-payroll{--hx-bg:var(--mpr-bg);--hx-surface:var(--mpr-panel);--hx-line:var(--mpr-border);--hx-muted:var(--mpr-muted);--hx-ink:var(--mpr-text);--hx-green:var(--mpr-green)}

/* Compact register layout: maintain the text size and reduce unused space. */
:root{--hx-register-height:clamp(280px,46dvh,480px);--hx-support-height:min(360px,48dvh)}
#app>.shell>main>.top,#app.overview-mode>.shell>main>.top{min-height:56px;padding-block:12px}
#app[data-experience-view]>.shell>main>.content{padding-top:20px}
#app[data-experience-view]:not([data-experience-view=overview]) .title-row .eyebrow{display:none}
#app[data-experience-view] .title-row{margin-bottom:16px;gap:12px}
#app[data-experience-view] .title-row h1{margin-bottom:4px}
.hx-section-tabs{padding:4px;margin-bottom:18px}
.hx-section-tabs .hx-button{min-height:34px;padding:6px 10px}
.hx-metrics{margin-bottom:16px}
.hx-metric{min-height:96px;padding:12px 16px}
.hx-metric>span{margin-bottom:4px}.hx-metric>strong{margin-bottom:3px}
#app[data-experience-view] :is(.ec-stat,.mpr-metric){padding:13px 16px}
#app[data-experience-view] #data-panel{padding:16px}
#app[data-experience-view] #data-panel>.panel-head{margin-bottom:12px}
#app[data-experience-view] .module-toolbar{padding-bottom:0;margin-bottom:12px}
.hx-register-toolbar{margin-bottom:12px}

/* One vertical and horizontal scroll boundary keeps headers aligned with cells.
   Short results use their natural height; long registers use available screen space. */
:is(#app,#admin-console,.record-modal,.hx-dialog) .hx-table-region{
 position:relative;isolation:isolate;max-width:100%;max-height:var(--hx-support-height);
 overflow:auto;border:1px solid var(--hx-line,#dfe4de);border-radius:8px;
 background:var(--hx-surface,#fff);scrollbar-gutter:stable;scrollbar-width:thin;
 scrollbar-color:#a9b8a3 var(--hx-bg,#f7f8f5);scroll-padding-block:52px 12px;
}
#app[data-experience-view] :is(#table-content,#reservation-content) .hx-register-region{
 height:auto;max-height:max(min(420px,50dvh),calc(100dvh - var(--hx-register-top,400px) - 40px));border:1px solid var(--hx-line);border-radius:8px;
 overscroll-behavior:contain;
}
:is(#app,#admin-console,.record-modal,.hx-dialog) .hx-table-region>table{border-collapse:separate;border-spacing:0;margin:0;width:100%}
:is(#app,#admin-console,.record-modal,.hx-dialog) .hx-table-region>table>thead{
 position:sticky;top:0;z-index:3;background:var(--hx-bg,#f7f8f5);box-shadow:0 1px 0 var(--hx-line,#dfe4de);
}
:is(#app,#admin-console,.record-modal,.hx-dialog) table>thead>tr>th{
 font-size:14px!important;font-weight:600!important;line-height:1.5;letter-spacing:0!important;
 text-transform:none!important;color:var(--hx-ink,#29392f);background:var(--hx-bg,#f7f8f5);
 padding:10px 14px;
}
:is(#app,#admin-console,.record-modal,.hx-dialog) .hx-table-region>table>tbody>tr>td{font-size:14px!important;line-height:1.5}
#app[data-experience-view] :is(#table-content,#reservation-content) .hx-table-region td{padding:9px 14px}
#app[data-experience-view] :is(#table-content,#reservation-content) .hx-table-region tbody tr{height:56px}
#app[data-experience-view] #table-content .hx-action-heading{width:1%}
#app[data-experience-view] #table-content .hx-row-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;width:max-content}
#app[data-experience-view] #table-content .hx-row-actions>button{flex:none;white-space:nowrap;margin:0}
#app[data-experience-view] #table-content .hx-row-actions>.hx-record-open{padding-inline:3px}
#app[data-experience-view] #table-content td .btn{min-height:32px;margin:0 4px 0 0;padding:5px 8px}
#app[data-experience-view] #table-content .hx-record-open{min-height:32px;margin-block:0;padding-block:5px}
:is(#app,#admin-console,.record-modal,.hx-dialog) .hx-table-region:focus-visible,
:is(#app,#admin-console,.record-modal,.hx-dialog) .hx-list-region:focus-visible{outline:2px solid var(--hx-green,#397b22);outline-offset:2px}
#app[data-experience-view] #table-content :is([data-record-field=deal_count],[data-record-field=open_invoice_balance]){font-variant-numeric:tabular-nums;white-space:nowrap}

/* Registers rendered as grids use the same boundary and sticky heading rule. */
#app .hx-list-region,.hx-dialog .hx-list-region{
 max-height:var(--hx-register-height);overflow:auto;position:relative;isolation:isolate;
 border:1px solid var(--hx-line,#dfe4de);border-radius:8px;background:var(--hx-surface,#fff);
 scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#a9b8a3 var(--hx-bg,#f7f8f5);
 scroll-padding-block:52px 12px;
}
#app .hx-list-region>:is(.list-labels,.deliverable-labels,.sp-list-heading,.mpr-team-head,.mpr-deal-head,.mse-grid-heading){
 position:sticky;top:0;z-index:3;margin-top:0;background:var(--hx-bg);box-shadow:0 1px 0 var(--hx-line);
 font-size:14px!important;font-weight:600!important;letter-spacing:0;text-transform:none;
}
#app .hx-list-region>.sp-pager{position:sticky;bottom:0;background:var(--hx-surface);border-top:1px solid var(--hx-line);padding:12px;z-index:2}
#app .hx-list-region>.ec-person{margin-inline:12px}
#app .customer-list.hx-list-region{padding-inline:0}
#app .hx-list-region>.list-labels,#app .hx-list-region>.customer-row{padding-inline:14px}
@media(max-width:740px){
 #app[data-experience-view]>.shell>main>.content{padding-top:16px}
 .hx-section-tabs{margin-bottom:14px}.hx-section-tabs .hx-button{font-size:13px;padding-inline:7px}
 .hx-metric{padding:12px;min-height:96px}
 #app[data-experience-view] #data-panel{padding:12px}
 #app[data-experience-view] :is(#table-content,#reservation-content) .hx-register-region{height:auto;max-height:max(min(320px,50dvh),calc(100dvh - var(--hx-register-top,400px) - 28px))}
 :is(#app,#admin-console,.record-modal,.hx-dialog) .hx-table-region{max-height:min(340px,50dvh)}
}
@media print{
 :is(#app,#admin-console,.record-modal,.hx-dialog) :is(.hx-table-region,.hx-list-region){height:auto!important;max-height:none!important;overflow:visible!important}
 :is(#app,#admin-console,.record-modal,.hx-dialog) .hx-table-region>table>thead{position:static}
}
/* Sorting uses native buttons for keyboard and assistive technology access. */
:is(#app,#admin-console,.record-modal,.hx-dialog) .hx-sort-button{
 display:inline-flex;align-items:center;gap:7px;min-height:32px;max-width:100%;padding:2px 0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:inherit;cursor:pointer;box-shadow:none;white-space:normal;
}
:is(#app,#admin-console,.record-modal,.hx-dialog) .hx-sort-button:hover{color:var(--hx-green,#397d26);background:transparent}
:is(#app,#admin-console,.record-modal,.hx-dialog) .hx-sort-button:focus-visible{outline:2px solid var(--hx-green,#397d26);outline-offset:3px}
.hx-sort-arrow{font-size:14px;font-weight:500;opacity:.55;flex:none}
[aria-sort=ascending] .hx-sort-arrow,[aria-sort=descending] .hx-sort-arrow{opacity:1;color:var(--hx-green,#397d26)}
.hx-sort-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.hx-sort-tools label{display:grid;gap:4px;font-size:13px}
.hx-sort-tools select{font:inherit;min-height:36px;border:1px solid var(--hx-line,#dce4d9);border-radius:7px;background:var(--hx-card,#fff);color:inherit;padding:6px 10px}
#app.intake-mode .intake-heading>div{flex:1;min-width:0}
#app.intake-mode .intake-heading p{max-width:none;width:100%}
:is(#app,#admin-console,.record-modal,.hx-dialog,dialog) select.hx-select{appearance:none;font:inherit;font-size:14px;line-height:1.45;color:var(--hx-ink);background-color:var(--hx-surface);border:1px solid var(--hx-line);border-radius:7px;min-height:40px;max-width:100%;padding:8px 32px 8px 11px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23647368' stroke-width='1.6'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;padding-right:32px!important}
:is(#app,#admin-console,.record-modal,.hx-dialog,dialog) select.hx-select:disabled{opacity:.6;cursor:default}
.hx-select-popup{position:fixed;inset:auto;margin:0;box-sizing:border-box;padding:8px;border:1px solid var(--hx-line);border-radius:9px;background:var(--hx-surface);color:var(--hx-ink);box-shadow:0 12px 38px #1e34262b;overflow:hidden;font:400 14px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;z-index:2000}
.hx-select-popup:popover-open{display:flex;flex-direction:column;gap:6px}.hx-select-popup[hidden]{display:none!important}
.hx-select-search{flex:none;box-sizing:border-box;width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--hx-line);border-radius:6px;background:var(--hx-bg);color:var(--hx-ink);font:inherit;outline-offset:1px}
.hx-select-search:focus-visible{outline:2px solid var(--hx-green)}
.hx-select-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1}
.hx-select-results{min-height:0;display:flex;flex-direction:column;flex:1}
.hx-select-add{flex:none;border-bottom:1px solid var(--hx-line);padding-bottom:6px}
.hx-select-popup button{position:relative;display:block;width:100%;min-height:36px;padding:8px 30px 8px 10px;border:0;border-radius:5px;text-align:left;font:inherit;color:inherit;background:transparent;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-select-popup button[aria-selected=true]{color:var(--hx-green);font-weight:500}.hx-select-popup button[aria-selected=true]:after{content:'✓';position:absolute;right:10px}
.hx-select-popup button:hover,.hx-select-popup button.hx-select-active{background:var(--hx-soft)}
.hx-select-popup button:disabled{opacity:.5;cursor:default}.hx-select-popup .hx-select-add-option{color:var(--hx-green);font-weight:500}
.hx-select-empty{padding:12px 10px;margin:0;color:var(--hx-muted);font-size:13px}
#app #overview-dashboard.approved-overview-mockup .overview-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:11px 16px;min-height:68px}
#app #overview-dashboard.approved-overview-mockup .overview-queue-copy{min-width:0}
#app #overview-dashboard.approved-overview-mockup .overview-queue-first{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
#app #overview-dashboard.approved-overview-mockup .overview-queue-first strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px}
#app #overview-dashboard.approved-overview-mockup .overview-queue-second{display:flex;align-items:center;gap:8px;margin-top:4px;min-width:0;height:20px}
#app #overview-dashboard.approved-overview-mockup .overview-queue-detail{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--hx-muted);line-height:20px}
#app #overview-dashboard.approved-overview-mockup .overview-queue-second .pill{flex:none;font-size:11px;padding:2px 6px;line-height:16px;white-space:nowrap}
#app #overview-dashboard.approved-overview-mockup .overview-queue-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}
#app #overview-dashboard.approved-overview-mockup .overview-queue-actions .btn{font-size:13px;min-height:34px;padding:7px 10px;white-space:nowrap}
#app #overview-dashboard.approved-overview-mockup .overview-queue-amount{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
#app #overview-dashboard.approved-overview-mockup .overview-queue-mobile-amount{display:none}
@media(max-width:740px){
 #app #overview-dashboard.approved-overview-mockup .overview-queue-item{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;min-height:76px}
 #app #overview-dashboard.approved-overview-mockup .overview-queue-actions{flex-direction:column;align-items:stretch;gap:4px}
 #app #overview-dashboard.approved-overview-mockup .overview-queue-actions .btn{font-size:12px;padding:5px 7px;min-height:28px}
 #app #overview-dashboard.approved-overview-mockup .overview-queue-amount{display:none}
 #app #overview-dashboard.approved-overview-mockup .overview-queue-mobile-amount{display:block;flex:none;font-size:12px;font-variant-numeric:tabular-nums}
 #app #overview-dashboard.approved-overview-mockup .overview-queue-second .pill{max-width:90px;overflow:hidden;text-overflow:ellipsis}
}

.invoice-related-modal{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
.invoice-related-modal::backdrop{background:#25352a66}
.invoice-related-modal>[data-related-footer]{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.invoice-related-modal{color:var(--hx-ink);font:400 14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.invoice-related-modal .record-modal-head h2{font-size:19px;font-weight:500;line-height:1.4}
.invoice-related-modal .field label{font-size:14px}
.invoice-related-modal .btn.primary{background:var(--hx-green);border-color:var(--hx-green);color:#fff}
.invoice-related-modal .btn.primary:disabled{opacity:.5}
.hx-button.hx-primary:hover{background:#2f681e;border-color:#2f681e;color:#fff}
.invoice-related-modal .btn.primary:hover:not(:disabled){background:#2f681e;border-color:#2f681e;color:#fff}
/* Shared action contrast and chart presentation, including dialogs and sign-in. */
:root{--hx-action-fill:#397b22;--hx-chart-primary:light-dark(#397b22,#a7d982);--hx-chart-secondary:#b4c8a8;--hx-bar-radius:2px}
button:is(.primary,.hx-primary,.mpr-primary,.sp-primary):not(:disabled){background:var(--hx-action-fill)!important;border-color:var(--hx-action-fill)!important;color:#fff!important;opacity:1}
button:is(.primary,.hx-primary,.mpr-primary,.sp-primary):not(:disabled):is(:hover,:focus-visible){background:#2f681e!important;border-color:#2f681e!important;color:#fff!important}
button:is(.primary,.hx-primary,.mpr-primary,.sp-primary):disabled{background:#e2e8de!important;border-color:#cbd5c5!important;color:#596553!important;opacity:1;cursor:not-allowed}
.reserved-number-copy{width:100%;font:500 18px/1.4 inherit;border:1px solid var(--hx-line);border-radius:7px;padding:10px;color:var(--hx-ink);background:var(--hx-bg)}
.hx-chart{position:relative}.hx-chart-pair>span{border-radius:var(--hx-bar-radius)}
.hx-chart-slot:is(:focus,[aria-pressed=true]){background:transparent;box-shadow:none}
.hx-chart-slot:focus-visible{outline:2px solid var(--hx-green);outline-offset:-2px}
.hx-series-tooltip{z-index:8;pointer-events:none;max-width:calc(100% - 16px)}
.hx-month-hit:focus:not(:focus-visible){fill:transparent;stroke:none}
#app #overview-dashboard.approved-overview-mockup :is(.cohort-bar,.coverage-stack>span){border-radius:var(--hx-bar-radius)}
#app #overview-dashboard.approved-overview-mockup :is(.cash-bar,.cohort-bar.cash){background:var(--hx-green)}
#mpr-payroll .mpr-person-row{padding:10px 18px;min-height:60px;gap:10px}
#mpr-payroll .mpr-person-row small{margin-top:2px}
#mpr-payroll .mpr-person-row .mpr-button{padding:7px 10px;min-height:34px}
@media(max-width:620px){#mpr-payroll .mpr-person-row{padding:10px 12px;gap:8px}#mpr-payroll .mpr-person-row>span:first-child{padding-right:0}}
#commission-dashboard .ec-metrics:has(>.ec-stat:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
#commission-dashboard .ec-approval-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px}
#commission-dashboard .ec-approval-strip h2{margin:0}#commission-dashboard .ec-approval-strip p{margin:3px 0}
#commission-dashboard .ec-progress-scroll{min-width:0;overflow:auto}
#commission-dashboard .ec-progress-table{min-width:780px;table-layout:auto}
#commission-dashboard .ec-progress-table .ec-person{display:table-row;height:58px}
#commission-dashboard .ec-progress-table .ec-person>td{padding:8px 12px;vertical-align:middle;display:table-cell}
#commission-dashboard .ec-progress-table th{padding:10px 12px;white-space:nowrap}
#commission-dashboard .ec-progress-table .ec-person>.ec-position{grid-column:auto;grid-row:auto}
#commission-dashboard .ec-progress-table .ec-avatar{width:28px;height:28px;font-size:12px}
#commission-dashboard .ec-progress-table .ec-owner .ec-link{max-width:270px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#commission-dashboard .ec-progress-table .ec-owner .ec-link:focus-visible{outline:2px solid var(--hx-green)}
#commission-dashboard .ec-progress-table .ec-small{font-size:12px;line-height:18px}
#commission-dashboard .ec-progress-table .ec-button{min-height:32px;padding:5px 10px;font-size:13px}
#commission-dashboard .ec-commission-aging .hx-aging{padding:0 18px 18px}
.hx-chart-slot:not(:hover){border-color:transparent}
.hx-chart-slot[aria-pressed=true]:not(:hover){background:transparent;border-color:transparent}
@media(max-width:1100px){#commission-dashboard .ec-metrics:has(>.ec-stat:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#commission-dashboard .ec-metrics:has(>.ec-stat:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}#commission-dashboard .ec-metrics:has(>.ec-stat:nth-child(5))>.ec-stat:last-child{grid-column:1/-1}#commission-dashboard .ec-approval-strip{align-items:flex-start;flex-wrap:wrap}}
#app #overview-dashboard.approved-overview-mockup .cohort-bar.eligible{background:var(--hx-chart-secondary)}
#app #overview-dashboard.approved-overview-mockup .cohort-bar.matched{background:var(--hx-green)}
#app #overview-dashboard.approved-overview-mockup .coverage-unbilled{background:var(--hx-chart-secondary)}
#app #overview-dashboard.approved-overview-mockup :is(.cash-period,.coverage-bar)[aria-pressed=true]:not(:hover){background:transparent}
.hx-chart-pair>.hx-negative{background:#b65540!important;border-radius:var(--hx-bar-radius)}
.hx-chart[data-time-series]{gap:4px}
.hx-chart[data-time-series]>.hx-chart-slot{flex:1 0 32px;min-width:32px;max-width:none;font-size:12px;padding-inline:1px}
.hx-chart-scrollhint{padding:0 20px;margin:4px 0 10px;font-size:12px;color:var(--hx-muted)}
#commission-dashboard .ec-progress-scroll.hx-table-region{max-height:min(430px,60dvh)}

.hx-value-line{stroke:var(--hx-chart-primary)}.hx-value-point{stroke:var(--hx-chart-primary)}.hx-chart-legend i.hx-line-key{background:var(--hx-chart-primary)}.hx-line-key:after{background:var(--hx-chart-primary)}
#app #overview-dashboard.approved-overview-mockup :is(.cohort-bar.matched,.coverage-billed){background:var(--hx-chart-primary)}
.hx-aging-track>i{background:var(--hx-chart-primary)}

.ec-payment-aging .hx-aging-track i{background:var(--hx-chart-primary)}.ec-payment-aging [data-payment-aging=overdue] .hx-aging-track i{background:light-dark(#b65540,#e59a83)}.ec-payment-aging [data-payment-aging=unknown] .hx-aging-track i{background:light-dark(#a77827,#d6b16e)}.ec-payment-aging>.ec-actions{padding:0 22px 18px}
.hx-report-controls{display:flex;align-items:end;gap:18px;flex-wrap:wrap;padding:0 18px 16px}.hx-report-controls label{display:grid;gap:7px;font-size:13px}.hx-report-controls select{min-width:110px}.hx-report-status{max-width:680px;font-size:12px;color:var(--hx-muted,#6b7b70);padding-bottom:9px}#app .hx-panel [aria-label="Operational Metrics"] td:nth-child(3){max-width:560px;font-size:13px!important;line-height:1.5}#app .hx-panel [aria-label="Operational Metrics"] td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
.hx-journey-return{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--hx-muted,#6b7b70)}.deal-workflow-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 0;grid-column:1/-1}#app .hx-dialog-body [data-hx-invoice],.hx-dialog [data-hx-invoice]{border:0;padding:2px 0;min-height:28px;text-decoration:underline;text-underline-offset:3px;background:transparent;color:#397d25}
.hx-report-currency{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--hx-muted,#6b7b70)}.hx-report-currency select{width:95px}#app[data-experience-view="reports"] #overview-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}#app[data-experience-view="reports"] #overview-cards .card{padding:12px 15px;min-height:0}#app[data-experience-view="reports"] #overview-cards .card label{font-size:12px;line-height:1.4}#app[data-experience-view="reports"] #overview-cards .card strong{font-size:25px;margin-top:8px;line-height:1.25}#app[data-experience-view="reports"] .hx-report-controls{padding-bottom:8px}@media(max-width:1200px){#app[data-experience-view="reports"] #overview-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){#app[data-experience-view="reports"] #overview-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-report-currency{flex-wrap:wrap}}

/* Approved unified workspace: one summary treatment across the four reviewed views. */
.ws-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:var(--hx-surface);border:1px solid var(--hx-line);border-radius:10px;padding:14px 17px;margin:0 0 18px;color:var(--hx-ink)}
.ws-summary-item{min-width:0}
.ws-summary-label{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:var(--hx-muted);font-size:12px;line-height:1.5}
.ws-summary-label .workspace-nav-icon{width:15px;height:15px;flex:none}
.ws-summary-value{display:block;font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ws-summary-note{display:block;font-size:12px;line-height:1.5;color:var(--hx-muted);margin-top:3px}
.ws-summary-help{border:1px solid var(--hx-line);border-radius:50%;width:17px;height:17px;flex:none;display:inline-grid;place-items:center;padding:0;background:transparent;color:var(--hx-muted);font-size:11px;font-family:inherit;line-height:1;cursor:pointer}
.ws-summary-popover{max-width:min(360px,calc(100vw - 32px));border:1px solid var(--hx-line);border-radius:9px;padding:16px;color:var(--hx-ink);background:var(--hx-surface);box-shadow:0 8px 28px #23312720;font:400 13px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.ws-summary-popover strong{font-weight:600}.ws-summary-popover p{margin:8px 0}.ws-summary-popover .hx-button{font-size:12px;min-height:30px;padding:4px 9px}
.ws-register-tabs{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:-2px 0 14px;border-bottom:1px solid var(--hx-line)}
.ws-register-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--hx-muted);font:400 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:7px 0 11px;cursor:pointer}
.ws-register-tabs button[aria-selected=true]{border-bottom-color:var(--hx-green);color:var(--hx-ink);font-weight:600}
#app[data-unified-workspace]>.shell{grid-template-columns:224px minmax(0,1fr)}
#app[data-unified-workspace]>.shell>.sidebar{padding:20px 11px 12px}
#app[data-unified-workspace] #navigation .nav-group-label{font-size:13px;padding:9px 8px}
#app[data-unified-workspace] #navigation button{font-size:13px;min-height:34px;padding:7px 9px}
#app[data-unified-workspace] #navigation .nav-home button{font-size:14px;min-height:39px}
#app[data-unified-workspace] #navigation .nav-submenu{padding-left:10px;margin-left:16px}
#app[data-unified-workspace]>.shell>.sidebar .brand{font-size:14px;padding:0 8px 20px}
#app[data-unified-workspace]>.shell>.sidebar .brand span:last-child{font-size:14px}
#app[data-unified-workspace]>.shell>main>.top{min-height:52px;padding:12px 24px}
#app[data-unified-workspace]>.shell>main>.content{max-width:none;padding:24px}
#app[data-unified-workspace=overview]>.shell>main>.content{padding:0}
#app[data-unified-workspace] .title-row h1,#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup h1{font-size:26px;font-weight:600;letter-spacing:-.035em;line-height:1.25;margin-bottom:5px}
#app[data-unified-workspace] .title-row p{font-size:13px}
#app[data-unified-workspace] :is(.title-row,.head) .eyebrow{display:none}
#app[data-unified-workspace] :is(.title-row>.actions,.head-actions){gap:8px;align-items:center}
#app[data-unified-workspace] :is(.btn,.hx-button){border-radius:6px;min-height:34px;font-size:13px;padding:6px 10px}
#app[data-unified-workspace] :is(.panel,.hx-panel){border-radius:10px;box-shadow:none}
#app[data-unified-workspace] :is(.panel h2,.hx-panel h2){font-size:15px!important;font-weight:600!important;letter-spacing:-.015em;line-height:1.4}
#app[data-unified-workspace] .hx-panel>header{padding:16px 17px 12px}
#app[data-unified-workspace] .hx-panel header p{font-size:12px;line-height:1.5;margin-top:4px}
#app[data-unified-workspace] .hx-insight-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;margin-bottom:18px}
#app[data-unified-workspace] .hx-contract-support{gap:12px}
#app[data-unified-workspace] :is(.hx-chart-legend,.hx-chart-range,.hx-trend-summary){font-size:12px;padding-inline:17px;margin-bottom:10px}
#app[data-unified-workspace] .hx-trend-summary{padding-bottom:10px;gap:10px 20px}
#app[data-unified-workspace] .hx-trend-summary strong{font-size:17px}
#app[data-unified-workspace] .hx-chart-detail{padding:10px 17px;font-size:12px}
#app[data-unified-workspace] .hx-due-item{padding:10px 14px;font-size:13px;gap:10px}
#app[data-unified-workspace] .hx-due-item small{font-size:12px;margin-top:3px}
#app[data-unified-workspace] .hx-delivery-footer{padding:9px 14px;font-size:12px}
#app[data-unified-workspace=contracts] #data-panel{padding:14px 16px 16px}
#app[data-unified-workspace=contracts] [data-ws-contract-section]{margin-top:0!important}
#app[data-unified-workspace=contracts] [data-ws-contract-section]>h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .content{max-width:none;padding:24px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .head{margin-bottom:16px;align-items:center;gap:14px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .subhead{font-size:13px;margin-top:5px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-scope{font-size:12px;margin-bottom:14px}
#app[data-unified-workspace] .overview-view-nav{display:flex;gap:22px;flex-wrap:wrap;background:transparent;border:0;border-bottom:1px solid var(--hx-line);border-radius:0;margin:0 0 18px;padding:0}
#app[data-unified-workspace] .overview-view-tab{flex:none;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:0 0 11px;color:var(--hx-muted);font-size:13px;min-height:34px;box-shadow:none}
#app[data-unified-workspace] .overview-view-tab[aria-current=page]{background:transparent;border-color:var(--hx-green);color:var(--hx-ink);font-weight:600;box-shadow:none}
#app[data-unified-workspace] .overview-view-tab>.workspace-nav-icon{display:none}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-chart-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;margin-bottom:18px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-chart-grid .panel{margin:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .panel-head{padding:16px 17px 12px;margin-bottom:0;gap:12px;align-items:center}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .panel-head p{font-size:12px;margin-top:4px;line-height:1.5}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-body{padding:0 17px 14px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-chart{height:190px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-headline strong{font-size:19px;font-weight:500}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup :is(.coverage-legend,.coverage-caption,.coverage-selected,.coverage-headline>span){font-size:12px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .aging-body{padding:0 17px 14px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-aging-row{padding-block:8px;font-size:12px;grid-template-columns:110px minmax(20px,1fr) auto;gap:8px}
#app[data-unified-workspace] .ws-overview-work-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
#app[data-unified-workspace] .ws-overview-work-grid>.panel{min-width:0;margin:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-action-tabs{padding:0 13px 10px;gap:5px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-action-tabs button{padding:6px 8px;font-size:12px;min-height:32px;border-radius:5px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-summary{padding:9px 17px;font-size:12px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-item{padding:12px 17px;gap:10px;min-height:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-first strong{font-size:13px;font-weight:500}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-second{font-size:12px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-actions{gap:6px;flex-wrap:nowrap}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-actions>.btn{font-size:12px;min-height:30px;padding:5px 7px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-pagination{padding:10px 17px;font-size:12px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup :is(.customer-list .list-labels,.customer-list .customer-row){min-width:670px;grid-template-columns:minmax(180px,1.6fr) 65px 130px 110px 110px 20px;gap:10px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .customer-list .customer-row{padding:10px 14px;min-height:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .customer-list .cell{display:block!important;font-size:13px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .customer-list .list-labels span{display:block!important}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .customer-list .mobile-summary{display:none!important}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .customer-name{font-size:13px;font-weight:500}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .customer-meta{font-size:12px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .analytics-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;margin-bottom:18px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .analytics-panel{padding:16px 17px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .analytics-panel h2{margin-bottom:4px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .analytics-panel>.muted{font-size:12px;line-height:1.5;margin-top:3px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .cash-period{background:transparent!important}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .cash-period .cohort-bar{border-radius:3px 3px 0 0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .cohort-legend i.eligible{background:var(--hx-chart-secondary,#b4c8a8)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .cohort-legend i.matched{background:var(--hx-chart-primary,var(--hx-green))}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .portal-sync-note{padding:12px 24px 20px;margin:0;border:0;background:transparent;font-size:12px;line-height:1.6;color:var(--hx-muted)}
@media(max-width:1280px){#app[data-unified-workspace] .ws-overview-work-grid{grid-template-columns:1fr}}
@media(max-width:1050px){#app[data-unified-workspace]>.shell{grid-template-columns:204px minmax(0,1fr)}#app[data-unified-workspace] .hx-insight-grid,#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup :is(.overview-chart-grid,.analytics-grid){grid-template-columns:1fr}}
@media(max-width:760px){
 .ws-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:13px}
 .ws-summary-value{font-size:17px}.ws-summary-note{font-size:12px}
 #app[data-unified-workspace]>.shell{display:block}
 #app[data-unified-workspace]>.shell>main>.content,#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .content{padding:18px 14px}
 #app[data-unified-workspace=overview]>.shell>main>.content{padding:0}
 #app[data-unified-workspace] .overview-view-nav{gap:12px 17px}
 #app[data-unified-workspace] .overview-view-tab{font-size:12px}
 #app[data-unified-workspace] .ws-register-tabs{gap:14px}
 #app[data-unified-workspace] .ws-register-tabs button{font-size:12px}
 #app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-aging-row{grid-template-columns:100px minmax(20px,1fr) auto}
 #app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-actions{flex-wrap:wrap}
}

/* Faithful implementation of the approved Workspace Direction. These dimensions
   are taken from the approved product mockup, rather than the earlier dashboard. */
#app[data-unified-workspace]{--hx-bg:#f7f8f6;--hx-surface:#fff;--hx-side:#f1f4ee;--hx-ink:#25332b;--hx-muted:#718076;--hx-line:#e3e8e0;--hx-green:#357b29;--hx-soft:#eef4e9;--hx-chart-primary:#357b29;--hx-chart-secondary:#bdd0ae;font-size:13px;line-height:1.5}
#app[data-unified-workspace]>.shell{grid-template-columns:180px minmax(0,1fr)}
#app[data-unified-workspace]>.shell>.sidebar{background:#f1f4ee;padding:22px 10px 14px}
#app[data-unified-workspace]>.shell>.sidebar .brand{padding:0 7px 24px;font-size:14px;gap:8px}
#app[data-unified-workspace]>.shell>.sidebar .mark{position:relative;width:27px;height:27px;border-radius:8px;background:#357b29;flex:none}
#app[data-unified-workspace]>.shell>.sidebar .mark img{visibility:hidden}
#app[data-unified-workspace]>.shell>.sidebar .mark::after{content:'m';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:italic 700 23px/1 Georgia,serif}
#app[data-unified-workspace] .workspace-switcher{margin:0 0 14px;padding:10px;gap:9px}
#app[data-unified-workspace] .workspace-initial{width:28px;height:28px;background:#eef4e9;color:#357b29;font-size:12px;border-radius:7px}
#app[data-unified-workspace] #client-select{font-size:13px;font-weight:600}
#app[data-unified-workspace] .workspace-switcher label{font-size:11px}
#app[data-unified-workspace] #workspace-page-search-open{font-size:12px;padding:8px;margin:0 0 22px;width:100%;gap:7px}
#app[data-unified-workspace] #navigation .nav-group-label,#app[data-unified-workspace] #navigation button{font-size:12px;padding:9px;min-height:0;gap:8px}
#app[data-unified-workspace] #navigation .nav-home button{font-size:12px;min-height:0;padding:9px}
#app[data-unified-workspace] #navigation .nav-submenu{margin:3px 0 9px 17px;padding-left:9px;gap:0}
#app[data-unified-workspace] #navigation .nav-submenu button{font-size:12px;padding:7px 8px}
#app[data-unified-workspace] .workspace-nav-icon{width:16px;height:16px;stroke-width:1.6}
#app[data-unified-workspace] #navigation button.active{background:#e1ecda;color:#357b29;font-weight:600}
#app[data-unified-workspace] #navigation button.active::before{display:none}
#app[data-unified-workspace]>.shell>main>.top{height:52px;min-height:52px;padding:0 25px;background:#fff}
#app[data-unified-workspace] .workspace-breadcrumb{font-size:11px}
#app[data-unified-workspace] .workspace-context-label{font-size:11px}
#app[data-unified-workspace] :is(.btn,.hx-button){font-size:12px;min-height:32px;padding:7px 10px;border-radius:6px}
#app[data-unified-workspace] .ws-summary{padding:13px 16px;gap:12px;margin-bottom:18px}
#app[data-unified-workspace] .ws-summary-label{font-size:11px;line-height:1.5;margin:0;gap:5px}
#app[data-unified-workspace] .ws-summary-trigger{border:0;background:transparent;padding:0;color:var(--hx-muted);font-family:inherit;text-align:left;cursor:pointer}
#app[data-unified-workspace] .ws-summary-value{font-size:14px;line-height:1.5;letter-spacing:0;font-weight:500;margin-top:4px}
#app[data-unified-workspace] .ws-summary-note{font-size:11px;line-height:1.5;margin-top:2px}
#app[data-unified-workspace] .ws-summary-label .workspace-nav-icon{width:14px;height:14px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .content{padding:24px;max-width:none}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .head{margin:0 0 18px;gap:16px;align-items:center}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .head h1{font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-1px;margin:0 0 5px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .subhead{font-size:12px;margin:0;color:var(--hx-muted)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .head-actions{gap:7px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .head-actions select{font-size:12px;padding:7px 10px;border:1px solid var(--hx-line);border-radius:6px;background:#fff;min-height:32px}
#app[data-unified-workspace] .overview-view-nav{gap:20px;margin:0 0 18px;padding:0}
#app[data-unified-workspace] .overview-view-tab{font-size:12px;line-height:1.5;min-height:0;padding:0 0 10px;gap:6px}
#app[data-unified-workspace] .overview-review-count{font-size:10px;min-width:19px;height:auto;padding:1px 5px;border-radius:4px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup :is(.panel-head h2,.analytics-panel h2,.hx-panel h2){font-size:14px!important;font-weight:600!important;line-height:1.4;letter-spacing:-.2px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .panel-head{padding:16px 17px 12px;gap:10px;flex-wrap:nowrap;align-items:center}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .panel-head :is(p,.panel-caption){font-size:11px;line-height:1.5;margin:3px 0 0;color:var(--hx-muted)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-chart-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;margin-bottom:18px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-chart-grid>.panel{display:flex;flex-direction:column;height:330px;min-width:0;margin:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-coverage{overflow:visible}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 17px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-legend{font-size:11px;gap:14px;margin:0 0 10px;line-height:1.5}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-legend i{width:8px;height:8px;border-radius:2px;margin-right:5px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-chart{height:auto;min-height:0;flex:1;margin:0 0 28px;padding:0 0 0 36px;gap:4px;border:0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(33.333% - 1px),#edf0eb calc(33.333% - 1px),#edf0eb 33.333%)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-axis{width:31px;font-size:10px;line-height:1;text-align:right}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-bar{padding:0 4px;background:transparent!important;border:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-stack{width:50%;max-width:23px;border-radius:3px 3px 0 0;overflow:hidden}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-label{font-size:10px;line-height:1.5;padding-top:6px;color:var(--hx-muted)!important;font-weight:400!important}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-bar:hover .coverage-stack{filter:brightness(.94)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-unbilled{background:#bdd0ae;border-radius:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .coverage-billed{background:#357b29;border-radius:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .ws-icon-button,#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-help-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border:1px solid var(--hx-line);border-radius:6px;background:#fff;font:400 13px/1.5 inherit;flex:none;cursor:pointer}
#app[data-unified-workspace] .ws-chart-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--hx-line);padding:10px 17px;font-size:11px;line-height:1.5;color:var(--hx-muted);margin-top:auto}
#app[data-unified-workspace] .ws-chart-footer b{font-weight:500;color:var(--hx-green)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .ws-chart-footer .coverage-review{padding:0;font-size:12px;line-height:1.5;font-weight:500;min-height:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .aging-body{padding:0 17px 10px;flex:1;min-height:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-aging-row{display:block;width:100%;border:0;background:transparent;padding:7px 0;font-size:11px;line-height:1.5;text-align:left;cursor:pointer}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .ws-aging-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .ws-aging-label b{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .ws-aging-label b>span{color:var(--hx-muted)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-aging-track{display:block;width:100%;height:4px!important;min-height:0;background:#edf0e9;border:0;border-radius:3px;overflow:hidden}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-aging-track>span{display:block;height:4px!important;background:#bdd0ae;border:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-aging-row.overdue .overview-aging-track>span{background:#b85a46}
#app[data-unified-workspace] .ws-overview-work-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:18px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-action-tabs{padding:0 13px 10px;gap:4px;border:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-action-tabs button{font-size:11px;line-height:1.5;padding:6px 7px;min-height:0;gap:5px;border-radius:5px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-action-tabs span{font-size:10px;line-height:1.6;background:var(--hx-soft);border-radius:4px;min-width:19px;text-align:center;padding:1px 5px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-item{padding:12px 17px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:0;border:0;border-top:1px solid var(--hx-line);background:#fff}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-first{display:block}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-first :is(strong,.ws-queue-customer){font-size:12px;line-height:1.5;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#app[data-unified-workspace] .ws-queue-customer{border:0;background:transparent;padding:0;color:var(--hx-ink);font-family:inherit;text-align:left;cursor:pointer}
#app[data-unified-workspace] .ws-queue-customer:hover{color:var(--hx-green)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-second{display:block;margin-top:3px;font-size:11px;line-height:1.5;color:var(--hx-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-detail{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-amount{font-size:12px;line-height:1.5;font-weight:400}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-actions>.btn{font-size:11px;line-height:1.5;min-height:0;padding:5px 7px;margin:0}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-pagination{padding:10px 17px;font-size:11px;gap:7px;border-top:1px solid var(--hx-line)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-queue-pagination .coverage-review{font-size:12px;padding:0;margin-left:5px;line-height:1.5}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .ws-page-button{font-size:13px;line-height:1.2;min-height:24px;padding:3px 7px}
#app[data-unified-workspace] .ws-progress-panel{display:flex;flex-direction:column}
#app[data-unified-workspace] .ws-customer-preview{flex:1}
#app[data-unified-workspace] .ws-customer-row{padding:12px 17px;border:0;border-top:1px solid var(--hx-line);display:flex;align-items:center;gap:9px;width:100%;background:#fff;color:var(--hx-ink);text-align:left;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
#app[data-unified-workspace] .ws-customer-row:hover{background:#fafbf8}
#app[data-unified-workspace] .ws-customer-initial{display:grid;place-items:center;width:28px;height:28px;flex:none;background:#eef4e9;color:#357b29;border-radius:7px;font-size:11px;font-weight:600}
#app[data-unified-workspace] .ws-customer-copy{min-width:0}
#app[data-unified-workspace] .ws-customer-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500}
#app[data-unified-workspace] .ws-customer-copy small{display:block;font-size:11px;color:var(--hx-muted);white-space:nowrap}
#app[data-unified-workspace] .ws-customer-value{margin-left:auto;text-align:right;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
#app[data-unified-workspace] .ws-customer-value small{display:block;font-size:11px;color:var(--hx-muted)}
#app[data-unified-workspace] .ws-customer-arrow{font-size:17px;font-weight:400;color:var(--hx-muted);flex:none}
#app[data-unified-workspace] .ws-customer-search{padding:0 17px 12px}
#app[data-unified-workspace] .ws-customer-search input{width:100%;font-size:12px}
#app[data-unified-workspace] .ws-customer-register{max-width:calc(100vw - 32px);width:1080px;max-height:calc(100dvh - 48px);overflow:auto;padding:22px;border:1px solid var(--hx-line);border-radius:12px;background:#fff;color:var(--hx-ink)}
#app[data-unified-workspace] .ws-customer-register::backdrop{background:#25332b40}
#app[data-unified-workspace] .ws-all-customer-search{display:grid;gap:6px;margin:12px 0;font-size:12px}
#app[data-unified-workspace] .ws-all-customer-search input{padding:8px 10px;border:1px solid var(--hx-line);border-radius:6px;font:inherit}
#app[data-unified-workspace] .ws-source-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;padding:0 24px 24px;font-size:10px;line-height:1.5;color:var(--hx-muted)}
#app[data-unified-workspace] .ws-source-dot{width:5px;height:5px;border-radius:50%;background:var(--hx-green)}
#app[data-unified-workspace] .ws-source-footer>button{border:0;background:transparent;padding:0;color:var(--hx-green);font:inherit;cursor:pointer}
.ws-chart-grouping{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:12px}.ws-chart-grouping select{font:inherit;min-width:110px}
@media(min-width:1200px){#app[data-unified-workspace]>.shell{grid-template-columns:204px minmax(0,1fr)}#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .content{padding:28px 30px 18px}#app[data-unified-workspace]>.shell>main>.top{padding-inline:30px}#app[data-unified-workspace] .ws-source-footer{padding-inline:30px}}
@media(max-width:900px){#app[data-unified-workspace] .ws-overview-work-grid{grid-template-columns:1fr}#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-chart-grid{grid-template-columns:1fr}}
@media(max-width:760px){#app[data-unified-workspace]>.shell{display:block}#app[data-unified-workspace] .ws-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .content{padding:20px 16px 16px}#app[data-unified-workspace] .ws-source-footer{padding:0 16px 20px}#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-chart-grid>.panel{height:330px}}

/* Match the reference type scale even when legacy dashboard control rules apply. */
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup{font-size:13px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-view-tab{font-size:12px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .ws-summary-label{font-size:11px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .ws-customer-row{font-size:12px}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .ws-source-footer>button{font-size:10px}
#app[data-unified-workspace] .workspace-account{gap:8px}
#app[data-unified-workspace] #user-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app[data-unified-workspace] #user-role{font-size:11px;white-space:nowrap}
#app[data-unified-workspace]>.shell>.sidebar #user-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
#app[data-unified-workspace] .workspace-account #avatar{width:28px;height:28px}
#app[data-unified-workspace] .workspace-admin-slot .admin-return{font-size:12px}
#app[data-unified-workspace] .ws-context-date{color:var(--hx-muted)}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .aging-body{display:flex;flex-direction:column;justify-content:space-between}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .overview-aging-row{padding:5px 0;line-height:1.4;flex:none}
#app[data-unified-workspace] #overview-dashboard.approved-overview-mockup .ws-aging-label{margin-bottom:4px}
#app[data-unified-workspace] .ws-overview-work-grid{margin-bottom:0}
/* Contract chart and supporting cards use the same approved visual vocabulary. */
#app[data-unified-workspace=contracts]>.shell>main>.content{padding:28px 30px}
#app[data-unified-workspace=contracts] .title-row p{font-size:12px}
#app[data-unified-workspace=contracts] :is(.hx-panel h2,.panel h2){font-size:14px!important}
#app[data-unified-workspace=contracts] .hx-insight-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
#app[data-unified-workspace=contracts] .ws-contract-trend>header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:3px 10px}
#app[data-unified-workspace=contracts] .ws-contract-trend>header h2{flex:1;order:0}
#app[data-unified-workspace=contracts] .ws-contract-trend>header p{font-size:11px;order:2;flex-basis:100%;margin:0}
#app[data-unified-workspace=contracts] .ws-contract-help{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--hx-line);background:#fff;border-radius:6px;font:13px inherit;order:1;cursor:pointer}
#app[data-unified-workspace=contracts] .ws-contract-trend :is(.hx-chart-range,.hx-trend-summary){display:none}
#app[data-unified-workspace=contracts] .ws-contract-trend .hx-chart-legend{font-size:11px;margin:0 0 10px;padding:0 17px}
#app[data-unified-workspace=contracts] .ws-contract-trend .hx-chart-detail{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}
#app[data-unified-workspace=contracts] .ws-contract-trend .hx-combo-chart{flex:1;padding:0 10px;display:flex;align-items:center;min-height:190px}
#app[data-unified-workspace=contracts] .ws-contract-trend .hx-combo-scroll{width:100%;padding-bottom:6px}
#app[data-unified-workspace=contracts] .ws-contract-trend .hx-combo-svg{height:auto;max-height:250px;font-size:14px}
#app[data-unified-workspace=contracts] .hx-contract-support>.hx-panel>header{padding:12px 14px 8px}
#app[data-unified-workspace=contracts] .hx-contract-support>.hx-panel h2{font-size:13px!important}
#app[data-unified-workspace=contracts] .hx-contract-support>.hx-panel header p{font-size:10px;margin:2px 0 0}
#app[data-unified-workspace=contracts] .hx-due-item{padding:8px 14px;font-size:11px}
#app[data-unified-workspace=contracts] .hx-due-item strong{font-size:11px;font-weight:500}
#app[data-unified-workspace=contracts] .hx-due-item small{font-size:10px;margin-top:2px}
#app[data-unified-workspace=contracts] .hx-delivery-footer{padding:8px 14px;font-size:10px}
#app[data-unified-workspace=contracts] .hx-delivery-footer .hx-button{font-size:11px;padding:0;min-height:0;background:transparent;color:var(--hx-green);border:0}
@media(max-width:900px){#app[data-unified-workspace=contracts] .hx-insight-grid{grid-template-columns:1fr}}
#app[data-unified-workspace=contracts] #last-refresh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#app[data-unified-workspace=contracts] #refresh{font-size:0;width:32px;height:32px;min-height:32px;padding:0}
#app[data-unified-workspace=contracts] #refresh::after{content:'↻';font:19px/1 system-ui,sans-serif}