@font-face{font-family:Manrope;src:url("../fonts/quill/manrope-400.b14c3069e3f7.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("../fonts/quill/manrope-500.9efdb4161ece.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url("../fonts/quill/manrope-600.9c61a253b039.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url("../fonts/quill/manrope-700.ad56d0ba69e7.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/quill/cormorant-garamond-500.832adc783f19.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/quill/cormorant-garamond-600.9868f4ffd74c.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/quill/cormorant-garamond-700.fc73db04e0e3.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root {
  --qi-forest: #1e3b31;
  --qi-copper: #d39a6a;
  --qi-copper-deep: #b0703f;
  --qi-paper: #f2efe6;
  --text-primary: #23352e;
  --text-secondary: #5a685f;
  --ink: var(--text-primary); /* compatibility alias */
  --muted: var(--text-secondary); /* compatibility alias */
  --paper: var(--qi-paper);
  --surface: #fffefa;
  --surface-subtle: #f7f6f1;
  --surface-raised: #fff;
  --line: #dedbd1;
  --border: var(--line); /* compatibility alias */
  --control-border: #819087;
  --focus-ring: var(--qi-copper-deep);
  --font-body: Manrope, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --type-title: 32px;
  --type-heading: 18px;
  --type-body: 14px;
  --type-control: 13px;
  --type-meta: 12px;
  --control-height: 40px;
  --control-height-touch: 44px;
  --brand-primary: var(--qi-forest);
  --brand-deep: var(--qi-forest);
  --brand-soft: #e9eee9;
  --brand-contrast: #fff;
  --stone: #eeece4;
  --danger: #a43d32;
  --warning: #986523;
  --success: #387457;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius: var(--radius-lg);
  --status-neutral-bg: #f0f1ee;
  --status-neutral-text: #56615a;
  --status-neutral-border: #dce0da;
  --status-info-bg: #edf3f5;
  --status-info-text: #365e70;
  --status-info-border: #d3e2e8;
  --status-success-bg: #edf4ed;
  --status-success-text: #376448;
  --status-success-border: #d4e5d5;
  --status-warning-bg: #faf2e4;
  --status-warning-text: #825a20;
  --status-warning-border: #ecdcb8;
  --status-danger-bg: #f9eeeb;
  --status-danger-text: #93493f;
  --status-danger-border: #ead4ce;
  --shadow: 0 10px 30px #1e3b310d;
  --shadow-soft: 0 10px 28px #23352e0d;
  font-family: var(--font-body);
  color: var(--text-primary);
  background: var(--paper);
  line-height: 1.5;
  font-size: var(--type-body);
}
[data-row-link]{cursor:pointer}
[data-row-link]:focus-within{background:#eef4e6;box-shadow:inset 3px 0 0 #a8bc91}
*{box-sizing:border-box}body{margin:0;color:var(--text-primary);background:var(--qi-paper)}::selection{background:var(--qi-forest);color:#fff}a{color:var(--qi-forest);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}svg{width:20px;height:20px;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere}h1{font-family:var(--font-display);font-size:34px;line-height:1.12;letter-spacing:-.025em;font-weight:600;margin-bottom:12px}h2{font-family:var(--font-body);font-size:var(--type-heading);letter-spacing:-.35px;line-height:1.3;font-weight:650;margin-bottom:8px}h3{font-family:var(--font-body);font-size:15px;font-weight:650;margin-bottom:8px}small{font-size:12px}strong{font-weight:650}code,pre{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;overflow-wrap:anywhere}pre{white-space:pre-wrap;background:var(--stone);padding:16px;border-radius:8px;max-width:100%;overflow:auto}hr{border:0;border-top:1px solid var(--line);margin:24px 0}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:12px;z-index:100;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:12px}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--stone);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 19px 12px;z-index:30;overflow-y:auto}.brand-lockup{display:flex;align-items:center;gap:10px;padding:0 4px;margin-bottom:18px;color:var(--ink)}.brand-lockup:hover{text-decoration:none}.brand-mark{width:38px;height:42px;display:grid;place-items:center;flex-shrink:0;background:var(--brand-primary);color:var(--brand-contrast);border:1px solid #1e3b3114;border-radius:9px}.brand-mark svg{height:30px;width:30px}.brand-mark img{height:30px;width:30px;object-fit:contain}.brand-name{display:block;font-size:14px;line-height:1.3;max-width:155px;overflow-wrap:anywhere;letter-spacing:-.3px}.brand-lockup small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.workspace-switcher{position:relative;border:1px solid #d7ddd2;border-radius:9px;background:#f9faf6;margin-bottom:18px}.workspace-switcher summary{display:flex;align-items:center;gap:8px;padding:9px;cursor:pointer;font-size:11px;list-style:none}.workspace-switcher summary>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switcher summary::-webkit-details-marker{display:none}.workspace-avatar{background:#e2e8dc;border:1px solid #d7dfd0;border-radius:6px;width:27px;height:27px;display:grid;place-items:center;font-weight:700;flex-shrink:0;text-transform:uppercase}.workspace-options{padding:6px;border-top:1px solid var(--line)}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0 12px 9px;font-weight:600}.primary-nav{display:grid;gap:2px;margin-bottom:12px}.primary-nav a{display:flex;align-items:center;gap:11px;min-height:36px;color:var(--text-secondary);padding:8px 12px;border-radius:8px;font-size:12px;font-weight:550;transition:background .12s}.primary-nav a:hover{background:#e3e6de;text-decoration:none;color:var(--qi-forest)}.primary-nav a[aria-current=page]{color:var(--brand-contrast);background:var(--brand-primary);box-shadow:0 3px 6px #253e2510}.nav-icon{display:flex}.nav-icon svg{width:17px;height:17px}.sidebar-bottom{margin-top:0;padding-top:0}.sidebar-note{font-size:12px;padding:12px;color:var(--text-secondary)}.sidebar-note small{display:block;padding:5px 0 0 14px;color:var(--text-secondary);font-size:12px}.account-menu{border-top:1px solid #d9dfd2;position:relative;margin-top:0;padding-top:12px}.account-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;font-size:11px}.account-menu summary>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.account-menu small{display:block;font-size:11px;color:var(--muted);font-weight:400}.account-menu .menu-card{padding:14px 0 0;display:grid;gap:12px;font-size:11px;overflow-wrap:anywhere}.workspace-main{margin-left:240px;min-height:100vh;display:flex;flex-direction:column}.app-topbar{height:68px;border-bottom:1px solid var(--line);background:#f8f6f0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 32px}.breadcrumb{display:flex;gap:var(--space-2);align-items:center;font-size:12px;color:var(--text-secondary);min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}.breadcrumb strong{color:var(--text-primary);font-weight:600}.copilot-trigger{font-size:11px!important;min-height:40px!important;padding:7px 11px!important;gap:7px!important;background:#fff!important}.copilot-trigger svg{width:15px;height:15px}.copilot-trigger kbd{font-size:10px;background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:0 4px;color:var(--muted);margin-left:6px}.page-shell{width:100%;max-width:1580px;margin:0 auto;padding:32px 32px 44px;flex:1;min-width:0}.app-footer{display:flex;justify-content:center;text-align:center;gap:12px;padding:16px 38px;color:var(--text-secondary);font-size:12px;border-top:1px solid var(--line)}.footer-divider{margin:0 8px;color:var(--text-secondary)}
.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-weight:650;margin-bottom:10px}.lede{color:var(--muted);font-size:var(--type-body);max-width:65ch;line-height:1.7;margin:0}.page-heading,.page-header,.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading p:not(.eyebrow),.page-header p:not(.eyebrow){color:var(--muted);max-width:70ch;line-height:1.6;margin-bottom:0}.page-heading h1,.page-header h1{font-size:var(--type-title)}.hero-panel h1{font-size:36px}.hero-panel .eyebrow{margin-bottom:10px}.page-heading>div,.hero-panel>div{min-width:0}.button,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);padding:9px 15px;border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);font-size:13px;font-weight:650;text-decoration:none;line-height:1.35;cursor:pointer}.button:hover,button[type=submit]:hover{border-color:var(--text-secondary);background:var(--surface-subtle);text-decoration:none}.button-primary,button.button-primary[type=submit]{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-contrast)}.button-primary:hover,button.button-primary[type=submit]:hover{filter:brightness(.95);background:var(--brand-primary)}.button:disabled,button:disabled,button.button-primary[type=submit]:disabled,button.button-primary[type=submit]:disabled:hover{opacity:1;cursor:not-allowed;color:var(--text-secondary);background:var(--surface-subtle);border-color:var(--border);filter:none}.button-secondary{background:var(--surface-subtle)}.button-small{min-height:var(--control-height);padding:5px 10px;font-size:12px}.button svg{width:16px;height:16px}.text-button{display:inline-flex;align-items:center;min-height:var(--control-height);border:0;background:none;padding:4px 0;color:var(--brand-deep);font-size:12px;font-weight:600;cursor:pointer}.button-row,.actions,.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.panel,.card,.auth-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;min-width:0;box-shadow:0 2px 5px #23352e08}.panel+.panel,.card+.card{margin-top:20px}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.section-heading h2,.panel-heading h2{margin:0}.section-heading>a{font-size:11px}.section-heading .eyebrow{margin-bottom:5px}.two-column{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:22px;margin-bottom:22px}.two-column>.panel{margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.metric-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:19px 20px;display:flex;flex-direction:column;gap:7px;min-width:0}.metric-card>span,.metric-label{font-size:12px;color:var(--text-secondary);margin:0}.metric-card>strong,.metric-value{font-variant-numeric:tabular-nums;font-size:29px;font-weight:600;letter-spacing:-.03em;line-height:1.3;margin:0}.metric-card small,.metric-note{color:var(--text-secondary);font-size:12px;margin:0}.metric-card.accent{background:#eaf0e2;border-color:#dce5d1}.metric-head{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:12px}.metric-head svg{width:16px;height:16px;color:var(--text-secondary)}.metric-foot{font-size:12px;color:var(--text-secondary)}.subtle,.muted,.help-text,.helptext{color:var(--muted);font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a0aa95;margin-right:5px}.status-normal{background:#6d9660}.status-high{background:#c09449}.status-urgent{background:#b4594f}.badge,.status-pill{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border:1px solid var(--status-neutral-border);border-radius:999px;background:var(--status-neutral-bg);color:var(--status-neutral-text);font-size:12px;font-weight:600;line-height:1.25}
.data-table,table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#647069;background:var(--surface-subtle);white-space:nowrap}.data-table th,.data-table td,table th,table td{padding:12px 13px;border-bottom:1px solid #ece9e1;vertical-align:middle}.data-table td,table td{color:var(--text-primary)}.data-table td strong{color:var(--ink)}.data-table td small{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.data-table tr:last-child td,table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdf9}.table-wrap{overflow-x:auto;max-width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:170px;padding:25px 15px;color:var(--text-secondary);font-size:13px}.empty-state strong{color:var(--text-primary);font-size:15px}.empty-state p{color:var(--text-secondary)}.panel .table-wrap{margin:0 -12px}.empty-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e1e8d7;border-radius:12px;background:#f6f9ef;margin-bottom:5px;color:var(--text-secondary)}.empty-icon svg{width:22px;height:22px}.empty-state .button{margin-top:8px}.list-stack{display:grid}.list-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0e7;padding:14px 0;color:var(--ink);font-size:12px;min-width:0}.list-row:last-child{border-bottom:0}.list-row>span:last-child{display:grid;gap:3px}.list-row small{color:var(--text-secondary);font-size:12px}.list-row:hover{text-decoration:none}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-card{display:flex;flex-direction:column;gap:8px;min-height:115px;padding:18px;border:1px solid var(--line);border-radius:9px;background:#fbfcf8;color:var(--ink)}.action-card:hover{text-decoration:none;background:#f0f5e9;border-color:#c9d6bf}.action-card span{font-size:11px;color:var(--muted)}.action-card strong{font-size:13px}.feature-icon{width:34px;height:34px;border-radius:8px;background:#edf3e5;color:#526448;display:grid;place-items:center;margin-bottom:3px}.offering-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px;display:grid;gap:14px}.offering-card h3{font-size:16px;margin:0}.offering-card p{font-size:12px;color:var(--muted);margin:0}.offering-card footer{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between}.offering-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.welcome-note{border-radius:12px;background:#e9eedf;border:1px solid #dce5cf;padding:24px;position:relative}.welcome-note h2{font-size:20px}.welcome-note p{font-size:12px;color:#526448;line-height:1.8}.welcome-note .eyebrow{color:#526448}.intro-number{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f5f8ef;border:1px solid #dde6d2;color:#526448;font-size:10px;flex-shrink:0}.quick-step{display:flex;gap:11px;margin:18px 0;font-size:12px}.quick-step small{display:block;color:#526448;font-size:12px;margin-top:3px}
.form-stack{display:grid;gap:18px}input,select,textarea{box-sizing:border-box;width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);caret-color:var(--qi-forest);font:inherit;font-size:var(--type-control);line-height:1.4}
input[type=checkbox],input[type=radio]{width:16px;min-height:16px;height:16px;accent-color:var(--brand-primary);vertical-align:middle;margin-right:6px}
input[type=color]{padding:4px;width:75px;height:42px}
textarea{resize:vertical;min-height:100px}
select.searchable-select-source{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;opacity:0!important;pointer-events:none;overflow:hidden;clip-path:inset(50%)}
input.searchable-select-input{padding-right:36px}
.field{display:grid;gap:7px}.field label,label{font-size:12px;font-weight:550;color:#43563b}.field input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:1}form p{margin:0 0 18px}form p>label{display:block;margin-bottom:7px}form p .helptext{display:block;margin-top:5px;font-size:11px}form ul{padding-left:18px}.errorlist{margin:5px 0;padding-left:16px;color:var(--danger);font-size:11px}.field-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.filter-bar,.filters{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3);padding:var(--space-4);background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:22px}.filter-bar .field{min-width:135px;flex:1}.filters label{display:grid;gap:5px;flex:1;min-width:120px}.filter-bar label,.filters label{font-size:12px}.filter-bar input,.filter-bar select,.filters input,.filters select{min-height:40px;padding:8px 10px;font-size:13px}.workspace-main>.anddone-test-banner{position:sticky;top:0;z-index:20}.flash-stack{padding:18px 38px 0}.flash{border:1px solid #dce7cf;border-radius:8px;padding:12px 16px;color:#537143;background:#f1f6e9;font-size:13px;margin-bottom:8px}.flash-error{border-color:#ecd3cd;background:#fcf0ed;color:#a15143}.notice,.info-banner{padding:14px 18px;background:#f4f7ee;border:1px solid #dfe7d5;border-radius:9px;font-size:13px;color:#526448;margin-bottom:20px}.notice-warning{background:#fcf7eb;border-color:#ecdfbe;color:var(--status-warning-text)}.stepper,.studio-tabs,.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:26px;overflow-x:auto}.stepper a,.studio-tabs a,.tabs a{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent;color:var(--muted)}.stepper a[aria-current],.studio-tabs a[aria-current],.tabs a[aria-current],.tabs .active,.studio-tabs .active{border-bottom-color:var(--qi-copper-deep);color:var(--ink);font-weight:650}.studio-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:22px}dl{margin:0}dt{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-top:15px}dd{font-size:13px;margin:5px 0 0;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.text-right{text-align:right}.auth-body{background:var(--qi-paper)}.auth-shell{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:40px 20px}.auth-card{width:min(460px,100%);padding:40px}.auth-card h1{font-size:31px}.auth-card .eyebrow{color:var(--text-secondary)}.auth-body .app-footer{justify-content:center;border:0}.brand-preview{background:#f4f6ef;border:1px solid var(--line);padding:25px;border-radius:10px}.brand-preview-mark{background:var(--brand-primary);color:var(--brand-contrast);width:48px;height:48px;border-radius:10px;display:grid;place-items:center;margin-bottom:18px;font-size:20px}.brand-preview h3{font-size:21px}.color-swatches{display:flex;gap:8px;margin-top:20px}.color-swatches span{width:36px;height:36px;border-radius:7px;border:1px solid #00000008}.check-list{padding:0;list-style:none;display:grid;gap:13px;font-size:12px;color:var(--muted)}.check-list li:before{content:'✓';color:#526448;margin-right:9px}.section-kicker{display:flex;align-items:center;justify-content:space-between;margin:26px 0 15px}.section-kicker h2{font-size:15px;margin:0}.section-kicker span{font-size:10px;color:var(--muted)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
@media(min-width:1500px){.page-shell{padding:45px 54px}.app-topbar{padding:0 54px}.app-sidebar{width:250px}.workspace-main{margin-left:250px}}
@media(max-width:1100px){.app-sidebar{width:205px;padding:23px 13px}.workspace-main{margin-left:205px}.page-shell{padding:28px 25px}.app-topbar{padding:0 25px}.brand-name{max-width:128px;font-size:12px}.metric-grid{gap:10px}.metric-card{padding:16px}.two-column,.studio-grid{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr)}.app-footer{padding:16px 25px}.primary-nav a{font-size:11px;padding:10px}.nav-label{font-size:11px}}
@media(max-width:850px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.studio-grid{grid-template-columns:1fr}.hero-panel,.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.hero-panel h1{font-size:30px}.copilot-trigger kbd{display:none}.app-topbar{height:65px}.breadcrumb{font-size:10px;gap:8px}.panel{padding:20px}}
@media(max-width:620px){.app-sidebar{position:relative;inset:auto;width:100%;padding:15px 18px;display:block;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.brand-lockup{margin:0 0 12px}.brand-name{max-width:230px;font-size:14px}.workspace-switcher{margin-bottom:12px}.nav-label,.sidebar-bottom{display:none}.primary-nav{display:flex;overflow-x:auto;gap:5px;margin:4px 0}.primary-nav a{white-space:nowrap;padding:9px 10px;font-size:10px}.primary-nav a .nav-icon{display:none}.workspace-main{margin-left:0}.app-topbar{padding:0 20px}.page-shell{padding:25px 18px}.hero-panel,.page-heading,.page-header{flex-direction:column;gap:15px;margin-bottom:22px}.hero-panel h1{font-size:29px}.field-grid,.form-grid,.action-grid{grid-template-columns:1fr}.panel{padding:18px}.app-footer{padding:16px 18px;flex-direction:row;gap:4px}.flash-stack{padding:14px 18px 0}.metric-card{padding:15px}.metric-card>strong{font-size:25px}.metric-card>span{font-size:12px}.brand-lockup small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
fieldset{min-width:0;border:1px solid var(--line);border-radius:9px;margin:0;padding:19px}legend{padding:0 8px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:600}fieldset .field+ .field{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.field small{font-size:11px;color:var(--muted);line-height:1.6}.field>div:not(.form-stack){display:grid;gap:8px}section>p:not(.eyebrow):not(.metric-value){color:var(--muted);font-size:12px;line-height:1.7}nav[aria-label="Application steps"]{font-size:12px;margin-bottom:20px;background:#eef3e6;border-color:#dce5d1;padding:16px 22px}:where(details:not(.account-menu):not(.workspace-switcher))>summary{cursor:pointer;padding:12px 0;font-size:12px;font-weight:600}.actions+p.muted{margin-top:15px;font-size:11px}.form-stack .actions{margin-top:0}.studio-tabs a:hover,.tabs a:hover{text-decoration:none;background:#f0f4e8}

.account-link{display:flex;align-items:center;gap:9px;border-top:1px solid #d9dfd2;padding:12px 0 0;color:var(--ink);font-size:11px}.account-link>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.account-link small{display:block;font-size:11px;color:var(--muted);font-weight:400}.account-link:hover{text-decoration:none;color:var(--brand-primary)}.app-sidebar>*{flex-shrink:0}
.topbar-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.mobile-nav{display:none}
@media(max-width:620px){.sidebar-bottom{display:block;margin-top:12px}.account-link{padding-top:10px}.account-link .workspace-avatar{width:24px;height:24px}}
@media(max-width:620px){.app-sidebar{padding:10px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.brand-lockup{margin:0;max-width:calc(100% - 110px)}.mobile-nav[open]{flex:1 1 100%}.app-sidebar>.workspace-switcher,.sidebar-navigation,.sidebar-bottom{display:none}.mobile-nav{display:block;margin-top:0;min-width:96px;border:1px solid var(--line);border-radius:8px;background:#fff}.mobile-nav summary{display:flex;justify-content:space-between;padding:8px 10px;font-size:12px;font-weight:650;cursor:pointer}.mobile-nav-panel{padding:7px 10px 10px;border-top:1px solid var(--line)}.mobile-nav .workspace-switcher{display:block;margin:0 0 8px}.mobile-nav .nav-label{display:block;margin:10px 8px 5px}.mobile-nav .primary-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin:0 0 8px}.mobile-nav .primary-nav a,.mobile-nav-link{display:block;padding:8px;color:var(--ink);font-size:11px;border-radius:6px}.mobile-nav .primary-nav a:hover,.mobile-nav-link:hover{background:var(--brand-soft);text-decoration:none}.app-topbar{height:48px;padding:0 16px}.topbar-actions{gap:9px}.topbar-help{font-size:10px}.page-shell{padding:16px 16px 30px}.hero-panel,.page-heading,.page-header{gap:10px;margin-bottom:16px}.hero-panel h1,.page-heading h1{font-size:26px}.copilot-trigger kbd{display:none}}
.workspace-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:#f9faf6;border:1px solid #d7ddd2;border-radius:9px;box-shadow:0 8px 24px #23392f18}.workspace-options .workspace-option{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:9px 15px;border:1px solid #d8dfd2;border-radius:7px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;line-height:1.35;text-decoration:none}.workspace-options .workspace-option:hover{background:#f1f5ed;text-decoration:none}
.pagination{display:flex;align-items:center;justify-content:center;gap:8px 16px;flex-wrap:wrap;margin-top:16px;padding:14px;border-top:1px solid var(--line);font-size:12px;color:var(--text-secondary)}.pagination a{display:inline-flex;align-items:center;min-height:40px;padding:4px 8px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface-raised);font-size:12px;font-weight:600}
@media(max-width:620px){.mobile-nav .primary-nav a,.mobile-nav-link{min-height:40px}}
@media(min-width:621px) and (max-height:800px){.primary-nav a{padding:8px 12px}.primary-nav{margin-bottom:12px}.nav-label{margin-bottom:6px}.workspace-switcher,.brand-lockup{margin-bottom:14px}}

@media(min-width:621px){.app-sidebar{overflow:hidden}.app-sidebar>.sidebar-navigation{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sidebar-bottom{flex-shrink:0;background:var(--stone)}}

/* Consistent compact native disclosures across workspace screens. */
.page-shell details.disclosure-panel{margin:0 0 20px;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 4px #23392f02;min-width:0;overflow:hidden}
.page-shell details.disclosure-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;cursor:pointer;font-size:12px;font-weight:650;color:var(--ink);overflow-wrap:anywhere}
.workspace-list>.workspace-list-filters+.disclosure-panel{margin-top:var(--space-5)}
.page-shell details.disclosure-panel[open]>summary{border-bottom:1px solid var(--line)}
.client-create-panel .disclosure-body>.list-filters{padding:0;margin:0;border:0;background:transparent}
.page-shell .disclosure-body{padding:16px 20px 20px;min-width:0;overflow-wrap:anywhere}
.dashboard-metric-link{color:var(--ink);text-decoration:none}
.dashboard-metric-link:hover{border-color:#c7d5bc;text-decoration:none;background:#fbfcf8}
.metric-grid[aria-label="Business overview"]{gap:12px;margin-bottom:24px}
.metric-grid[aria-label="Business overview"] .metric-card{padding:15px 17px}
.dashboard-primary-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr)}
.dashboard-attention .section-heading{flex-wrap:wrap}
.dashboard-attention .section-heading>a{white-space:nowrap;font-size:12px}
.dashboard-attention .list-row{overflow-wrap:anywhere}
.dashboard-product-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.dashboard-product-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}
.dashboard-product-list li:last-child{border-bottom:0}
.dashboard-product-list a{flex-shrink:0}
.dashboard-secondary-links{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 18px;font-size:11px}
.dashboard-help .disclosure-body p:last-child{margin-bottom:0}
.dashboard-products{margin-bottom:22px!important}
@media(max-width:850px){.dashboard-primary-grid{grid-template-columns:1fr}.dashboard-product-list li{flex-wrap:wrap}}
.page-shell details.disclosure-panel>summary{list-style:none}
.page-shell details.disclosure-panel>summary::-webkit-details-marker{display:none}
.page-shell details.disclosure-panel>summary::after{content:"⌄";flex:0 0 auto;font-size:14px;line-height:1;color:var(--muted);transition:transform .12s ease}
.page-shell details.disclosure-panel[open]>summary::after{transform:rotate(180deg)}
.work-queue-heading p{margin-bottom:0}
/* Shared responsive controls for client, submission, and policy work lists. */
.list-filters{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin:0 0 18px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle)}.list-filters label,.client-profile-form label{display:grid;gap:6px;min-width:150px;font-size:12px;color:#596751}.list-filters input,.list-filters select,.client-profile-form input,.client-profile-form select{min-height:40px;padding:8px 10px;border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary)}.client-linked-list a{font-weight:600}.client-record{padding:16px 0;border-top:1px solid #e7ecdf}.client-record h2{margin:0 0 7px;font-size:16px}.client-record p{margin:0 0 8px;color:var(--text-secondary);font-size:12px}.client-profile{max-width:1280px;margin:0 auto}.client-back{display:inline-block;margin:0 0 18px;font-size:12px}.client-profile>.panel{margin-bottom:20px}.client-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.client-profile-grid h2,.client-profile>.panel>h2{margin:0 0 14px;font-size:17px}.client-profile-form{display:grid;gap:9px;max-width:520px}.client-profile-form .button{justify-self:start;margin-top:5px}.client-next-actions,.client-fact-history{list-style:none;margin:0;padding:0}.client-next-actions li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #e8ecdf;font-size:12px}.client-next-actions a{min-width:0}.client-section-heading p{color:var(--text-secondary);font-size:12px}.client-fact-capture{margin:14px 0;padding:14px;border:1px solid #dfe5d8;border-radius:8px;background:#fafbf8}.client-fact-capture>summary{cursor:pointer;font-weight:600;font-size:13px}.client-fact-history article{padding:14px 0;border-top:1px solid #e8ecdf}.client-fact-history article>div{display:flex;align-items:center;gap:8px}.client-fact-history p{margin:7px 0;font-size:13px;overflow-wrap:anywhere}.client-fact-history small{color:var(--text-secondary);font-size:11px}.client-linked-list article{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,1fr) minmax(170px,auto);gap:14px;align-items:center;padding:14px 0;border-top:1px solid #e8ecdf;font-size:12px}.client-linked-list article span{color:var(--text-secondary)}.form-error{color:#a33d2d;font-size:12px}@media(max-width:700px){.list-filters{align-items:stretch}.list-filters label{width:100%}.list-filters button{width:100%}.client-profile-grid{grid-template-columns:1fr}.client-linked-list article{grid-template-columns:1fr;gap:6px}.client-next-actions li{align-items:flex-start;flex-wrap:wrap}}

.activation-steps{display:grid;gap:12px;padding-left:20px}.activation-steps li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.activation-steps li>div{display:grid;gap:3px}.activation-steps li span,.activation-steps li small{color:var(--muted)}.activation-step-done{background:var(--surface-soft,#f4f7f4)}@media(max-width:600px){.activation-steps li{align-items:flex-start;flex-direction:column}}
.operational-metric-notes{display:grid;gap:8px;margin:16px 0 0;padding-left:20px}.operational-metric-notes li{color:var(--text-primary)}.operational-performance .metric-card strong{font-size:1.35rem}
.activation-blocker-summary{margin:0;color:var(--muted)}.activation-details{margin-top:14px}.activation-details>summary{padding:10px 12px;font-weight:600}
.page-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0;justify-content:flex-end}@media(max-width:600px){.page-actions{justify-content:flex-start}.client-link-edit summary{cursor:pointer}}

/* Quill.Insure brand foundation. Retailer-provided primary colors remain available through --brand-primary. */
.brand-mark-app{width:38px;height:38px;background:transparent;border:0;border-radius:0}
.brand-mark-app img{width:38px;height:38px;object-fit:contain}
.brand-lockup-logo{display:block;flex:1 1 auto;min-width:0;width:100%;height:52px;max-width:100%;object-fit:contain;object-position:left center}

.brand-preview-mark img{width:100%;height:100%;object-fit:contain}
.brand-preview-lockup{display:flex;align-items:center;gap:12px;min-height:52px;margin-bottom:18px}
.brand-preview-lockup .brand-preview-mark{flex:0 0 48px;margin:0}
.brand-preview-lockup h3{margin:0}
.brand-preview-lockup.has-custom-logo{display:block}
.brand-preview-logo{display:block;width:100%;height:52px;max-width:100%;object-fit:contain;object-position:left center}

/* Keep the complete desktop navigation reachable on shorter laptop screens. */
@media (min-width:981px) and (max-height:800px){.sidebar-navigation .primary-nav a{min-height:28px;padding:5px 10px}.sidebar-navigation .primary-nav{gap:1px;margin-bottom:10px}.sidebar-navigation .nav-label{margin-bottom:6px}}

/* Shared Quill interface foundation: readable work text and calm, clear surfaces. */
.numeric, .tabular-nums, [data-numeric] { font-variant-numeric: tabular-nums lining-nums; }

.badge-neutral { background: var(--status-neutral-bg); color: var(--status-neutral-text); border-color: var(--status-neutral-border); }
.badge-info { background: var(--status-info-bg); color: var(--status-info-text); border-color: var(--status-info-border); }
.badge-success { background: var(--status-success-bg); color: var(--status-success-text); border-color: var(--status-success-border); }
.badge-warning { background: var(--status-warning-bg); color: var(--status-warning-text); border-color: var(--status-warning-border); }
.badge-danger { background: var(--status-danger-bg); color: var(--status-danger-text); border-color: var(--status-danger-border); }
.badge-muted { background: var(--status-neutral-bg); color: var(--status-neutral-text); border-color: var(--status-neutral-border); }

.workspace-main > .anddone-test-banner, .workspace-main > .workspace-mode-banner { position: sticky; top: 0; z-index: 20; }
.anddone-test-banner, .workspace-mode-banner { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 40px; margin: 0; padding: 8px 24px; border-bottom: 1px solid var(--status-warning-border); background: var(--status-warning-bg); color: var(--status-warning-text); font-size: 13px; font-weight: 500; line-height: 1.35; }
.anddone-test-banner strong, .workspace-mode-banner strong { font-weight: 700; }
.operator-context-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 40px; margin: 0; padding: 8px 24px; border-bottom: 1px solid var(--status-info-border); background: var(--status-info-bg); color: var(--status-info-text); font-size: 13px; line-height: 1.35; }
.operator-context-bar strong { font-weight: 700; }
.operator-context-bar a { color: inherit; font-weight: 600; }
.operator-context-bar form { margin: 0 0 0 auto; }
.operator-context-switch { border: 1px solid currentColor; border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: 12px; padding: 3px 10px; cursor: pointer; }

@media (min-width: 981px) {
  .page-shell { padding-inline: 36px; }
}
@media (max-width: 980px) {
  .app-sidebar { width: 220px; padding-inline: 15px; }
  .workspace-main { margin-left: 220px; }
  .app-topbar { padding-inline: 24px; }
  .page-shell { padding: 28px 24px 38px; }
  .two-column { grid-template-columns: minmax(0, 1fr); }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .app-sidebar { position: relative; inset: auto; width: 100%; min-height: 0; padding: 10px 16px; }
  .workspace-main { margin-left: 0; padding-top: 0; }
  .app-topbar { height: auto; min-height: 48px; padding: 7px 16px; flex-wrap: wrap; }
  .breadcrumb { flex: 1 1 120px; }
  .topbar-actions { gap: 8px; }
  .page-shell { padding: 20px 16px 30px; }
  .panel, .card, .auth-card { padding: 18px; }
  .metric-grid { gap: 10px; }
  .metric-card { padding: 14px; }
  .metric-card > strong, .metric-value { font-size: 25px; }
  .page-heading, .page-header, .hero-panel { align-items: flex-start; flex-direction: column; gap: 12px; }
  .page-heading h1, .page-header h1, .hero-panel h1 { font-size: 28px; }
  .anddone-test-banner { min-height: 36px; padding: 7px 16px; font-size: 12px; }
  .table-wrap { margin-inline: -8px; }
  .data-table th, .data-table td, table th, table td { padding: 10px 9px; }
}

/* Workspace navigation refinements. */
.topbar-help {
  color: var(--qi-forest);
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.topbar-help:hover { color: var(--qi-forest); text-decoration-thickness: 2px; }
.topbar-help:focus-visible { outline: 3px solid var(--qi-copper-deep); outline-offset: 3px; border-radius: 2px; }
@media (max-width: 620px) {
  .app-footer { flex-direction: row; justify-content: center; }
}
@media (max-width: 390px) {
  .app-topbar { align-items: flex-start; }
  .copilot-trigger { min-height: 40px !important; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Consistent reading rhythm for navigation and compact dashboard metadata. */
.primary-nav a, .mobile-nav .primary-nav a, .mobile-nav-link { font-size: 12px; }
.metric-card.attention { background: var(--status-warning-bg); border-color: var(--status-warning-border); }
.metric-card.attention .metric-head, .metric-card.attention .status-dot { color: var(--status-warning-text); }
.status-dot.status-high { background: var(--status-warning-text); }
.tabs.products-tabs { flex-wrap: wrap; overflow-x: visible; }
.products-nav .products-areas { margin-bottom: 0; }
.products-nav .products-areas a { font-size: 14px; font-weight: 600; }
.products-nav .products-tabs { margin-top: 0; border-bottom: 0; background: var(--surface-subtle, #f4f6ef); border-radius: 0 0 9px 9px; padding: 0 6px; }
.products-nav .products-tabs a { min-height: 38px; font-size: 12px; }
.products-home-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; align-items: start; }
.products-home-grid > .panel { margin: 0; }
.products-home-grid ul { list-style: none; padding: 0; margin: 14px 0 0; display: grid; gap: 12px; }
.products-home-grid li small { display: block; color: var(--muted); font-size: 12px; margin-top: 3px; }
@media (max-width: 620px) {
  .button, button, button[type="submit"], .button-small { min-height: 44px; }
}

/* Keep long agency names and paginated lists usable on narrow screens. */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.breadcrumb > span:first-child { min-width: 0; }
.workspace-modal-row strong { overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .copilot-trigger { min-height: 44px !important; }
  .mobile-nav .primary-nav a, .mobile-nav-link, .mobile-nav > summary,
  .mobile-nav .workspace-switcher summary, .pagination a { min-height: 44px; }
  .mobile-nav .primary-nav a, .mobile-nav-link { display: flex; align-items: center; }
  .mobile-nav .primary-nav a[aria-current="page"] { background: var(--brand-primary); color: var(--brand-contrast); }
}
.sidebar-start-business { display: flex; justify-content: center; width: 100%; margin: 0 0 12px; flex: 0 0 auto; }
.mobile-nav-panel .sidebar-start-business { margin: 12px 0; }
@media (max-width: 620px) { .app-sidebar > .sidebar-start-business { display: none; } }

.settings-link-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 14px; }
.settings-link-grid > .settings-link-card { display: flex; flex-direction: column; margin: 0; color: inherit; text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.settings-link-card:hover { border-color: var(--brand-primary); transform: translateY(-1px); text-decoration: none; }
.settings-link-card:is(:hover, :focus-visible) .settings-link-action { text-decoration: underline; text-underline-offset: 3px; }
.settings-link-card:focus-visible { outline: 2px solid var(--qi-copper-deep); outline-offset: 3px; }
.settings-link-card h2 { margin: 8px 0 6px; font-size: 19px; }
.settings-link-card p { color: var(--muted); margin: 0 0 16px; }
.settings-link-action { margin-top: auto; color: var(--brand-primary); font-weight: 650; }
.unified-submission-filters { align-items: end; }
.unified-submission-table td { vertical-align: top; }
.unified-submission-table td a:not(.submission-name) { overflow-wrap: anywhere; }
.work-destinations { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
@media (max-width: 620px) {
  .settings-link-grid { grid-template-columns: 1fr; }
  .settings-link-card { padding: 17px; }
  .work-destinations .button { flex: 1 1 135px; }
}

/* Page hierarchy: task actions first in DOM; supporting destinations stay quiet. */
.page-context, .page-heading p.page-context, .page-header p.page-context { margin: 0 0 6px; color: var(--text-secondary); font-size: var(--type-meta); font-weight: 600; line-height: 1.5; }
.page-heading .application-header-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin: 0; min-width: 0; }
.page-heading .application-header-actions > .button { flex: 0 1 auto; }
.page-utilities { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 20px; min-width: 0; margin: -12px 0 20px; font-size: var(--type-meta); }
.page-utilities > a { display: inline-flex; align-items: center; min-height: var(--control-height); color: var(--qi-forest); font-size: var(--type-meta); font-weight: 600; }
.page-utilities > a:hover, .page-utilities summary:hover { text-decoration: underline; }
.page-utilities details { position: relative; }
.page-utilities details > summary { display: list-item; min-height: var(--control-height); padding: 10px 0; color: var(--qi-forest); font-size: var(--type-meta); font-weight: 600; cursor: pointer; list-style: disclosure-closed inside; }
.page-heading > .page-utilities { margin: 0; align-self: center; justify-content: flex-end; }
.page-utilities details[open] > summary { list-style-type: disclosure-open; }
.page-utilities details:not([open]) > div { display: none; }
.page-utilities details > div { position: absolute; z-index: 45; top: 100%; left: 0; display: grid; min-width: 220px; max-width: calc(100vw - 48px); padding: 6px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-raised); box-shadow: var(--shadow-soft); }
.page-heading > .page-utilities details > div { left: auto; right: 0; }
.page-utilities details > div a { display: flex; align-items: center; min-height: var(--control-height); padding: 8px 10px; border-radius: var(--radius-sm); overflow-wrap: anywhere; }
.page-utilities details > div a:hover { background: var(--surface-subtle); }
.table-meta { display: block; margin-top: 4px; color: var(--text-secondary); font-size: var(--type-meta); line-height: 1.5; overflow-wrap: anywhere; }
input:disabled, select:disabled, textarea:disabled { opacity: 1; color: var(--text-secondary); background: var(--surface-subtle); cursor: not-allowed; }
input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"] { border-color: var(--danger); }
@media (max-width: 620px) {
  .page-heading .application-header-actions { justify-content: flex-start; width: 100%; }
  .page-utilities { gap: 0 20px; margin-top: -8px; }
  .page-heading > .page-utilities { margin: 0; align-self: flex-start; justify-content: flex-start; }
  .page-utilities details > div, .page-heading > .page-utilities details > div { position: static; min-width: 0; width: min(260px, calc(100vw - 48px)); }
  .page-utilities > a, .page-utilities summary, .page-utilities details > div a, .text-button { min-height: var(--control-height-touch); }
}

/* Directory pages share aligned filter and table cards without changing entry forms. */
.workspace-list { width: 100%; min-width: 0; container-type: inline-size; }
.submission-entry.submission-list.workspace-list { max-width: none; }
.workspace-list .panel.workspace-list-filters {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)) auto;
  align-items: end;
  gap: 12px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 20px 24px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}
.workspace-list .panel.workspace-list-filters-wide,
.workspace-list .panel.workspace-list-filters-work {
  grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)) auto;
}
.workspace-list .panel.workspace-list-filters-search { grid-template-columns: minmax(0, 1fr) auto; }
.workspace-list .panel.workspace-list-filters > label,
.workspace-list .panel.workspace-list-filters > .field {
  display: grid;
  gap: 6px;
  width: auto;
  min-width: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 550;
  color: var(--text-secondary);
}
.workspace-list .panel.workspace-list-filters .field label { font-size: 12px; color: var(--text-secondary); }
.workspace-list .panel.workspace-list-filters input,
.workspace-list .panel.workspace-list-filters select { min-width: 0; min-height: 40px; border-color: var(--control-border); }
.workspace-list .panel.workspace-list-filters .list-filter-actions { display: flex; align-items: center; gap: 8px; min-width: 0; }
.workspace-list .panel.workspace-list-filters .list-filter-actions > .button { width: auto; min-height: 40px; white-space: nowrap; }
.workspace-list .workspace-list-table { padding: 24px; margin-top: 0; }
.workspace-list :is(.workspace-list-filters, .panel:has(> .workspace-list-filters)) + .workspace-list-table { margin-top: 20px; }
.workspace-list .workspace-list-table :is(.table-wrap, .submission-table-wrap) {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  overscroll-behavior-x: contain;
}
.workspace-list .workspace-list-table .submission-list-heading { padding: 0 0 18px; }
.workspace-list .filter-disclosure { grid-column: 1 / -1; min-width: 0; border-top: 1px solid var(--border); }
.workspace-list .filter-disclosure > summary { display: list-item; min-height: var(--control-height); padding: 10px 0 0; color: var(--qi-forest); font-size: var(--type-meta); font-weight: 600; cursor: pointer; list-style: disclosure-closed inside; }
.workspace-list .filter-disclosure[open] > summary { list-style-type: disclosure-open; }
.filter-disclosure:not([open]) > .filter-disclosure-fields { display: none; }
.filter-disclosure > .list-filter-actions { padding-top: 16px; }
.filter-disclosure-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-top: 12px; }
.filter-disclosure-fields .field { min-width: 0; }
.filter-disclosure-fields .field label { color: var(--text-secondary); font-size: var(--type-meta); }
@media (max-width: 620px) {
  .workspace-list .filter-disclosure > summary { min-height: var(--control-height-touch); }
  .filter-disclosure-fields { grid-template-columns: minmax(0, 1fr); }
}
.work-scopes { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.work-scope-count { font-variant-numeric: tabular-nums; }

@container (max-width: 850px) {
  .workspace-list .panel.workspace-list-filters-wide,
  .workspace-list .panel.workspace-list-filters-work { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-list .panel.workspace-list-filters-wide .list-filter-search,
  .workspace-list .panel.workspace-list-filters-work .list-filter-search,
  .workspace-list .panel.workspace-list-filters-wide .list-filter-actions,
  .workspace-list .panel.workspace-list-filters-work .list-filter-actions { grid-column: 1 / -1; }
}
@container (max-width: 650px) {
  .workspace-list .panel.workspace-list-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-list .panel.workspace-list-filters .list-filter-search,
  .workspace-list .panel.workspace-list-filters .list-filter-actions { grid-column: 1 / -1; }
  .workspace-list .panel.workspace-list-filters { padding: 18px; }
  .workspace-list .workspace-list-table { padding: 18px; }
  .workspace-list :is(.workspace-list-filters, .panel:has(> .workspace-list-filters)) + .workspace-list-table { margin-top: 16px; }
}
@container (max-width: 440px) {
  .workspace-list .panel.workspace-list-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-list .panel.workspace-list-filters .list-filter-actions > .button { flex: 1; min-height: 44px; }
  .workspace-list .panel.workspace-list-filters :is(input, select) { min-height: 44px; }
}
@container (min-width: 320px) and (max-width: 440px) {
  .workspace-list .panel.workspace-list-filters-search { grid-template-columns: minmax(0, 1fr) auto; }
  .workspace-list .panel.workspace-list-filters-search .list-filter-search,
  .workspace-list .panel.workspace-list-filters-search .list-filter-actions { grid-column: auto; }
  .workspace-list .panel.workspace-list-filters-search .list-filter-actions > .button { flex: none; }
}
@container (max-width: 300px) {
  .workspace-list .panel.workspace-list-filters { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .workspace-list .submission-table-wrap .submission-table tr { padding: 16px; }
}