.head-actions { display: flex; align-items: end; gap: 12px; }
.compact-filter { min-width: 190px; }
.compact-filter select { padding: 9px 10px; }
.table-panel{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-tools { display:flex; justify-content:flex-end; padding:0 0 12px;position:sticky;left:0 }
.table-tools label { margin:0; width:min(340px,100%); }
.table-tools input { width:100%; padding:9px 12px 9px 34px; background-color:#fff; background-image:linear-gradient(45deg,transparent 45%,#728096 45%,#728096 55%,transparent 55%); background-size:8px 8px; background-position:15px 13px; background-repeat:no-repeat; }
th.sortable { cursor:pointer; user-select:none; white-space:nowrap; }
th.sortable::after { content:'↕'; margin-left:7px; color:#9aa6b8; font-size:12px; }
th.sortable[aria-sort='ascending']::after { content:'↑'; color:#173cff; }
th.sortable[aria-sort='descending']::after { content:'↓'; color:#173cff; }
.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; }
.number, .stock-number { text-align: right; }
.stock-number { font-size: 16px; font-weight: 800; }
.stock-zero { color: #a04b36; }
.row-action { background: transparent; color: #173cff; border: 1px solid #cdd6ff; padding: 7px 10px; white-space: nowrap; }
.muted { color: var(--muted); font-size: 12px; margin-top: 3px; }
.parent-row td { background: #f4f6fb; border-top: 2px solid #dce3ef; }
.parent-row td:first-child { border-left: 3px solid #173cff; }
.parent-name { display: flex; align-items: center; gap: 9px; }
.item-cell,.variant-image-cell { display:flex; align-items:center; gap:10px; }
.variant-image-cell { min-width:105px; }
.item-thumb { width:46px; height:46px; border-radius:8px; object-fit:cover; border:1px solid #dce3ed; background:#fff; flex:0 0 auto; }
.item-thumb-empty { display:grid; place-items:center; color:#9ba7b8; background:#f3f6fa; font-size:20px; }
.image-editor { display:flex; align-items:center; gap:16px; padding:12px; margin:12px 0; background:#f7f9fc; border-radius:10px; }
.image-editor img { width:92px; height:92px; object-fit:cover; border-radius:10px; border:1px solid #dce3ed; background:#fff; }
.image-editor label { flex:1; }
.tree-toggle { width: 26px; height: 26px; padding: 0; border-radius: 6px; background: #e8edff; color: #1734bc; font-size: 16px; }
.child-row td:first-child { padding-left: 50px; position: relative; }
.child-row td:first-child::before { content: ""; position: absolute; left: 30px; top: 0; bottom: 50%; width: 12px; border-left: 1px solid #b9c4d6; border-bottom: 1px solid #b9c4d6; }
.parent-summary { color: #69758a; font-size: 12px; font-weight: 600; }
.parent-actions { display: flex; gap: 7px; justify-content: flex-end; }
.icon-action { width: 34px; height: 34px; padding: 0; display: inline-grid; place-items: center; border-radius: 8px; background: #f3f5fb; color: #243a70; border: 1px solid #d9e0ee; font-size: 17px; position: relative; }
.icon-action:hover::after { content: attr(data-tooltip); position: absolute; bottom: calc(100% + 7px); left: 50%; transform: translateX(-50%); background: #101a2f; color: white; font-size: 12px; font-weight: 700; padding: 5px 8px; border-radius: 5px; white-space: nowrap; z-index: 20; }
.icon-action:hover { background: #e8edff; color: #173cff; filter: none; }
hr { border: 0; border-top: 1px solid #e1e6ef; margin: 20px 0; }
fieldset { border: 1px solid #dfe5ef; border-radius: 10px; padding: 16px; }
legend { font-weight: 800; padding: 0 7px; }
.address-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.address-columns fieldset > label { margin-bottom: 11px; }
.contact-columns { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:16px 0; }
.contact-entry { display:grid; grid-template-columns:120px 1fr auto; gap:8px; align-items:end; margin-bottom:8px; }
.contact-entry label { margin:0; }
.contact-entry button { margin-bottom:1px; }
.copy-address { float:right; margin-top:-34px; background:transparent; color:#1746e0; border:0; padding:5px 0; font-weight:700; }
.order-editor { border-top: 4px solid #173cff; }
.order-statuses { display:flex; flex-wrap:wrap; gap:7px; margin-top:7px; }
.order-statuses span { background:#eef2f8; color:#40506a; border-radius:999px; padding:5px 9px; font-size:11px; font-weight:800; text-transform:capitalize; }
.status { display:inline-flex; align-items:center; gap:6px; text-transform:capitalize; border:1px solid transparent; }
.status-dot { width:7px; height:7px; border-radius:50%; background:currentColor; flex:0 0 auto; }
.status-success { background:#e7f7ed !important; color:#14743a !important; border-color:#bde7cb !important; }
.status-warning { background:#fff6d8 !important; color:#876300 !important; border-color:#f0d987 !important; }
.status-danger { background:#ffebe7 !important; color:#a42e1c !important; border-color:#efc0b7 !important; }
.status-neutral { background:#eef2f7 !important; color:#526176 !important; border-color:#d8e0ea !important; }
.order-header-grid { grid-template-columns: repeat(3, minmax(180px,1fr)); }
.order-address-preview { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.order-address-preview article { background: #f7f9fc; border-radius: 9px; padding: 14px; color: #59667c; line-height: 1.45; }
.order-address-preview span { display: block; color: #172033; font-weight: 800; margin-bottom: 6px; }
.line-editor { display: grid; grid-template-columns: 2fr 2fr .7fr .8fr .8fr auto; gap: 10px; align-items: end; padding: 14px; background: #f1f4fa; border-radius: 10px; margin-bottom: 12px; }
.order-footer { display: grid; grid-template-columns: 1fr 360px; gap: 30px; margin-top: 20px; }
.charges { display: grid; gap: 10px; }
.charges dl { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin: 8px 0; padding-top: 12px; border-top: 1px solid #dfe5ef; }
.charges dt,.charges dd { margin: 0; }.charges dd { font-weight: 800; text-align: right; }
@media(max-width:900px){.address-columns,.contact-columns,.order-address-preview,.order-footer{grid-template-columns:1fr}.order-header-grid{grid-template-columns:1fr}.line-editor{grid-template-columns:1fr 1fr}}
textarea { width: 100%; border: 1px solid #ccd5e3; border-radius: 7px; padding: 10px 11px; background: white; font: inherit; color: #172033; resize: vertical; }
.item-description { color: #69758a; font-size: 12px; font-weight: 500; margin-top: 4px; max-width: 300px; }
.option-builder-row { display: grid; grid-template-columns: 1fr 2fr auto; gap: 12px; align-items: end; padding: 12px; margin: 8px 0; background: #f7f9fc; border-radius: 9px; }
.remove-option { background: transparent; color: #a23a28; border: 1px solid #efc7bf; }
.variant-description { color: #69758a; font-size: 12px; margin-top: 3px; font-style: italic; }
.variant-row { grid-template-columns: 1fr 1fr 1.4fr; }
.po-line-editor { grid-template-columns:2fr 2fr .7fr .9fr auto; }
.receive-field { display:grid; gap:3px; margin-top:7px; min-width:90px; text-align:left; }
.receive-field span { color:var(--muted); font-size:10px; font-weight:750; text-transform:uppercase; }
.receive-field input { width:90px; padding:6px 7px; }
.pick-meta { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:14px; align-items:end; margin-bottom:18px; }
.pick-meta article { align-self:stretch; padding:12px 14px; border-radius:9px; background:#f7f9fc; color:#59667c; line-height:1.4; }
.pick-meta article > span { display:block; margin-bottom:5px; color:#172033; font-size:11px; font-weight:800; text-transform:uppercase; }
.pick-now-input { width:90px; padding:8px; font-weight:800; text-align:right; }
.shipment-fields { display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:12px; margin-top:18px; }
.shipment-fields legend { grid-column:1/-1; }
.bom-component-row { display:grid; grid-template-columns:2fr 1fr 1fr auto; gap:12px; align-items:end; padding:10px 12px; margin-bottom:8px; border-radius:9px; background:#f7f9fc; }
.report-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }
.report-sheet { min-height:240px; padding:28px; background:#fff; }
.document-head { display:flex; justify-content:space-between; gap:30px; padding-bottom:18px; border-bottom:2px solid #172033; }
.document-brand { display:block; width:150px; height:auto; margin-bottom:10px; }
.document-head span,.document-parties span { color:#64748b; font-size:11px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.document-head h2 { margin:4px 0 0; font-size:30px; }
.document-head dl { display:grid; grid-template-columns:auto auto; gap:4px 18px; margin:0; }.document-head dt { color:#64748b; }.document-head dd { margin:0; font-weight:750; text-align:right; text-transform:capitalize; }
.document-parties { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:18px 0; }.document-parties article { padding:12px; border-radius:8px; background:#f7f9fc; line-height:1.45; }.document-parties span { display:block; margin-bottom:5px; }
.document-table { width:100%; border-collapse:collapse; }.document-table th,.document-table td { padding:9px 8px; border-bottom:1px solid #e2e8f0; }.document-table th { color:#475569; text-align:left; }.document-table .number { text-align:right; }
.document-total,.document-totals { margin-top:18px; margin-left:auto; width:min(340px,100%); }.document-total { display:flex; justify-content:space-between; padding-top:12px; border-top:2px solid #172033; font-size:18px; }.document-totals { display:grid; gap:6px; }.document-totals span,.document-totals strong { display:flex; justify-content:space-between; }.document-totals strong { padding-top:9px; border-top:2px solid #172033; font-size:18px; }
.safety-callout { display:flex; gap:12px; align-items:flex-start; padding:14px; margin-top:14px; border:1px solid #cfe0ff; border-radius:9px; background:#f2f7ff; color:#344f75; }.safety-callout b { color:#173cff; white-space:nowrap; }
.compact-metrics { margin:12px 0 18px; }.compact-metrics article { padding:12px; }.compact-metrics strong { font-size:22px; }
.header-controls { display:flex; align-items:center; gap:10px; }.actor-switcher { display:flex; align-items:center; gap:7px; margin:0; color:#64748b; font-size:11px; font-weight:800; text-transform:uppercase; }.actor-switcher select { min-width:210px; padding:8px 10px; text-transform:none; }
.plan-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }.plan-card { border:2px solid transparent; }.plan-card.current-plan { border-color:#173cff; box-shadow:0 8px 24px rgba(23,60,255,.1); }.plan-card h3 { margin:8px 0 14px; font-size:28px; }.plan-card h3 small { color:#64748b; font-size:13px; font-weight:650; }.plan-card ul { min-height:132px; padding-left:20px; color:#475569; line-height:1.65; }
[hidden] { display: none !important; }
.access-gate { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px; background:linear-gradient(145deg,#eef3ff,#f8fafc 45%,#eefbf7); }
.access-card { width:min(440px,100%); padding:34px; border:1px solid #dce4f2; border-radius:16px; background:#fff; box-shadow:0 24px 70px rgba(15,23,42,.16); }
.access-card img { width:150px; height:auto; margin-bottom:22px; }.access-card h1 { margin:0 0 8px; }.access-card p { color:#64748b; line-height:1.55; }.access-card label { display:grid; gap:7px; margin:20px 0; }.access-card button { width:100%; margin-top:10px; }
@media(max-width:900px) {
  .section-head { align-items: flex-start; flex-direction: column; }
  .head-actions { width: 100%; justify-content: space-between; }
  .pick-meta { grid-template-columns:1fr; }
  .shipment-fields { grid-template-columns:1fr; }
  .bom-component-row { grid-template-columns:1fr 1fr; }
  .report-grid,.document-parties { grid-template-columns:1fr; }
  .plan-grid { grid-template-columns:1fr; }
}
@media print {
  .sidebar,.topbar,.view:not(#view-reports),#view-reports>.section-head,#document-report-form,.report-grid,#notice { display:none !important; }
  .content,.workspace { display:block; margin:0; padding:0; }
  #view-reports { display:block !important; }
  #report-output { box-shadow:none; border:0; padding:0; }
}
.import-messages{margin:14px 0;padding:0;list-style:none;display:grid;gap:7px}.import-messages li{padding:10px 12px;border-radius:8px;font-size:13px;font-weight:700}.import-error{background:#fff0ed;color:#a82d18}.import-warning{background:#fff8df;color:#805b00}
.onboarding-panel{border-top:4px solid #173cff}.onboarding-panel h3{margin:5px 0 4px}.onboarding-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.onboarding-step{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:14px;text-align:left;color:#172033;background:#f7f9fc;border:1px solid #e1e7f0}.onboarding-step:hover{filter:none;border-color:#9db0ff;background:#f2f5ff}.onboarding-step.complete{background:#f1faf4;border-color:#ccebd7}.onboarding-step b,.onboarding-step small{display:block}.onboarding-step small{margin-top:4px;color:#69758a;font-weight:600;line-height:1.35}.onboarding-check{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:#173cff}.onboarding-step.complete .onboarding-check{background:#198754}.onboarding-action{color:#173cff;font-size:12px;white-space:nowrap}.shopify-next{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-radius:9px;background:#f2f7ff}.shopify-next b,.shopify-next span{display:block}.shopify-next span{margin-top:4px;color:#69758a;font-size:13px}.shopify-next button{white-space:nowrap}
@media(max-width:900px){.onboarding-steps{grid-template-columns:1fr}.shopify-next{align-items:flex-start;flex-direction:column}}
.scan-panel{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,1fr) 110px auto;align-items:end;gap:12px;margin:16px 0 4px;padding:14px;border:1px solid #cfe0ff;border-radius:10px;background:#f2f7ff}.scan-panel>div{align-self:center}.scan-panel b,.scan-panel span{display:block}.scan-panel span{margin-top:4px;color:#64748b;font-size:12px;line-height:1.4}.scan-result{min-height:20px;margin:7px 0 12px;font-size:13px;font-weight:750}.scan-success{color:#15753b}.scan-error{color:#a82d18}
@media(max-width:1000px){.scan-panel{grid-template-columns:1fr 1fr}.scan-panel>div{grid-column:1/-1}}@media(max-width:650px){.scan-panel{grid-template-columns:1fr}.scan-panel>div{grid-column:auto}}
.backup-validation-result{margin-top:16px;padding:14px;border-radius:9px;background:#f7f9fc;border:1px solid #dfe5ef}.backup-validation-result.valid{background:#f1faf4;border-color:#ccebd7}.backup-validation-result.invalid{background:#fff4f1;border-color:#efc7bd}.backup-validation-result h4{margin:0 0 7px}.backup-validation-result ul{margin:10px 0 0;padding-left:20px}.backup-validation-result code{font-size:11px;word-break:break-all}
.pick-filters{display:flex;gap:14px;margin-bottom:14px;padding:14px}.pick-filters label{min-width:190px}.queue-progress{width:90px;height:5px;margin-top:5px;border-radius:9px;background:#e2e8f0;overflow:hidden}.queue-progress span{display:block;height:100%;background:#173cff}.guided-pick{max-width:1080px;margin:0 auto}.guided-pick-head{display:grid;grid-template-columns:auto 1fr 240px;align-items:center;gap:20px;margin-bottom:18px}.guided-pick-head h2{margin:3px 0}.pick-progress{text-align:right}.pick-progress>div{height:9px;margin-top:8px;border-radius:99px;background:#dfe5ef;overflow:hidden}.pick-progress span{display:block;height:100%;background:#173cff;transition:width .2s}.pick-item-card{display:grid;grid-template-columns:220px 1fr 330px;gap:26px;align-items:start;border-top:4px solid #173cff}.pick-item-card>#pick-item-image{display:grid;place-items:center;min-height:220px;border-radius:12px;background:#f4f6fa;overflow:hidden}.pick-item-card>#pick-item-image img{width:100%;height:220px;object-fit:contain}.pick-image-empty{font-size:80px;color:#aab5c5}.pick-item-detail h3{margin:7px 0;font-size:28px}.pick-item-detail>p{color:#64748b;font-weight:750}.pick-quantities{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.pick-quantities span{padding:13px;border-radius:9px;background:#f7f9fc}.pick-quantities small,.pick-quantities b{display:block}.pick-quantities small{color:#64748b}.pick-quantities b{margin-top:4px;font-size:22px}.pick-entry{padding:18px;border-radius:12px;background:#f2f7ff}.pick-entry>div{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.pick-entry hr{margin:14px 0;border:0;border-top:1px solid #d5e1f5}.guided-pick-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.guided-pick-actions>div{display:flex;gap:9px}.pick-review-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #e2e8f0}.pick-review-line .item-thumb{width:48px;height:48px}.pick-review-line b,.pick-review-line span{display:block}.pick-review-line div span{margin-top:4px;color:#64748b}.pick-complete{text-align:center;padding:50px}.pick-complete .onboarding-check{margin:0 auto 14px}.pick-complete .actions{justify-content:center}
@media(max-width:900px){.guided-pick-head{grid-template-columns:auto 1fr}.pick-progress{grid-column:1/-1;text-align:left}.pick-item-card{grid-template-columns:1fr}.pick-item-card>#pick-item-image{min-height:160px}.pick-item-card>#pick-item-image img{height:160px}.pick-filters{flex-direction:column}}
.publication-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;border:2px solid #173cff;background:#f7f9ff}.publication-preview h3{margin:5px 0}.publication-preview .actions{flex:0 0 auto;margin:0}.sync-error{max-width:260px;margin-top:5px;color:#a82d18;font-size:12px}
@media(max-width:700px){.publication-preview{align-items:stretch;flex-direction:column}.publication-preview .actions{width:100%}}
.shopify-setup-guide{padding:0;overflow:hidden;border-top:4px solid #173cff}.shopify-connection-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;background:linear-gradient(120deg,#f4f7ff,#fff)}.shopify-connection-summary h3{margin:5px 0}.shopify-connection-summary p{line-height:1.45}.shopify-connected-badge{flex:0 0 auto}.shopify-setup-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0 24px;list-style:none;border-top:1px solid #e4e9f2;border-bottom:1px solid #e4e9f2}.shopify-setup-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:18px 14px;color:#69758a}.shopify-setup-steps li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-8px;width:16px;height:1px;background:#cdd6e4}.shopify-setup-steps li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8edf5;color:#536077;font-size:12px;font-weight:850}.shopify-setup-steps b,.shopify-setup-steps small{display:block}.shopify-setup-steps small{margin-top:3px;font-size:11px;line-height:1.35}.shopify-setup-steps li.complete{color:#176b3a}.shopify-setup-steps li.complete>span{color:#fff;background:#198754}.shopify-setup-steps li.current{color:#173cff;background:#f6f8ff}.shopify-setup-steps li.current>span{color:#fff;background:#173cff}.shopify-next-action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.shopify-next-action h3{margin:5px 0}.shopify-next-action .actions{flex:0 0 auto;margin:0}.shopify-next-action button{white-space:nowrap}
@media(max-width:900px){.shopify-setup-steps{grid-template-columns:1fr 1fr}.shopify-setup-steps li::after{display:none}.shopify-next-action{align-items:flex-start;flex-direction:column}.shopify-next-action .actions{width:100%}}
@media(max-width:600px){.shopify-connection-summary{align-items:flex-start;flex-direction:column}.shopify-setup-steps{grid-template-columns:1fr}.shopify-next-action .actions{align-items:stretch;flex-direction:column}.shopify-next-action .actions button{justify-content:center;width:100%}}
.shopify-advanced-tools{margin:20px 0;border:1px solid #dfe5ef;border-radius:13px;background:#fff;box-shadow:0 4px 16px rgba(18,33,63,.04);overflow:hidden}.shopify-advanced-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;color:#172033}.shopify-advanced-tools>summary::-webkit-details-marker{display:none}.shopify-advanced-tools>summary b,.shopify-advanced-tools>summary small{display:block}.shopify-advanced-tools>summary small{margin-top:4px;color:#69758a;font-weight:600}.shopify-advanced-tools>summary>span:last-child{font-size:22px;transition:transform .2s}.shopify-advanced-tools[open]>summary>span:last-child{transform:rotate(180deg)}.shopify-advanced-tools-body{padding:0 16px 8px;border-top:1px solid #e6ebf2}.shopify-advanced-tools-body>.panel{box-shadow:none}
.inline-resolution{display:grid;gap:7px;margin-top:10px;padding:12px;border:1px solid #cdd8ff;border-radius:9px;background:#f6f8ff;min-width:280px}.inline-resolution>b{color:#173cff}.inline-resolution>span,.inline-resolution>small{line-height:1.4}.inline-resolution>small{color:#69758a}.inline-resolution>div{display:flex;align-items:center;gap:8px}.inline-resolution input{min-width:230px}.inline-resolution .row-action{white-space:nowrap}
@media(max-width:700px){.inline-resolution{min-width:0}.inline-resolution>div{align-items:stretch;flex-direction:column}.inline-resolution input,.inline-resolution .row-action{width:100%;min-width:0}}
@media(max-width:700px){#shopify-preview-results .table-panel,#shopify-inventory-initialization-results .table-panel{overflow:visible}#shopify-preview-results table,#shopify-inventory-initialization-results table,#shopify-preview-results tbody,#shopify-inventory-initialization-results tbody{display:block;width:100%}#shopify-preview-results thead,#shopify-inventory-initialization-results thead{display:none}#shopify-preview-results tr,#shopify-inventory-initialization-results tr{display:grid;gap:10px;margin:12px 0;padding:14px;border:1px solid #e0e6ef;border-radius:10px;background:#fff}#shopify-preview-results td,#shopify-inventory-initialization-results td{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;padding:0;border:0;white-space:normal;overflow-wrap:anywhere}#shopify-preview-results td::before,#shopify-inventory-initialization-results td::before{content:attr(data-label);color:#69758a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}#shopify-preview-results td>.inline-resolution,#shopify-inventory-initialization-results td>.inline-resolution{grid-column:1/-1}}

/* Operator-first navigation and home */
.nav-group{padding-top:6px;border-top:1px solid rgba(174,185,203,.14)}
.nav-group>summary{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;color:#8390a6;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;list-style:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary::after{content:"›";font-size:18px;line-height:1;transition:transform .15s}
.nav-group[open]>summary::after{transform:rotate(90deg)}
.nav-group>div{display:grid;gap:3px}
.nav-group .nav-link{width:100%;padding:9px 12px 9px 18px;font-size:14px}
.operator-focus-panel{border-top:4px solid var(--orange)}
.operator-focus-panel h3{margin:5px 0 4px}
.operator-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.focus-card{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:11px;width:100%;padding:15px;border:1px solid #dce3ed;background:#f7f9fc;color:#172033;text-align:left}
.focus-card:hover{filter:none;border-color:#9db0ff;background:#f2f5ff}
.focus-card-danger{border-color:#efc7bd;background:#fff7f5}
.focus-card-danger:hover{border-color:#e29c8d;background:#fff1ed}
.focus-count{display:grid;place-items:center;min-width:31px;height:31px;padding:0 7px;border-radius:50%;background:#173cff;color:#fff;font-size:14px;font-weight:850}
.focus-card-danger .focus-count{background:#b42318}
.focus-card b,.focus-card small{display:block}
.focus-card small{margin-top:5px;color:#69758a;font-weight:600;line-height:1.35}
.focus-action{grid-column:2;margin-top:5px;color:#173cff;font-size:12px;font-weight:850}
.focus-card-danger .focus-action{color:#a82d18}
.focus-clear{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #ccebd7;border-radius:9px;background:#f1faf4}
.focus-clear b,.focus-clear span{display:block}
.focus-clear div>span{margin-top:4px;color:#557061;font-size:13px}
.onboarding-panel>summary{cursor:pointer;list-style:none}
.onboarding-panel>summary::-webkit-details-marker{display:none}
.onboarding-panel>summary::after{content:"⌄";color:#69758a;font-size:20px;transition:transform .15s}
.onboarding-panel[open]>summary::after{transform:rotate(180deg)}
.onboarding-panel:not([open]){padding-top:15px;padding-bottom:15px;border-top-color:#198754}
.onboarding-panel:not([open])>summary p{margin-top:4px}
.help-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}
.help-panel>summary::-webkit-details-marker{display:none}
.help-panel>summary b{font-size:16px}
.help-panel>summary span{color:#69758a;font-size:13px}
.help-panel[open]>summary{padding-bottom:17px;border-bottom:1px solid #e4e9f2}
.help-panel .steps{margin-top:16px}
.actionable-empty{display:grid;justify-items:center;gap:7px}
.actionable-empty>b{color:#172033;font-size:16px}
.actionable-empty>span{max-width:480px;line-height:1.45}
.actionable-empty>div{display:flex;justify-content:center;gap:8px;margin-top:7px}
@media(max-width:1000px){.operator-focus{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.nav-group{flex:0 0 auto;width:100%}.nav-group .nav-link{min-height:42px}.operator-focus{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.operator-focus{grid-template-columns:1fr}.operator-focus-panel .form-head{align-items:flex-start;flex-direction:column}.help-panel>summary{align-items:flex-start;flex-direction:column;gap:5px}.actionable-empty>div{align-items:stretch;flex-direction:column;width:100%}.actionable-empty>div button{justify-content:center;width:100%}}

/* Public site, contextual help, and support handoff */
.nav-link.external-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none}
.mobile-help-group{display:none}
.header-help-menu{position:relative}
.header-help-menu>summary{padding:9px 13px;border:1px solid #dfe5ef;border-radius:9px;background:#fff;color:#3d4960;font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.header-help-menu>summary::-webkit-details-marker{display:none}
.header-help-menu[open]>summary{border-color:#9db0ff;box-shadow:0 0 0 3px rgba(23,60,255,.08)}
.header-help-menu>div{position:absolute;z-index:30;top:calc(100% + 8px);right:0;display:grid;gap:9px;width:260px;padding:16px;border:1px solid #dfe5ef;border-radius:11px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.16)}
.header-help-menu b{font-size:17px}
.header-help-menu a{color:#173cff;font-size:13px;font-weight:750;text-decoration:none}
.header-help-menu a:hover{text-decoration:underline}
.header-help-menu hr{width:100%;margin:3px 0;border:0;border-top:1px solid #e4e9f2}
.help-legal{display:flex;gap:12px;margin-top:3px;padding-top:9px;border-top:1px solid #eef1f5}
.help-legal a{color:#69758a;font-size:11px}
.access-links{display:flex;justify-content:center;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid #e4e9f2}
.access-links a{color:#173cff;font-size:13px;font-weight:750;text-decoration:none}
.access-links a:hover{text-decoration:underline}
@media(max-width:600px){.mobile-help-group{display:block}.mobile-help-group .external-link{min-height:44px}}