/* Separate record tabs from the section tabs inside a customer dossier. */
:root { --customer-workspace-height: 0px; }
body.has-customer-workspace { --customer-workspace-height: 48px; }
.customer-workspace { position: sticky; top: var(--topbar-height); z-index: 25; height: var(--customer-workspace-height); display: flex; align-items: stretch; gap: 12px; padding: 0 24px; border-bottom: 1px solid #dbe5df; background: #edf3f0; min-width: 0; }
.customer-workspace[hidden], body.auth-locked .customer-workspace { display: none; }
.customer-workspace-label { display: flex; align-items: center; flex: none; color: var(--muted); font-size: 10px; font-weight: 550; }
.customer-workspace-list { display: flex; gap: 5px; flex: 1; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; padding-top: 6px; }
.customer-workspace-list::-webkit-scrollbar { display: none; }
.customer-workspace-tab { display: flex; align-items: stretch; flex: none; min-width: 110px; max-width: 240px; border: 1px solid transparent; border-bottom: 3px solid transparent; border-radius: 7px 7px 0 0; }
.customer-workspace-tab:hover { background: #f6faf7; }
.customer-workspace-tab.is-active { background: var(--surface); border-color: #dbe5df; border-bottom-color: var(--brand); }
.customer-workspace-tab > a { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 7px 8px 7px 12px; color: #475467; font-size: 12px; }
.customer-workspace-tab > a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.customer-workspace-tab > a .ui-icon { width: 15px; height: 15px; }
.customer-workspace-tab.is-active > a { color: var(--brand); font-weight: 600; }
.customer-workspace-tab > button { flex: none; border: 0; background: transparent; color: var(--muted); border-radius: 5px; width: 32px; padding: 8px; min-height: 36px; }
.customer-workspace-tab > button:hover { background: #e0eae4; color: var(--brand); }
.customer-workspace-tab > button .ui-icon { width: 14px; height: 14px; }
.customer-workspace a:focus-visible, .customer-workspace button:focus-visible { outline-offset: -3px; }
.customer-workspace-add { display: flex; align-items: center; gap: 6px; flex: none; color: var(--brand); font-size: 11px; font-weight: 550; }
.customer-workspace-add .ui-icon { width: 17px; height: 17px; }
.customer-workspace-add:hover { text-decoration: underline; }
.customer-dossier .customer-tabs { top: calc(var(--topbar-height) + var(--customer-workspace-height)); }
.quote-preview-wrap { top: calc(var(--topbar-height) + var(--customer-workspace-height) + 16px); }
body.has-customer-workspace .advice-close-summary, body.has-customer-workspace .wasco-cart { top: calc(var(--topbar-height) + var(--customer-workspace-height) + 18px); }
@media (max-width: 1100px) { .customer-workspace-label { display: none; } }
@media (max-width: 540px) {
  .customer-workspace { padding-inline: 12px; gap: 8px; }
  .customer-workspace-tab { max-width: 210px; }
  .customer-workspace-add { width: 36px; justify-content: center; }
  .customer-workspace-add span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
}
@media print { .customer-workspace { display: none !important; } }