:root{
  --brand-warm:oklch(75.95% .1642 57.1);
  --warm-soft:oklch(96% .035 58);
  --workspace-gutter:clamp(18px,3vw,48px);
  --task-rail-width:min(440px,42vw);
  --control-radius:8px;
}

body{font-size:15px;line-height:1.55;font-variant-numeric:tabular-nums lining-nums}
h1{font-size:clamp(28px,2.2vw,36px);line-height:1.16;letter-spacing:-.025em;font-weight:620}
h2{line-height:1.25;letter-spacing:-.018em;font-weight:610}
h3{line-height:1.35;font-weight:600}
.topbar-inner{padding-inline:var(--workspace-gutter)}
.product-label{display:none!important}
.workspace,.detail-canvas{width:100%;max-width:none;margin:0;min-height:calc(100dvh - 72px)}
.workspace{padding:38px var(--workspace-gutter) 56px}
.detail-canvas{padding:26px var(--workspace-gutter) 56px}
.workspace-layout{max-width:1536px;margin:0 auto;min-width:0}
.primary-view{min-width:0}

.btn{min-height:44px;border-radius:8px;padding:9px 15px;gap:8px;font-size:13px;font-weight:600;letter-spacing:.015em;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.48;transform:none}
.btn[aria-busy="true"]{cursor:wait}
.btn[aria-busy="true"]::before{content:"";width:14px;height:14px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .7s linear infinite}
@keyframes button-spin{to{transform:rotate(360deg)}}
.btn-secondary{border:1px solid oklch(66% .055 252);background:white;color:var(--accent)}
.btn-secondary:hover{border-color:var(--accent);background:var(--blue-soft);color:var(--accent)}
.btn-secondary:active{background:oklch(90% .035 252);color:var(--accent)}
.btn-primary{background:var(--navy);border-color:var(--navy);color:white}
.btn-primary:hover{background:oklch(25% .095 257);border-color:oklch(25% .095 257);color:white}
.btn-primary:active{background:oklch(21% .09 257);border-color:oklch(21% .09 257);color:white}
.btn-tertiary{border-color:transparent;background:transparent;color:var(--accent);padding-inline:10px}
.btn-tertiary:hover{border-color:transparent;background:var(--blue-soft);color:var(--accent)}
.btn-tertiary:active{background:oklch(91% .035 252);color:var(--accent)}
.btn-danger{border-color:var(--error);background:var(--error);color:white}
.btn-danger:hover{border-color:oklch(32% .12 25);background:oklch(32% .12 25);color:white}
.btn-danger:active{background:oklch(28% .11 25);color:white}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid oklch(60% .14 250);outline-offset:2px}

.field{gap:7px;font-size:14px;font-weight:500}
.field>span,.filter-field>span{font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.015em}
.field input,.field select,.field textarea,.filter-field input,.filter-field select,.search-field input,.review-controls select,.camera-select select,.pagination select{
  min-height:46px;border:1px solid oklch(82% .014 250);border-radius:var(--control-radius);background-color:white;color:var(--fg);font-size:14px;font-weight:450;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease
}
.field input,.field textarea,.filter-field input,.search-field input{padding-inline:13px}
.field select,.filter-field select,.review-controls select,.camera-select select,.pagination select,.auth-header select{appearance:none;-webkit-appearance:none;padding:10px 40px 10px 13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23092C54' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:14px 14px}
.field input::placeholder,.field textarea::placeholder,.search-field input::placeholder,.filter-field input::placeholder{color:oklch(55% .012 252);font-weight:400;opacity:1}
.field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:var(--error);background-color:var(--error-bg)}
.field input:focus,.field select:focus,.field textarea:focus,.filter-field input:focus,.filter-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px oklch(45% .11 257 / .14)}
.field input[readonly]{background:var(--soft);color:var(--muted)}
.field-error{font-size:12px;line-height:1.45}
.field-help{margin:0;color:var(--muted);font-size:12px;line-height:1.5}

.search-row{width:min(100%,560px);max-width:560px;display:flex;gap:10px;align-items:flex-end}
.search-field{display:block;flex:1;min-width:0}
.search-combo{display:flex;align-items:stretch;width:100%;min-height:46px;overflow:hidden;border:1px solid oklch(78% .018 250);border-radius:9px;background:white;transition:border-color .14s ease,box-shadow .14s ease}
.search-combo:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px oklch(45% .11 257 / .14)}
.search-combo input{flex:1;min-width:0;width:100%;min-height:44px;border:0;border-radius:0;background:transparent;padding:9px 14px;color:var(--fg);font-size:14px;font-weight:450}
.search-combo input:focus-visible{outline:none}
.search-combo .btn{flex:none;min-width:92px;min-height:44px;margin:0;border:0;border-left:1px solid oklch(84% .012 250);border-radius:0;background:var(--soft);color:var(--accent)}
.search-combo .btn:hover{background:var(--blue-soft);color:var(--accent)}
.search-combo .btn:active{background:oklch(90% .035 252);color:var(--accent)}

.overview-controls{padding:19px 0 15px}
.desktop-filter-workspace{display:block;margin-top:14px}
.filters-main{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(160px,.9fr) minmax(175px,1fr) auto auto;align-items:end;gap:10px}
.filters-main>.field,.filter-status,.extra-filters{min-width:0}
.filters-main .filter-field{max-width:none;min-width:0}
.filters-main .field>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filter-status{position:relative;align-self:end}
.filter-status>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:10px 39px 10px 13px;border:1px solid oklch(82% .014 250);border-radius:var(--control-radius);background:white;color:var(--fg);font-size:14px;font-weight:450;line-height:1.3;cursor:pointer}
.filter-status>summary::after{content:"";position:absolute;right:16px;top:17px;width:8px;height:8px;border-right:1.6px solid var(--accent);border-bottom:1.6px solid var(--accent);transform:rotate(45deg)}
.filter-status>summary::-webkit-details-marker{display:none}
.filter-status[open]>summary{border-color:var(--accent);box-shadow:0 0 0 3px oklch(45% .11 257 / .12)}
.filter-status .filter-count,.extra-filters .filter-count,.filter-trigger .filter-count{display:inline-grid;place-items:center;flex:none;min-width:21px;height:21px;padding:0 5px;border-radius:6px;background:var(--warm-soft);color:var(--fg);font-size:11px;font-weight:700;line-height:1}
.status-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:18;min-width:100%;width:max-content;max-width:min(300px,calc(100vw - 24px));padding:6px;background:white;border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 30px oklch(22% .025 252 / .13)}
.status-menu label{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:6px;color:var(--fg);font-size:13px;cursor:pointer}
.status-menu label:hover{background:var(--blue-soft);color:var(--fg)}
.status-menu label.is-selected,.filter-options label.is-selected{background:var(--blue-soft);border-color:oklch(86% .03 252);color:var(--navy)}
.status-menu input,.filter-options input,.check-line input{width:18px;height:18px;flex:none;accent-color:var(--accent)}
.extra-filters{position:relative}
.extra-filters>summary{list-style:none;min-width:138px;white-space:nowrap;cursor:pointer}
.extra-filters>summary::-webkit-details-marker{display:none}
.extra-filters[open]>summary{background:var(--blue-soft);border-color:var(--accent)}
.extra-filter-fields{position:absolute;top:calc(100% + 6px);right:0;z-index:18;width:min(360px,calc(100vw - 32px));padding:17px;background:white;border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 30px oklch(22% .025 252 / .13)}
.extra-filter-fields>.field+.filter-group{margin-top:17px}
.extra-filter-fields .filter-group{margin-top:16px}
.extra-filter-fields .filter-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.extra-filter-fields .check-line{margin-top:13px}
.filter-group{min-width:0;margin:16px 0 0;padding:0;border:0}
.filter-group legend{margin-bottom:8px;color:var(--fg);font-size:12px;font-weight:650}
.filter-actions{display:flex;align-items:center;gap:4px;min-height:46px}
.filter-actions .btn{white-space:nowrap}
.mobile-filter-row{display:none}
.filter-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:13px;color:var(--muted);font-size:13px}
.filter-summary>.result-count{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}
.filter-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;max-width:100%;padding:6px 10px;border:1px solid oklch(87% .06 58);border-radius:999px;background:var(--warm-soft);color:var(--fg);font-size:12px;font-weight:500;line-height:1.35;text-align:left;overflow-wrap:anywhere}
.filter-chip:hover{border-color:var(--brand-warm);background:oklch(93% .055 58);color:var(--fg)}
.filter-chip span{flex:none;color:var(--fg);font-size:15px;line-height:1}
.clear-all-filters{min-height:36px;padding:5px 4px;font-size:12px;text-decoration:none}

.table-wrap thead{background:oklch(96% .012 252);color:var(--fg)}
.table-wrap td,.table-wrap th{line-height:1.4}
.operation-row{cursor:pointer;transition:background-color .12s ease}
.operation-row:hover,.operation-row:focus-within{background:oklch(97.4% .012 252)}
.operation-row.is-selected{background:var(--blue-soft)}
.operation-row.is-selected td:first-child{box-shadow:inset 3px 0 var(--accent)}
.operation-link{color:var(--fg)}
.operation-link:hover,.operation-link:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.operation-link small{font-variant-numeric:tabular-nums}
.master-table tr.is-selected td{background:var(--blue-soft)}
.master-table tr.is-selected td:first-child{box-shadow:inset 3px 0 var(--accent)}
.empty-cell{padding:30px!important;color:var(--muted);text-align:center}

.workspace-layout.has-side-panel{display:block;max-width:1536px;margin:0 auto;padding-right:0;min-height:calc(100dvh - 72px)}
.workspace-layout.has-side-panel .primary-view{max-width:none;margin:0}
.side-panel{position:fixed;z-index:25;inset:72px 0 0 auto;width:var(--task-rail-width);height:auto;min-height:0;align-self:stretch;display:flex;flex-direction:column;overflow:hidden;background:white;border:0;border-left:1px solid var(--border);border-radius:0;box-shadow:-16px 0 36px oklch(18% .035 252 / .15)}
.side-panel-header{flex:none;min-height:82px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 22px 16px;border-bottom:1px solid var(--border);background:white}
.side-panel-header h2{font-size:20px;line-height:1.25;letter-spacing:-.02em}
.panel-subject{display:block;margin-top:5px;color:var(--navy);font-size:16px;font-weight:650;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}
.side-panel-header p{max-width:42ch;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}
.side-panel .panel-close{border:1px solid transparent;background:transparent;color:var(--muted);font-size:24px}
.side-panel .panel-close:hover{border-color:var(--border);background:var(--soft);color:var(--fg)}
.panel-form{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 22px 30px;overscroll-behavior:contain}
.panel-body .form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:17px}
.panel-footer{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:white}
.panel-footer .btn{min-width:118px}
.info-block.is-selected{margin-inline:-13px;padding:13px;border:1px solid oklch(88% .03 252);border-radius:9px;background:var(--blue-soft)}

.detail-tab{border-radius:7px;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}
.detail-tab:hover{background:var(--soft);color:var(--accent)}
.detail-tab.active{background:var(--blue-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:650}
.segment-tabs button.active{background:var(--blue-soft);border-bottom-color:var(--accent);color:var(--accent)}
.account-menu>summary{border-radius:9px}
.account-menu>summary:hover{background:oklch(38% .09 257);color:white}
.account-menu>summary:focus-visible{outline-color:oklch(88% .08 60)}
.account-dropdown{border-radius:11px;box-shadow:0 16px 36px oklch(18% .02 252 / .2)}
.account-dropdown .language select{appearance:none;-webkit-appearance:none;background-color:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23092C54' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px}
.account-signout{border-color:oklch(66% .055 252);color:var(--accent)}
.account-signout:hover{background:var(--blue-soft);border-color:var(--accent);color:var(--accent)}

@media(max-width:1100px){
  :root{--task-rail-width:min(400px,43vw)}
  .workspace-layout.has-side-panel{display:block;grid-template-columns:none}
  .topbar-inner{gap:12px}
}
@media(max-width:900px){
  .detail-body{display:block}
  .detail-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;white-space:normal;padding:6px;margin-bottom:14px;border-radius:9px}
  .detail-tab{min-width:0;min-height:50px;text-align:left;font-size:14px;line-height:1.35;padding:8px 10px;white-space:normal;overflow-wrap:anywhere}
  .filters-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filter-actions{grid-column:1/-1;justify-content:flex-end}
}
@media(max-width:700px){
  :root{--task-rail-width:100vw}
  .workspace{padding:25px 16px 42px}
  .detail-canvas{padding:15px 16px 42px}
  .workspace-layout.has-side-panel{padding-right:0;min-height:0}
  .side-panel{inset:0;width:100vw;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}
  .side-panel-header{min-height:74px;padding:calc(14px + env(safe-area-inset-top)) 16px 13px}
  .side-panel-header h2{font-size:19px}
  .panel-body{padding:19px 18px 28px}
  .panel-footer{justify-content:stretch;padding-inline:16px}
  .panel-footer .btn{flex:1;min-width:0}
  .search-row{width:100%;max-width:none}
  .search-combo{min-height:50px}
  .search-combo input{min-height:48px;padding-inline:13px;font-size:15px}
  .search-combo .btn{min-width:82px;min-height:48px;padding-inline:12px}
  .desktop-filter-workspace{display:none}
  .mobile-filter-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px}
  .mobile-filter-row .filter-trigger{min-width:118px;justify-content:space-between}
  .mobile-filter-row .result-count{color:var(--muted);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
  .filter-summary{align-items:flex-start;gap:8px;padding-top:10px}
  .filter-summary>.result-count{display:none}
  .filter-chips{width:100%;gap:7px}
  .filter-chip{min-height:40px;max-width:100%;padding-inline:11px}
  .filter-summary>.clear-all-filters{margin-top:-4px}
  .filter-sheet{inset:0;width:100vw;border:0;border-radius:0;box-shadow:none}
  .filter-sheet-header{padding:calc(17px + env(safe-area-inset-top)) 17px 15px}
  .filter-sheet-body{padding:18px 17px 26px}
  .filter-sheet-footer{padding-inline:16px}
  .filter-sheet-footer>.btn-tertiary{flex:0 0 auto}
  .filter-sheet-footer>.btn-primary{flex:1;min-width:0}
  .filter-scrim{background:oklch(15% .02 250 / .3)}
  .filter-date-grid,.extra-filter-fields .filter-date-grid{grid-template-columns:1fr}
  .info-block.is-selected{margin-inline:-7px;padding:10px 7px}
  .table-wrap[data-od-id="operations-table"]{overflow:visible}
  .table-wrap[data-od-id="operations-table"] table,.table-wrap[data-od-id="operations-table"] tbody{display:block;width:100%}
  .table-wrap[data-od-id="operations-table"] thead{display:none}
  .table-wrap[data-od-id="operations-table"] tr.operation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,35%);gap:0 10px;padding:11px 0;border-top:1px solid var(--border)}
  .table-wrap[data-od-id="operations-table"] tr.operation-row td{display:block;min-width:0;border:0;padding:4px 0;overflow-wrap:anywhere}
  .table-wrap[data-od-id="operations-table"] tr.operation-row td:nth-child(1){grid-column:1;grid-row:1}
  .table-wrap[data-od-id="operations-table"] tr.operation-row td:nth-child(2){grid-column:1/-1;grid-row:2}
  .table-wrap[data-od-id="operations-table"] tr.operation-row td:nth-child(5){grid-column:2;grid-row:1;justify-self:end;align-self:start;text-align:right}
  .table-wrap[data-od-id="operations-table"] tr.operation-row td:nth-child(6){display:block!important;grid-column:1;grid-row:3;text-align:left!important;white-space:normal}
  .table-wrap[data-od-id="operations-table"] tr.operation-row td:nth-child(7){grid-column:2;grid-row:3;text-align:right!important;white-space:normal}
  .table-wrap[data-od-id="operations-table"] tr.operation-row td:nth-child(3),.table-wrap[data-od-id="operations-table"] tr.operation-row td:nth-child(4),.table-wrap[data-od-id="operations-table"] tr.operation-row td:nth-child(8){display:none!important}
  .table-wrap[data-od-id="operations-table"] .operation-link{min-height:48px}
  .table-wrap[data-od-id="operations-table"] .customer-cell{font-size:12px}
  .table-wrap[data-od-id="operations-table"] .mobile-context{display:block;max-width:64ch;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}
  .report-table,.master-table{overflow-x:auto;max-width:100%}
  .master-table table{min-width:600px}
  .report-table table{min-width:670px}
  .pagination{width:100%;align-items:flex-start;flex-direction:column}
}
@media(max-width:390px){
  .topbar-inner{gap:7px}
  .brand img{width:126px}
  .account-summary-text strong{max-width:91px}
  .search-combo .btn{min-width:74px;padding-inline:9px;font-size:12px}
  .filter-sheet-footer{gap:8px}
  .filter-sheet-footer>.btn{padding-inline:10px;font-size:12px}
}
@media(min-width:1150px){
  .workspace-layout .overview-controls{display:grid;grid-template-columns:minmax(255px,320px) minmax(0,1fr);align-items:end;column-gap:18px;row-gap:13px}
  .workspace-layout .search-row{width:100%;max-width:none;align-self:end}
  .workspace-layout .desktop-filter-workspace{margin-top:0}
  .workspace-layout .filters-main{grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:8px}
  .workspace-layout .filter-action-row .filter-summary{grid-column:auto;padding-top:0}
}
@media(max-width:374px){
  .brand img{width:110px}
}
@media(prefers-reduced-motion:reduce){.btn,.search-combo,.detail-tab{transition:none}.btn[aria-busy="true"]::before{animation:none;border-right-color:currentColor}}

/* Compact master records on phones */
@media(max-width:700px){
  .master-table{overflow:visible}
  .master-table table,.master-table tbody{display:block;width:100%;min-width:0!important}
  .master-table thead{display:none}
  .master-table tbody tr{display:block;padding:13px 0;border-top:1px solid var(--border)}
  .master-table tbody td{display:grid;grid-template-columns:minmax(88px,36%) minmax(0,1fr);gap:10px;min-width:0;padding:5px 0;border:0;overflow-wrap:anywhere;font-size:14px}
  .master-table tbody td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600;line-height:1.4}
  .master-table tbody td.row-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;padding-top:10px}
  .master-table tbody td.row-actions::before,.master-table tbody td.empty-cell::before{display:none}
  .master-table tbody td.empty-cell{display:block;padding:22px 0!important}
  .master-table tbody td.row-actions .btn{min-height:40px}
}


/* Stable filters, searchable pickers, and consistent overlays */
.topbar{box-shadow:0 5px 16px oklch(18% .065 258 / .22)}
.filters-main{grid-template-columns:minmax(0,1.25fr) minmax(150px,.9fr) minmax(0,1.05fr) minmax(142px,.72fr);gap:10px}
.filters-main>.record-picker,.filters-main>.filter-status,.filters-main>.filter-field,.filters-main>.extra-filters{width:100%;min-width:0;max-width:none}
.filter-status>summary{width:100%;padding-right:13px}
.filter-status>summary::after{display:none}
.filter-status>summary,.extra-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:8px}
.filter-status>summary>span:first-child,.extra-filters>summary>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.extra-filters>summary{width:100%;min-width:0;min-height:46px;padding:9px 12px;border-radius:var(--control-radius)}
.control-caret{width:8px;height:8px;flex:none;margin:0 2px 4px 0;border-right:1.6px solid var(--navy);border-bottom:1.6px solid var(--navy);transform:rotate(45deg);transition:transform .14s ease}
[data-overlay-root="dropdown"][open]>.select-like .control-caret,[data-overlay-root="dropdown"][open]>summary .control-caret{margin-bottom:0;transform:rotate(225deg)}
.filter-count{width:25px;min-width:25px;height:22px;margin:0!important}
.filter-count.is-empty{visibility:hidden}
.extra-filters .filter-count{margin-left:auto!important}
.filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:46px;flex:none}
.filter-actions .btn{min-width:112px;min-height:44px;white-space:nowrap}
.filter-action-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:50px;padding-top:4px}
.filter-action-row .filter-summary{min-width:0;min-height:42px;padding:0;gap:10px}
.filter-action-row .filter-actions{grid-column:auto}
.filter-action-row .filter-summary>.result-count{flex:none}
.filter-action-row .filter-chips{flex:1}
.filter-action-row .clear-all-filters{flex:none}
.filter-actions .btn:disabled{opacity:.56}
.filter-sheet-footer{display:grid;grid-template-columns:minmax(104px,.75fr) minmax(0,1.25fr);align-items:stretch;gap:12px;padding:14px 20px calc(14px + env(safe-area-inset-bottom))}
.filter-sheet-footer>.btn{min-width:0;min-height:48px;padding:10px 14px;line-height:1.25;overflow-wrap:anywhere}
.filter-sheet-footer>.btn-primary{width:100%}
.filter-sheet-footer>.btn-tertiary{border:1px solid transparent;justify-self:stretch}
.record-picker{position:relative;min-width:0}
.record-picker-trigger{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border:1px solid oklch(82% .014 250);border-radius:var(--control-radius);background:white;color:var(--fg);font-size:14px;font-weight:450;line-height:1.35;text-align:left;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}
.record-picker-trigger:hover{border-color:oklch(67% .045 252);background:oklch(99% .004 252);color:var(--fg)}
.record-picker-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px oklch(45% .11 257 / .12)}
.record-picker-trigger.is-placeholder .record-picker-value{color:oklch(55% .012 252);font-weight:400}
.record-picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-picker-chevron{width:9px;height:9px;flex:none;margin:0 2px 4px 0;border-right:1.6px solid var(--navy);border-bottom:1.6px solid var(--navy);transform:rotate(45deg);transition:transform .14s ease}
.record-picker-trigger[aria-expanded=true] .record-picker-chevron{margin-bottom:0;transform:rotate(225deg)}
.record-picker-popover{position:absolute;z-index:22;top:calc(100% + 6px);left:0;right:0;max-height:min(360px,55vh);overflow:hidden;padding:10px;border:1px solid oklch(84% .014 250);border-radius:10px;background:white;box-shadow:0 12px 26px oklch(22% .035 252 / .16)}
.record-picker-popover[hidden]{display:none}
.side-panel .record-picker-popover{max-height:280px}
.record-picker-search{width:100%;min-height:44px;padding:9px 12px;border:1px solid oklch(82% .014 250);border-radius:7px;background:var(--surface);color:var(--fg);font-size:14px;font-weight:450}
.record-picker-search::placeholder{color:oklch(55% .012 252);font-weight:400;opacity:1}
.record-picker-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px oklch(45% .11 257 / .14);outline:0}
.record-picker-options{display:grid;gap:2px;max-height:calc(min(360px,55vh) - 76px);overflow-y:auto;margin-top:7px;overscroll-behavior:contain}
.record-picker-option{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:0;border-radius:6px;background:white;color:var(--fg);font-size:13px;font-weight:450;line-height:1.4;text-align:left;overflow-wrap:anywhere}
.record-picker-option:hover,.record-picker-option:focus-visible{background:var(--blue-soft);color:var(--fg)}
.record-picker-option.is-selected{background:var(--blue-soft);color:var(--navy);font-weight:600}
.picker-option-mark{width:14px;height:14px;flex:none;margin-right:2px;fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.record-picker-option.is-selected .picker-option-mark{opacity:1}
.record-picker-empty{padding:13px 9px;color:var(--muted);font-size:13px;line-height:1.5}
.record-picker-popover .record-picker-empty[hidden]{display:none}
.status-menu,.extra-filter-fields,.account-dropdown{z-index:24}
.status-menu label:focus-within{background:var(--blue-soft)}
.status-menu input,.filter-options input,.check-line input{accent-color:var(--navy)}
.admin-actions{position:relative}
.admin-actions>summary::-webkit-details-marker{display:none}
.admin-actions>summary::marker{content:""}
.admin-actions>summary:focus-visible{outline:3px solid oklch(60% .14 250);outline-offset:2px}
.section-head,.page-head{min-width:0}
.section-head .btn,.page-head .btn{flex:none}
.section-head .btn{min-height:44px}
.form-footer>div{display:flex;align-items:center;gap:9px}
.pagination .btn{min-width:44px}

@media(max-width:1100px){
 .filters-main{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 .filter-status,.filters-main>.record-picker,.filters-main>.filter-field,.filters-main>.extra-filters{min-width:0}
 .filter-action-row{grid-column:1/-1}
}
@media(max-width:900px){
 .filters-main{grid-template-columns:repeat(2,minmax(0,1fr))}
 .filter-action-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}
 .filter-action-row .filter-summary{align-items:flex-start}
}
@media(max-width:700px){
 .filter-action-row{display:block;min-height:0;padding-top:10px}
 .filter-action-row .filter-actions{display:none}
 .filter-action-row .filter-summary{display:flex;min-height:0;align-items:flex-start;gap:8px;padding:0}
 .filter-action-row .filter-summary>.result-count{display:none}
 .filter-action-row .filter-chips{width:100%}
 .filter-action-row .clear-all-filters{margin-top:0}
 .mobile-filter-row{min-height:46px;margin-top:12px}
 .mobile-filter-row .filter-trigger{min-width:132px;min-height:46px;gap:10px}
 .filter-sheet-footer{position:sticky;bottom:0;z-index:2;grid-template-columns:minmax(102px,.72fr) minmax(0,1.28fr);gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -8px 18px oklch(22% .025 252 / .07)}
 .filter-sheet-footer>.btn{min-height:50px;padding-inline:12px;font-size:13px}
 .record-picker-popover{max-height:38dvh;padding:10px;border-radius:9px}
 .record-picker-options{max-height:calc(38dvh - 76px)}
 .side-panel .record-picker-popover{max-height:280px}
 .side-panel .record-picker-options{max-height:32dvh}
 .filter-sheet .record-picker-popover{max-height:30dvh}
 .filter-sheet .record-picker-options{max-height:calc(30dvh - 76px)}
 .record-picker-option{min-height:48px;font-size:14px}
 .record-picker-search{min-height:48px;font-size:15px}
 .topbar{box-shadow:0 4px 14px oklch(18% .065 258 / .2)}
}
@media(max-width:380px){
 .filter-sheet-footer{grid-template-columns:96px minmax(0,1fr);gap:8px;padding-inline:12px}
 .filter-sheet-footer>.btn{padding-inline:8px;font-size:12px}
 .mobile-filter-row{gap:9px}
 .mobile-filter-row .result-count{font-size:12px}
 .mobile-filter-row .filter-trigger{min-width:120px;padding-inline:11px}
}

.account-caret{width:8px;height:8px;display:block;flex:none;margin:0 3px 4px 2px;border-right:1.6px solid white;border-bottom:1.6px solid white;transform:rotate(45deg);transition:transform .14s ease}
.account-menu[open] .account-caret{margin-bottom:0;transform:rotate(225deg)}
.account-menu>summary:active{background:oklch(30% .085 257)}
.record-picker-trigger:active{background:var(--blue-soft)}
.record-picker-option:active{background:oklch(90% .035 252);color:var(--fg)}
.record-picker-options{scrollbar-color:oklch(72% .025 252) transparent;scrollbar-width:thin}
.filter-sheet-body{overscroll-behavior:contain}
@media(max-width:374px){
 .topbar-inner{padding-inline:12px;gap:6px}
 .brand img{width:94px}
 .menu-toggle{width:40px;height:40px;padding:9px}
 .account-menu>summary{gap:5px;padding-inline:5px}
 .account-avatar{width:24px;height:24px}
 .account-summary-text strong{max-width:68px;font-size:10px}
 .account-summary-text small{max-width:68px;font-size:9px;white-space:normal;overflow-wrap:anywhere}
 .account-caret{display:none}
}


/* Shared single-select, searchable picker, checkbox menu, and action-menu system. */
:root{--menu-radius:10px;--menu-item-radius:6px;--menu-item-min:44px;--menu-edge:oklch(84% .014 250);--menu-shadow:0 12px 26px oklch(22% .035 252 / .15)}
.menu-surface{background:var(--surface);border:1px solid var(--menu-edge);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow);color:var(--fg)}
.single-select{position:relative;min-width:0}
.single-select-trigger,.record-picker-trigger{width:100%;min-width:0;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border:1px solid oklch(82% .014 250);border-radius:var(--control-radius);background:white;color:var(--fg);font:450 14px/1.35 var(--font-body);text-align:left;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}
.single-select-trigger:hover,.record-picker-trigger:hover{border-color:oklch(67% .045 252);background:oklch(99% .004 252);color:var(--fg)}
.single-select-trigger[aria-expanded="true"],.record-picker-trigger[aria-expanded="true"]{border-color:var(--navy);box-shadow:0 0 0 3px oklch(45% .11 257 / .14)}
.single-select-trigger:focus-visible,.record-picker-trigger:focus-visible{outline:3px solid oklch(60% .14 250);outline-offset:2px}
.single-select-trigger.is-placeholder .single-select-value,.record-picker-trigger.is-placeholder .record-picker-value{color:oklch(55% .012 252);font-weight:400}
.single-select-value,.record-picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.single-select-chevron,.record-picker-chevron{width:9px;height:9px;flex:none;margin:0 2px 4px 0;border-right:1.6px solid var(--navy);border-bottom:1.6px solid var(--navy);transform:rotate(45deg);transition:transform .14s ease}
.single-select-trigger[aria-expanded="true"] .single-select-chevron,.record-picker-trigger[aria-expanded="true"] .record-picker-chevron{margin-bottom:0;transform:rotate(225deg)}
.single-select-popover,.record-picker-popover{position:absolute;z-index:28;top:calc(100% + 6px);left:0;right:0;width:max(100%,220px);max-width:min(420px,calc(100vw - 24px));max-height:min(360px,55dvh,var(--overlay-max-height,360px));overflow:hidden;padding:6px;background:white;border:1px solid var(--menu-edge);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow)}
.single-select-popover[hidden],.record-picker-popover[hidden]{display:none}
.single-select-options,.record-picker-options{display:grid;gap:2px;max-height:min(340px,calc(55dvh - 20px),calc(var(--overlay-max-height,360px) - 20px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:oklch(72% .025 252) transparent}
.single-select-option,.record-picker-option,.menu-option,.status-menu .check-option,.filter-options .check-option{width:100%;min-width:0;min-height:var(--menu-item-min);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:0;border-radius:var(--menu-item-radius);background:transparent;color:var(--fg);font:450 14px/1.4 var(--font-body);text-align:left;text-decoration:none;overflow-wrap:anywhere;transition:background-color .12s ease,color .12s ease}
.single-select-option-label,.menu-option>span:first-child{min-width:0;overflow-wrap:anywhere}
.single-select-option:hover,.single-select-option:focus-visible,.record-picker-option:hover,.record-picker-option:focus-visible,.menu-option:hover,.menu-option:focus-visible,.status-menu .check-option:hover,.filter-options .check-option:hover,.status-menu .check-option:focus-within,.filter-options .check-option:focus-within{background:var(--blue-soft);color:var(--navy)}
.single-select-option:focus-visible,.record-picker-option:focus-visible,.menu-option:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.single-select-option:active,.record-picker-option:active,.menu-option:active,.status-menu .check-option:active,.filter-options .check-option:active{background:oklch(90% .035 252);color:var(--navy)}
.single-select-option.is-selected,.record-picker-option.is-selected,.menu-option.is-selected,.status-menu .check-option.is-selected,.filter-options .check-option.is-selected{background:var(--blue-soft);color:var(--navy);font-weight:600}
.single-select-option:disabled,.record-picker-option:disabled,.menu-option:disabled{opacity:.48;cursor:not-allowed}
.menu-option-danger,.menu-option-danger:hover,.menu-option-danger:focus-visible{color:var(--error)}
.menu-option-danger:hover,.menu-option-danger:focus-visible,.menu-option-danger:active{background:var(--error-bg);color:var(--error)}
.picker-option-mark{width:14px;height:14px;flex:none;margin:0 2px;fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.single-select-option.is-selected .picker-option-mark,.record-picker-option.is-selected .picker-option-mark,.menu-option.is-selected .picker-option-mark{opacity:1}
.single-select.is-open .single-select-popover{display:block}
.single-select.is-open .single-select-popover[hidden]{display:none}
.record-picker.is-open .record-picker-popover{display:block}
.record-picker.is-open .record-picker-popover[hidden]{display:none}
.opens-up>.single-select-popover,.opens-up>.record-picker-popover,.opens-up>.status-menu,.opens-up>.extra-filter-fields,.opens-up>.account-dropdown,.admin-actions.opens-up>div{top:auto;bottom:calc(100% + 6px)}
.align-end>.single-select-popover,.align-end>.record-picker-popover,.align-end>.status-menu{left:auto;right:0}
.status-menu.menu-surface,.extra-filter-fields.menu-surface,.account-dropdown.menu-surface,.admin-actions>div.menu-surface{max-height:var(--overlay-max-height,360px);overflow-y:auto;overscroll-behavior:contain}
.status-menu.menu-surface{padding:6px}.extra-filter-fields.menu-surface{padding:15px}
.status-menu .check-option,.filter-options .check-option{justify-content:flex-start;min-height:var(--menu-item-min);cursor:pointer}
.status-menu .check-option input,.filter-options .check-option input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--navy)}
.status-menu .check-option span,.filter-options .check-option span{min-width:0;overflow-wrap:anywhere}
.admin-actions>div.menu-surface{width:min(250px,calc(100vw - 24px));padding:6px}
.admin-actions .menu-option{min-height:44px;cursor:pointer}
.account-dropdown.menu-surface{padding:14px}
.account-dropdown .language{gap:7px}
.language-options{display:grid;gap:2px;margin-top:2px}
.language-option{min-height:44px}
.account-dropdown .account-signout{margin-top:7px;cursor:pointer}
.single-select.is-compact{min-width:0}
.auth-header>.select-field{width:190px;min-width:160px;margin-left:auto}
.auth-header>.select-field>.field-error{display:none}
.auth-header>.select-field .single-select-trigger{min-height:44px}
.review-controls>.select-field{width:min(100%,230px);min-width:190px}
.review-controls>.select-field>.field-error{display:none}
.pagination>.per-page-select{display:flex;flex-direction:row;align-items:center;gap:8px;width:auto;min-width:0}
.pagination>.per-page-select>span{white-space:nowrap;font-size:13px}
.pagination>.per-page-select .single-select-trigger{width:78px;min-height:42px;padding-inline:10px}
.camera-select{width:max-content;min-width:145px}
.camera-select .single-select-trigger{margin-top:5px}
.extra-filter-fields .single-select-popover,.filter-sheet .single-select-popover,.side-panel .single-select-popover,.extra-filter-fields .record-picker-popover,.filter-sheet .record-picker-popover,.side-panel .record-picker-popover{position:fixed;right:auto;bottom:auto;margin:0;box-shadow:var(--menu-shadow)}
.extra-filter-fields .single-select-options,.filter-sheet .single-select-options,.side-panel .single-select-options{max-height:min(300px,34dvh,calc(var(--overlay-max-height,360px) - 20px))}
.extra-filter-fields .record-picker-options,.filter-sheet .record-picker-options,.side-panel .record-picker-options{max-height:min(280px,34dvh,calc(var(--overlay-max-height,360px) - 76px))}
.single-select.is-open,.record-picker.is-open{z-index:30}
.detail-shell[data-detail-view="reports"] .detail-tabs,.detail-shell[data-detail-view="history"] .detail-tabs{scroll-margin-top:172px}

@media(max-width:900px){
 .detail-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}
 .detail-tab{min-height:52px;text-align:left;font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
 .single-select-popover,.record-picker-popover{width:100%;max-width:calc(100vw - 24px)}
}
@media(max-width:700px){
 .single-select-option,.record-picker-option,.menu-option,.status-menu .check-option,.filter-options .check-option{min-height:48px;padding:10px 11px;font-size:14px}
 .auth-header>.select-field{width:164px;min-width:145px}
 .review-controls>.select-field{width:100%;min-width:0}
 .detail-shell[data-detail-view="reports"] .detail-tabs,.detail-shell[data-detail-view="history"] .detail-tabs{position:sticky;top:64px;z-index:13;margin-inline:0;background:white;box-shadow:0 4px 12px oklch(22% .025 252 / .07)}
}
@media(max-width:374px){
 .auth-header{gap:8px;padding-inline:12px}
 .auth-header img{width:108px}
 .auth-header>.select-field{width:170px;min-width:162px}
 .auth-header .single-select-trigger{padding-inline:9px;font-size:13px}
 .single-select-trigger,.record-picker-trigger{padding-inline:10px}
 .detail-tabs{gap:5px;padding:5px}
 .detail-tab{padding:8px;font-size:14px}
}


/* Calendar fields use the same branded trigger and overlay language as selectors. */
:root{--placeholder-color:#66758a}
#app input::placeholder,#app textarea::placeholder{color:var(--placeholder-color);font-weight:400;opacity:1}
#app .single-select-trigger.is-placeholder .single-select-value,#app .record-picker-trigger.is-placeholder .record-picker-value{color:var(--placeholder-color);font-weight:400}
.date-picker{position:relative;display:block;min-width:0;font-weight:400}
.date-picker>input[hidden]{display:none!important}
.date-picker-trigger{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px 9px 13px;border:1px solid oklch(82% .014 250);border-radius:var(--control-radius);background:white;color:var(--fg);font:450 14px/1.35 var(--font-body);text-align:left;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}
.date-picker-trigger:hover{border-color:oklch(67% .045 252);background:oklch(99% .004 252)}
.date-picker-trigger[aria-expanded="true"]{border-color:var(--navy);box-shadow:0 0 0 3px oklch(45% .11 257 / .14)}
.date-picker-trigger:focus-visible{outline:3px solid oklch(60% .14 250);outline-offset:2px}
.date-picker-trigger[aria-invalid="true"]{border-color:var(--error);background:var(--error-bg)}
.date-picker-trigger.is-placeholder .date-picker-value{color:var(--placeholder-color);font-weight:400}
.date-picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.date-picker-icon{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--blue-soft);color:var(--navy)}
.date-picker-icon svg{width:17px;height:17px}
.date-picker-popover{position:fixed;z-index:55;width:320px;max-width:calc(100vw - 24px);overflow-y:auto;overscroll-behavior:contain;padding:12px;font:400 13px/1.4 var(--font-body)}
.date-picker-popover[hidden]{display:none}
.date-picker-header{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:5px;margin-bottom:9px}
.date-picker-month{text-align:center;color:var(--navy);font-size:14px;font-weight:650;text-transform:capitalize}
.date-picker-nav{width:38px;height:38px;border:0;border-radius:7px;background:transparent;color:var(--navy);font:400 25px/1 var(--font-body)}
.date-picker-nav:hover,.date-picker-nav:focus-visible{background:var(--blue-soft)}
.date-picker-weekdays,.date-picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.date-picker-weekdays{margin-bottom:4px}
.date-picker-weekdays span{padding:4px 0;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}
.date-picker-day{width:100%;min-height:40px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--fg);font:500 13px/1 var(--font-body);font-variant-numeric:tabular-nums}
.date-picker-day:hover,.date-picker-day:focus-visible{background:var(--blue-soft);color:var(--navy)}
.date-picker-day.is-selected{border-color:var(--navy);background:var(--blue-soft);color:var(--navy);font-weight:700}
.date-picker-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px oklch(70% .07 252)}
.date-picker-day:focus-visible,.date-picker-nav:focus-visible,.date-picker-text:focus-visible,.date-picker-apply:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.date-picker-time{display:grid;gap:5px;margin-top:11px;padding-top:11px;border-top:1px solid var(--border)}
.date-picker-time-title{color:var(--fg);font-size:12px;font-weight:600}
.date-picker-time-row{display:flex;align-items:center;gap:5px}
.date-picker .date-picker-time-input{width:68px;min-height:40px;padding:8px 9px;text-align:center;border:1px solid oklch(82% .014 250);border-radius:7px;background:white;color:var(--fg);font:450 14px/1.2 var(--font-body);font-variant-numeric:tabular-nums}
.date-picker .date-picker-time-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px oklch(45% .11 257 / .14);outline:0}
.date-picker-time-separator{color:var(--muted);font-size:17px}
.date-picker-time-error:empty{display:none}
.date-picker-time-error{color:var(--error);font-size:11px}
.date-picker-footer{position:sticky;bottom:-12px;display:flex;align-items:center;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);background:white}
.date-picker-text,.date-picker-apply{min-height:36px;padding:6px 9px;border:0;border-radius:7px;background:transparent;color:var(--navy);font:600 12px/1.2 var(--font-body)}
.date-picker-text:hover{background:var(--blue-soft)}
.date-picker-apply{margin-left:auto;padding-inline:11px;background:var(--navy);color:white}
.date-picker-apply:hover{background:oklch(24% .085 257)}
@media(max-width:700px){.date-picker-day{min-height:44px}.date-picker-popover{padding:10px}.date-picker-footer{bottom:-10px}}

.date-picker-nav{display:grid;place-items:center}
.date-picker-nav svg{width:18px;height:18px}
.date-picker-nav.is-next svg{transform:rotate(180deg)}
.date-picker.has-time .date-picker-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.date-picker.has-time .date-picker-text{min-height:34px;white-space:nowrap}
.date-picker.has-time .date-picker-apply{grid-column:1/-1;width:100%;min-height:38px;margin:0;white-space:nowrap}

/* Table reading rhythm: open white rows, no spreadsheet grid or zebra striping. */
:root{--table-row-line:oklch(89% .01 252);--table-hover:oklch(94% .028 252)}
.table-wrap table{font-size:14px}
.table-wrap thead{background:transparent;color:var(--muted)}
.table-wrap th{padding-block:14px;border-bottom:1px solid oklch(82% .018 252);color:var(--muted);font-size:12px;font-weight:650;letter-spacing:.015em}
.table-wrap td{padding-block:18px;border-bottom:1px solid var(--table-row-line)}
.table-wrap td small{font-size:12px;line-height:1.4}
.table-wrap tbody tr:not(.mobile-extra):not(.is-selected):focus-within{background:var(--table-hover)}
@media(hover:hover) and (min-width:701px){
 .table-wrap tbody tr:not(.mobile-extra):not(.is-selected):hover{background:var(--table-hover)}
 .table-wrap .operation-row:not(.is-selected):hover td:first-child{box-shadow:inset 3px 0 var(--accent)}
}
@media(max-width:700px){
 .table-wrap[data-od-id="operations-table"] tr.operation-row,.master-table tbody tr{border-top-color:var(--table-row-line)}
}

/* List controls share a quiet surface; the data beneath remains open and white. */
.overview-controls[data-od-id="operation-filters"],.master-shell .master-toolbar,.master-shell[data-od-id="users-invitations-page"] .segment-tabs{margin:20px 0 28px;padding:20px;border:1px solid oklch(91% .012 252);border-radius:12px;background:oklch(98% .007 252)}
.master-shell .master-toolbar{gap:14px}
.master-shell .master-toolbar .search-row{width:min(100%,360px)}
.master-shell[data-od-id="users-invitations-page"] .segment-tabs{padding:8px}
.admin-actions .menu-option:not(.menu-option-danger){color:var(--fg)}
.admin-actions .menu-option:not(.menu-option-danger):hover,.admin-actions .menu-option:not(.menu-option-danger):focus-visible{background:var(--blue-soft);color:var(--navy)}
.btn-edit{gap:7px}
.btn-edit .btn-icon{display:block;width:16px;height:16px;flex:none}
@media(max-width:700px){
 .overview-controls[data-od-id="operation-filters"],.master-shell .master-toolbar,.master-shell[data-od-id="users-invitations-page"] .segment-tabs{margin:18px 0 22px;padding:16px;border-radius:10px}
 .master-shell .master-toolbar .search-row{width:100%;max-width:none}
 .master-shell[data-od-id="users-invitations-page"] .segment-tabs{padding:7px}
}