/* Functional color hierarchy shared by dense work and billing surfaces. */
:root{--ui-table-head:#28495b;--ui-table-head-ink:#f4faff;--ui-row:#142735;--ui-row-alt:#192f3e;--ui-row-hover:#203e50;--ui-selected:#19463f;--ui-selected-border:#64d4ac;--ui-info-bg:#193c57;--ui-info-ink:#b8e0ff;--ui-info-border:#508db7;--ui-warn-bg:#493b21;--ui-warn-ink:#ffe0a1;--ui-warn-border:#b58a3f;--ui-edit-bg:#303454;--ui-edit-ink:#d6d8ff;--ui-edit-border:#8189c2;--ui-success:#247559;--ui-success-ink:#fff}
html[data-theme=light]{--ui-table-head:#d6e4ed;--ui-table-head-ink:#17374b;--ui-row:#fff;--ui-row-alt:#f3f6f9;--ui-row-hover:#e7f0f7;--ui-selected:#e4f5ed;--ui-selected-border:#20815e;--ui-info-bg:#e3f0fb;--ui-info-ink:#16537b;--ui-info-border:#8eb6d4;--ui-warn-bg:#fff2d5;--ui-warn-ink:#704800;--ui-warn-border:#d5b365;--ui-edit-bg:#eeedfc;--ui-edit-ink:#484180;--ui-edit-border:#b3aed5;--ui-success:#176547;--ui-success-ink:#fff}
.studio-table thead th,.work-review-table thead th,.client-table thead th,.ledger-table thead th{background:var(--ui-table-head)!important;color:var(--ui-table-head-ink)!important;border-bottom:2px solid var(--control-border,var(--inv-line))}
.studio-table tbody td,.work-review-table tbody td,.client-table tbody td{background:var(--ui-row)}
.studio-table tbody tr:nth-child(even)>td,.work-review-table tbody tr:nth-child(even)>td,.client-table tbody tr:nth-child(even)>td{background:var(--ui-row-alt)}
.studio-table tbody tr:hover>td,.work-review-table tbody tr:hover>td,.client-table tbody tr:hover>td{background:var(--ui-row-hover)}
.studio-table tbody tr:has(input:checked)>td,.work-review-table tbody tr:has(input:checked)>td{background:var(--ui-selected)!important}
.studio-table tbody tr:has(input:checked)>td:first-child,.work-review-table tbody tr:has(input:checked)>td:first-child{box-shadow:inset 3px 0 var(--ui-selected-border)}
.studio-selection,.work-bulk-actions{background:var(--ui-info-bg);color:var(--ui-info-ink);border-block:1px solid var(--ui-info-border)}
.studio-metrics,.work-review-summary{background:var(--ui-row);border-bottom:1px solid var(--line)}
.studio-metrics strong,.work-review-summary strong{color:var(--text,var(--inv-ink));font-weight:750}
.work-request-group td{background:var(--ui-table-head)!important;color:var(--ui-table-head-ink)}
button.primary,.invoice-app button.primary{background:var(--ui-success)!important;color:var(--ui-success-ink)!important;border-color:var(--ui-success)!important}
button:is([data-edit-work],[data-work-review],[data-edit-client],[data-edit-rate],[data-edit-payment],[data-edit-user]){background:var(--ui-edit-bg);color:var(--ui-edit-ink);border-color:var(--ui-edit-border)}
button:is([data-studio-request],[data-work-context],[data-invoice-preview],[data-preview-draft]){color:var(--ui-info-ink)}
button:is([data-work-external],[data-work-external-restore]),.work-state.held{color:var(--ui-warn-ink);background:var(--ui-warn-bg);border-color:var(--ui-warn-border)}
.work-review-modes [aria-pressed=true]{background:var(--ui-success);color:#fff}
.client-section-title,.compose-section>h3,.settings-section>h3{border-bottom:1px solid var(--line);padding-bottom:8px}
label:has(input[type=checkbox]:checked){color:inherit}

/* Navigation, content, controls and contextual panels have distinct levels. */
html[data-theme=light] .sidebar{background:#17384b;color:#e6f0f6;border-right-color:#17384b}
html[data-theme=light] .sidebar a,html[data-theme=light] .sidebar button{color:#e6f0f6}
html[data-theme=light] .sidebar [aria-current=page],html[data-theme=light] .sidebar .active{background:#236c59;color:#fff;border-color:#73c8aa}
.top,.detail-head,.client-account>header{background:var(--ui-row);border-bottom:1px solid var(--line);box-shadow:0 1px 3px #1028380b}
.queue,.client-directory,.admin-navigation,.admin-nav{background:var(--surface-raised,var(--ui-row-alt))}
.queue-head,.client-directory>label,.settings-heading{font-weight:700;color:var(--text);border-bottom-color:var(--control-border,var(--line))}
.client-tabs,.focus-tabs,.studio-nav,.billing-stage-nav,.work-review-modes{background:var(--ui-row-alt);border-bottom:1px solid var(--line)}
.client-tabs [aria-current=page],.focus-tabs [aria-selected=true],.studio-nav .active,.billing-stage-nav .active{background:var(--ui-success);color:#fff;border-color:var(--ui-success)}
.client-content>section,.settings-section,.compose-section{background:var(--ui-row);border:1px solid var(--line);border-radius:5px;padding:12px}
.client-content>section>h3,.settings-section>h3,.compose-section>h3{color:var(--ui-info-ink);font-weight:700}
.client-section-title svg,.settings-heading svg{color:var(--ui-info-ink)}
.drawer{background:var(--ui-row);border-left:2px solid var(--inspector-accent,var(--ui-info-border));box-shadow:-5px 0 18px #102a3c20}
.drawer>header{background:color-mix(in srgb,var(--inspector-accent,var(--ui-info-border)) 18%,var(--ui-row));border-bottom:1px solid var(--inspector-accent,var(--ui-info-border))}
.inspector-context,.work-editor-context{background:var(--ui-row-alt);padding:10px;border-radius:4px}
.manage-table thead th,.people-access-table thead th,.invoice-table thead th{background:var(--ui-table-head)!important;color:var(--ui-table-head-ink)!important}
.manage-table tbody td,.people-access-table tbody td{background:var(--ui-row);color:var(--text)}
.manage-table tbody tr:nth-child(even)>td,.people-access-table tbody tr:nth-child(even)>td{background:var(--ui-row-alt)}
.node{background:var(--ui-row);border-color:color-mix(in srgb,var(--node) 55%,var(--line));box-shadow:0 2px 5px #10283826}
.node>header{background:color-mix(in srgb,var(--node) 22%,var(--ui-row));border-bottom:1px solid color-mix(in srgb,var(--node) 50%,var(--line));color:var(--text)}
button:is([data-new-request],[data-new-user],[data-work-add],[data-start-timer]){background:var(--action-soft);color:var(--action-ink);border-color:var(--action-border)}
button:is([data-invoice-operation=reverse],[data-reverse-payment],[data-remove-item],[data-confirm-item-remove],[data-refund-card]){color:#b53835;background:#fff0ef;border-color:#d6a5a2}
html[data-theme=dark] button:is([data-invoice-operation=reverse],[data-reverse-payment],[data-remove-item],[data-confirm-item-remove],[data-refund-card]){color:#ffc1bc;background:#442b30;border-color:#a76770}
button:disabled{filter:saturate(.25)}
.work-inline-value{background:transparent!important;color:inherit!important;box-shadow:none!important}
@media(max-width:700px){.client-content>section,.settings-section,.compose-section{padding:10px}.work-bulk-actions button{min-height:36px}}

@media(min-width:801px){.layout,.inspector-open .layout{grid-template-columns:184px minmax(0,1fr)}.sidebar{padding:10px 8px}.sidebar .brand{width:160px}.sidebar .brand img{width:150px;height:38px}.sidebar nav a{width:100%;justify-content:flex-start;gap:10px;padding:9px 10px;font-size:12px;min-height:38px}.sidebar nav a span{display:block;white-space:normal;line-height:1.2}.sidebar nav a .lucide{width:18px;height:18px}.side-note a{font-size:12px;justify-content:flex-start}.sidebar .mobile-nav-more{display:none}}


.nav-group-label{display:none}@media(min-width:801px){.sidebar .nav-group-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.7;padding:13px 10px 3px}.sidebar nav{gap:3px}.sidebar nav .nav-group-label:first-child{padding-top:4px}}

.node .user-request-preview{display:block;width:100%;padding:6px 0;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;font-size:12px;text-align:left;white-space:normal}.node .user-request-preview>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node .user-request-preview small{display:block;margin-top:2px}.node .user-request-preview .badge{font-size:10px;padding:1px 3px}

/* Compact billing controls leave the work table as the primary surface. */
.studio-review-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;flex-shrink:0}.studio-review-toolbar .studio-selection{grid-column:1/-1}.studio-review-toolbar .studio-metrics{border:0;padding:6px 10px;gap:16px}.studio-review-toolbar .studio-source-tabs{padding:4px 10px;border:0}.studio-selection{padding:5px 10px;gap:6px}.studio-filter-details{padding:6px 10px}.studio-filter-details #studio-filter-status:empty{display:none}.studio .period-review{margin:4px 10px;padding:7px 10px}.period-review>summary{cursor:pointer;font-weight:600;color:var(--ui-info-ink)}.period-review.needs-attention>summary{color:var(--ui-warn-ink)}.studio .billing-stage-nav,.studio .studio-nav{padding:4px 10px;min-height:0}.studio .studio-filters{gap:7px;align-items:end}.studio .studio-filters label{gap:3px}.studio .studio-filters input,.studio .studio-filters select{min-height:32px;padding:5px 8px}.studio-secondary-filters{position:relative;align-self:end}.studio-secondary-filters[open]{display:grid;grid-template-columns:150px auto;gap:5px 10px;align-items:center}.studio-secondary-filters[open]>summary{grid-column:1/-1;font-size:11px}.studio-secondary-filters .studio-check{max-width:190px;margin:0;font-size:11px}.studio-secondary-filters>label{margin:0}.studio .studio-scroll{min-height:180px;flex:1}.sidebar nav a:hover,.sidebar nav a:focus-visible{background:var(--ui-info-bg)!important;color:var(--ui-info-ink)!important}.sidebar nav a:hover span,.sidebar nav a:focus-visible span{color:inherit!important}.drawer[aria-busy=true] .drawer-content{opacity:.65;pointer-events:none}.drawer[aria-busy=true]{cursor:progress}
@media(max-width:800px){.studio-review-toolbar{display:flex;flex-direction:column}.studio-review-toolbar .studio-metrics{flex-wrap:wrap;gap:5px 15px}.studio-secondary-filters[open]{display:block}.studio-selection{flex-wrap:wrap}}

.manage-work-total{display:inline-grid;grid-template-columns:auto auto;gap:2px 9px;vertical-align:middle;margin-right:7px;font-variant-numeric:tabular-nums}.manage-work-total small{grid-column:1/-1;color:var(--muted)}
.user-request-preview,.user-request-row{border-bottom:1px solid var(--control-border,var(--line))!important}.node .user-request-preview{padding:8px!important;border-radius:3px!important;margin:3px 0!important;background:var(--ui-row-alt)!important;border:1px solid var(--line)!important;border-left:3px solid var(--ui-info-border)!important}.node .user-request-preview:nth-child(even){background:var(--ui-row)!important}.node .user-request-preview:hover{background:var(--ui-info-bg)!important}.node .user-request-preview>span{font-weight:650;color:var(--text)}.node .user-request-preview small{color:var(--muted);padding-top:3px}
@media(min-width:801px){.inspector-open .sidebar nav a span{display:block}.inspector-open .sidebar nav a{justify-content:flex-start}.inspector-open .sidebar .brand img{width:150px}}

.connection-request-list,.user-request-results{border:1px solid var(--control-border,var(--line));border-radius:5px;overflow:hidden}.connection-request-row,.user-request-results>button{display:flex;width:100%;min-width:0;align-items:center;gap:10px;padding:10px 12px;text-align:left;white-space:normal;border:0;border-radius:0;border-bottom:1px solid var(--control-border,var(--line));background:var(--ui-row);color:var(--text)}.connection-request-row>span:first-of-type{flex:1;min-width:0}.connection-request-row strong{display:block;overflow-wrap:break-word;word-break:normal}.connection-request-row small{display:block;color:var(--muted);margin-top:3px}.connection-request-row>svg{flex-shrink:0;color:var(--ui-info-ink);width:17px}.connection-request-row:nth-child(even),.user-request-results>button:nth-child(even){background:var(--ui-row-alt)}.connection-request-row:hover,.user-request-results>button:hover{background:var(--ui-info-bg)}.connection-primary{background:var(--ui-info-bg);color:var(--ui-info-ink);border-color:var(--ui-info-border)}.drawer .user-request-preview{display:block;width:100%;padding:10px;text-align:left;border:0;border-bottom:1px solid var(--control-border,var(--line));border-radius:0;background:var(--ui-row)}.drawer .user-request-preview:nth-child(even){background:var(--ui-row-alt)}.drawer .user-request-preview small{display:block;color:var(--muted);margin-top:4px}.user-request-results>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}.user-request-results>button>strong{grid-column:1/-1}.user-request-results>button>span{display:flex;gap:6px;align-items:center}

.billing-workflow-header{display:flex;align-items:center;flex-wrap:wrap;background:var(--ui-row-alt);border-bottom:1px solid var(--line)}.billing-workflow-header .studio-nav{flex:1;min-width:300px;border:0}.billing-workflow-header .billing-stage-nav{border:0}.studio-table td{padding:7px 10px!important}.studio-table td p{margin:4px 0!important}.studio-table td small{margin:2px 0!important}.billing-stage-nav button[aria-current=step]{background:var(--ui-info-bg);color:var(--ui-info-ink);border-color:var(--ui-info-border)}

.request-work{container-type:inline-size;min-width:0}.request-work-heading{display:flex;align-items:center;gap:10px;margin:0;padding:9px 12px;background:var(--ui-row-alt);border:1px solid var(--line)}.request-work-heading h2{display:flex;gap:7px;align-items:center;font-size:14px;margin:0}.request-work-heading h2 svg{width:17px;height:17px;color:var(--ui-info-ink)}.request-work-heading>span{font-size:12px;color:var(--muted)}.request-work-heading>button{margin-left:auto}.request-work-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:13px}.request-work-table th{padding:7px 10px;background:var(--ui-table-head);color:var(--ui-table-head-ink);text-align:left;font-size:11px}.request-work-table td{padding:9px 10px;border-bottom:1px solid var(--control-border,var(--line));background:var(--ui-row);vertical-align:top}.request-work-table tr:nth-child(even)>td{background:var(--ui-row-alt)}.request-work-table .work-description{width:40%;white-space:pre-wrap;overflow-wrap:anywhere}.request-work-table small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.request-work-table details{font-size:11px;margin-top:5px;color:var(--muted)}.request-work-table .work-number{white-space:nowrap;font-variant-numeric:tabular-nums}.request-work-table .work-actions{width:70px;text-align:right}.request-addons{margin-top:18px}.request-work-empty{padding:12px}.request-work-table .work-lock{font-size:11px}.request-work-heading button{font-size:12px;padding:5px 8px;min-height:30px}
@container(max-width:700px){.request-work-table thead{display:none}.request-work-table,.request-work-table tbody{display:block}.request-work-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:8px 0;border-bottom:1px solid var(--control-border,var(--line));background:var(--ui-row)}.request-work-table td{border:0;padding:5px 10px;background:transparent!important}.request-work-table .work-description{grid-column:1/-1;width:auto}.request-work-table .work-number{display:inline-block}.request-work-table .work-number:nth-child(4)::before{content:'Time · ';color:var(--muted)}.request-work-table .work-number:nth-child(5)::before{content:'Estimate · ';color:var(--muted)}.request-work-table .work-actions{width:auto}.request-work-heading{flex-wrap:wrap}.request-work-heading>span{font-size:11px}}

/* Request queue uses fixed column roles; status supplies the row tint. */
.request-list .request-row,.request-list .request-row:nth-child(even){display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;grid-template-areas:"main facts" "date facts" "matches matches";align-items:start;gap:5px 10px!important;padding:11px 12px!important;margin:0!important;width:100%;text-align:left;border:0;border-bottom:1px solid var(--control-border,var(--line));border-left:3px solid var(--request-status);border-radius:0;background:color-mix(in srgb,var(--request-status) 8%,var(--ui-row))!important;color:var(--text);box-shadow:none}
.request-list .request-row:hover{background:color-mix(in srgb,var(--request-status) 15%,var(--ui-row))!important}.request-list .request-row.selected{background:color-mix(in srgb,var(--request-status) 20%,var(--ui-row))!important;box-shadow:inset 0 0 0 2px var(--ui-selected-border)}
.queue-main{grid-area:main;min-width:0;display:grid;gap:4px}.queue-main>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;font-size:12px;line-height:1.4;color:var(--text);font-weight:650}.queue-main .linked-users{display:flex;align-items:center;gap:4px;margin:0;font-size:11px;color:var(--text);line-height:1.4;overflow-wrap:anywhere}.queue-main .linked-users svg{width:12px;height:12px;flex:none}.queue-main .queue-client{display:block;white-space:normal;font-size:10px;line-height:1.4;margin:0}
.queue-facts{grid-area:facts;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.queue-facts .queue-taxonomy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}.queue-facts .taxonomy-badge{white-space:normal;overflow-wrap:anywhere}.queue-work{display:inline-flex;gap:4px;align-items:center;font-size:10px;font-weight:650;color:var(--ui-info-ink);background:var(--ui-info-bg);padding:2px 4px;border-radius:3px}.queue-work svg{width:13px;height:13px}.queue-facts .queue-timer{margin:0!important;font-size:10px}.request-row .queue-date{grid-area:date;margin:0;padding:0;font-size:10px;color:var(--muted);line-height:1.4}.request-row .match-factors{grid-area:matches;margin:0}.compose-work-review>header{position:static;display:grid;gap:5px;padding:0 0 12px;min-height:0;color:var(--text)}.compose-work-review .work-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:12px 0;align-items:start;border-radius:0;border-bottom:1px solid var(--line);background:transparent;box-shadow:none}.compose-work-review .work-entry>div{min-width:0}.compose-work-review .work-entry p{margin:5px 0;overflow-wrap:anywhere}.compose-work-review .work-entry small{line-height:1.5}.preview-toolbar{flex-wrap:wrap}

html[data-theme=light] .sidebar .mobile-nav-more>summary{color:#e6f0f6}html[data-theme=light] .sidebar .mobile-nav-more>div a{color:var(--text)}@container(max-width:700px){.request-work-table .work-actions{grid-column:2;justify-self:end}}

.queue-resizer{display:none}@media(min-width:801px){.support{grid-template-columns:min(var(--queue-width,400px),calc(100% - 320px)) minmax(0,1fr)!important}.support>.queue{position:relative}.queue-resizer{display:block;position:absolute;right:-3px;top:0;bottom:0;width:7px;z-index:4;cursor:col-resize;touch-action:none}.queue-resizer:hover,.queue-resizer:focus-visible{background:var(--ui-selected-border);outline:0}.resizing-request-list{cursor:col-resize;user-select:none}}

.focus-work-timers{margin-bottom:14px;border:1px solid var(--line);border-left:3px solid var(--ui-success);background:var(--ui-row);padding:9px 12px;border-radius:4px}.focus-work-timers .timer-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}.focus-work-timers .timer-surface>p.muted{display:none}.focus-work-timers .timer-entry{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 0;padding:8px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.focus-work-timers .timer-entry .row-meta{flex:1;min-width:130px;justify-content:flex-start}.focus-work-timers .timer-duration-button{margin:0}.focus-work-timers .timer-controls{display:flex;gap:5px;margin:0;flex-wrap:wrap}@media(max-width:600px){.focus-work-timers .timer-entry .timer-controls{flex-basis:100%}}

.manage-table .table-sort{border:0;background:transparent;color:inherit;box-shadow:none;padding:3px 0;font:inherit;letter-spacing:inherit;text-transform:inherit;display:flex;gap:6px;align-items:center;text-align:left;white-space:normal}.table-sort svg{width:13px;height:13px;flex:none}.manage-table th[aria-sort=ascending],.manage-table th[aria-sort=descending]{color:var(--ui-success);background:var(--ui-success-bg)}.manage-columns{position:relative}.column-picker{position:fixed;inset:auto 16px auto auto;top:110px;width:245px;max-height:70dvh;overflow:auto;padding:12px;border:1px solid var(--control-border,var(--line));border-radius:6px;background:var(--ui-row);color:var(--text);box-shadow:0 8px 28px #0003}.column-picker>strong{display:block;margin-bottom:8px}.column-picker label{display:flex!important;align-items:center;gap:8px;padding:7px 0;margin:0;min-height:32px}.column-picker input{width:16px;height:16px;margin:0;flex:none}.column-picker::backdrop{background:transparent}@media(max-width:600px){.column-picker{top:120px;right:12px;max-width:calc(100vw - 24px)}}

.manage-table .manage-editable{display:inline-flex;align-items:center;min-height:0;padding:2px 0;border:0;background:transparent;box-shadow:none;color:inherit;font:inherit;text-align:left}.manage-table .manage-editable:hover{outline:1px solid var(--line);background:var(--surface)}.manage-open-inline{margin-left:6px;padding:2px;min-height:22px}.manage-inline-editor{display:grid;gap:5px;min-width:130px}.manage-inline-editor input,.manage-inline-editor select{width:100%;min-width:0}.manage-inline-editor>span{display:flex;gap:4px}.request-header-timer{display:flex;align-items:center;gap:3px;border-left:1px solid var(--line);padding-left:8px}.request-header-timer time{font-variant-numeric:tabular-nums}.request-header-timer button{min-height:30px;padding:4px 7px}@media(max-width:1000px){.request-header-timer{display:none}}
@media(hover:hover){.node:hover,.node:focus-within{z-index:30!important}.node:hover .node-actions,.node:focus-within .node-actions{position:absolute;top:calc(100% - 1px);left:0;right:0;display:flex;flex-wrap:wrap;padding:8px;gap:5px;background:var(--surface,#fff);border:1px solid var(--node);border-top:3px solid var(--node);border-radius:0 0 7px 7px;box-shadow:0 8px 18px #0003}.node:hover .node-actions .action-icon,.node:focus-within .node-actions .action-icon{width:auto;max-width:100%;height:auto;min-height:30px;padding:5px 7px;display:inline-flex;gap:6px}.node:hover .node-actions .action-icon::after,.node:focus-within .node-actions .action-icon::after{content:attr(aria-label);position:static;display:inline;opacity:1;visibility:visible;transform:none;white-space:normal;background:none;color:inherit;font-size:11px;border:0;box-shadow:none;padding:0}}

.work-review-table .work-row-title,.work-review-table .work-group-title{border:0;box-shadow:none;background:transparent;color:var(--text);padding:0;min-height:0;text-align:left;font-weight:650;white-space:normal}.work-request-group>td{position:relative;padding:12px 130px 12px 12px!important;background:var(--surface-raised,var(--surface));border-top:2px solid var(--line)}.work-request-group .work-group-title{display:inline-flex;align-items:center;gap:8px;max-width:75%}.work-request-group>td>span{display:block;margin:4px 0 0 24px;color:var(--muted);font-size:11px}.work-request-group [data-work-choose]{position:absolute;right:12px;top:12px;min-width:100px}.work-review-table td:last-child{width:120px;white-space:nowrap}.work-review-table td:last-child [data-work-choose]{min-width:100px}.peek-message>[data-peek-work-message]{float:right;margin-left:8px}
.work-bulk-actions[hidden],.work-bulk-actions [hidden]{display:none!important}

.manage-table .manage-work-cell{display:grid;grid-template-columns:minmax(100px,1fr) 78px 32px;align-items:center;gap:8px;min-width:226px}.manage-table .manage-work-total{display:grid;grid-template-columns:1fr;gap:2px;white-space:nowrap}.manage-table .manage-work-cell>button{width:30px;min-width:30px;height:30px;min-height:30px;padding:5px;margin:0}.manage-timer-slot{width:78px;display:flex;align-items:center}.manage-timer-slot .manage-timer{margin:0;white-space:nowrap;display:inline-flex;gap:3px}.manage-table .manage-editable{border-radius:2px}.manage-table .manage-editable:hover{outline:0;text-decoration:underline}
.action-popover[popover]{position:fixed;inset:auto;margin:0;width:min(300px,calc(100vw - 24px));padding:6px;border:1px solid var(--line,#678092);border-radius:9px;background:var(--panel,#152c3b);color:var(--text,#edf5f8);box-shadow:0 10px 32px #0004;overflow:auto}.action-popover[popover]:popover-open{display:flex;flex-direction:column;gap:2px}.action-popover[popover]>button,.action-popover[popover]>a{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;margin:0;padding:10px 12px;min-height:38px;border:0;border-radius:5px;background:transparent;color:inherit;text-decoration:none;text-align:left;font:inherit;white-space:normal;box-shadow:none}.action-popover[popover]>button:hover,.action-popover[popover]>a:hover,.action-popover[popover]>button:focus-visible,.action-popover[popover]>a:focus-visible{background:var(--action-soft,#244559);outline:1px solid var(--line,#678092)}.action-popover[popover] svg{width:17px;height:17px;flex:0 0 17px;color:var(--accent,#73cbb2)}.action-popover[popover] button:disabled{opacity:.5}html[data-theme=light] .action-popover[popover]{background:#fff;color:#183849}html[data-theme=light] .action-popover[popover]>button:hover,html[data-theme=light] .action-popover[popover]>a:hover{background:#edf5f7}

.request-row .queue-date{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:11px}.request-row .queue-opened{color:var(--text);font-weight:600}

/* Phone billing uses one scroll surface, compact ledger rows and reachable actions. */
@media(max-width:800px){
 .studio:has(.studio-scroll){overflow:auto;overscroll-behavior-y:contain;display:block;min-height:0}
 .studio .studio-scroll{overflow:visible;min-height:0;flex:none}
 .studio .studio-filter-details{padding:4px 8px}.studio-filter-details>summary{padding:9px 8px;font-weight:600}
 .studio-review-toolbar .studio-metrics{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:6px 10px}
 .studio-review-toolbar .studio-metrics>div{padding:0;gap:5px;min-width:0;display:flex;flex-wrap:wrap}
 .studio-metrics small{font-size:11px}.studio-metrics strong{font-size:13px}
 .studio-review-toolbar .studio-source-tabs{padding:4px 8px;gap:4px}.studio-source-tabs button{min-height:36px;padding:5px 7px;font-size:12px}
 .studio-selection{display:flex;padding:6px 8px;gap:5px;align-items:center}
 .studio-selection button{font-size:12px;min-height:36px;padding:6px 8px}.studio-selection .grow{display:none}
 .studio-selection .selection-count{padding:4px 0;margin-right:auto;min-height:30px}
 .studio-selection [data-clear-selection]:disabled,.studio-selection [data-studio-tab=compose]:disabled{display:none}
 .studio-selection [data-studio-tab=compose]{margin-left:auto}
 .studio .studio-table{display:block;width:100%;font-size:12px}
 .studio .studio-table tbody{display:block;padding:0}
 .studio .studio-table tr{display:grid;grid-template-columns:28px minmax(0,1fr) 74px 36px;grid-template-rows:auto auto auto;gap:3px 5px;margin:0;padding:9px 8px;border:0;border-bottom:1px solid var(--control-border,var(--line));border-radius:0;background:var(--ui-row)!important;align-items:start}
 .studio .studio-table tr:nth-child(even){background:var(--ui-row-alt)!important}
 .studio .studio-table tr:has(input:checked){background:var(--ui-selected)!important;box-shadow:inset 3px 0 var(--ui-selected-border)}
 .studio .studio-table tbody tr>td{width:auto;min-width:0;padding:0!important;background:transparent!important;line-height:1.4;box-shadow:none}
 .studio .studio-table td:nth-child(1){grid-column:1;grid-row:1/4;padding-top:5px!important}
 .studio .studio-table input[type=checkbox]{width:20px;height:20px;margin:0}
 .studio .studio-table td:nth-child(2){grid-column:2/4;grid-row:1}
 .studio .studio-table td:nth-child(3){grid-column:2;grid-row:2}
 .studio .studio-table td:nth-child(4){grid-column:3/5;grid-row:2;text-align:right;font-weight:650}
 .studio .studio-table td:nth-child(5){grid-column:2;grid-row:3}
 .studio .studio-table td:nth-child(6){grid-column:3/5;grid-row:3;text-align:right;font-weight:700}
 .studio .studio-table td:nth-child(7){grid-column:4;grid-row:1;justify-self:end}
 .studio .studio-table td:nth-child(7) button{width:36px;min-width:36px;min-height:40px;padding:7px}
 .studio .studio-table td[colspan]{grid-column:1/-1;grid-row:auto}
 .studio .studio-table .record-link{font-size:13px;font-weight:700;line-height:1.35;min-height:0;margin:3px 0;padding:2px 0}
 .studio .studio-table small{font-size:11px;line-height:1.35}.studio .studio-note{font-size:12px;-webkit-line-clamp:2}
 .studio .pages{padding:8px;font-size:11px;position:static;min-height:0}.studio .pages button{min-height:36px}
 .studio .studio-filters input:not([type=checkbox]),.studio .studio-filters select{font-size:16px;min-height:40px}
 .studio .studio-composer{overflow:auto;min-height:0}.studio .compose-context{grid-template-columns:minmax(0,1fr)}
 .studio .compose-next{grid-template-columns:minmax(0,1fr)}.studio .compose-controls{padding:10px;gap:8px}
 .studio .preview-toolbar{position:static;padding:6px;gap:5px}.studio .preview-toolbar button{min-height:36px}
 .studio .document-paper{padding:12px}.studio .document-paper table{font-size:12px}.studio .document-paper th,.studio .document-paper td{padding:6px 4px}
}
@media(max-width:800px){.studio .billing-workflow-header{min-width:0;max-width:100%}.studio .billing-stage-nav{min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow-x:auto;flex:1 1 100%}.studio .billing-stage-nav button{flex-shrink:0}.studio .studio-selection button{max-width:100%;white-space:normal}}
