/* Deep module redesign — shared information architecture and work surfaces. */

:root {
  --workspace-pad-x:clamp(20px,2.4vw,38px);
  --workspace-pad-y:24px;
  --workspace-topbar-h:82px;
  --workspace-action-h:36px;
  --workspace-action-radius:10px;
  --workspace-action-gap:8px;
  --surface-raised:color-mix(in srgb,var(--bg-surface) 96%,var(--accent) 4%);
}

#main .workspace-page > .workspace-topbar {
  height:var(--workspace-topbar-h)!important;
  min-height:var(--workspace-topbar-h)!important;
  padding-inline:var(--workspace-pad-x)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  overflow:hidden;
  border-bottom:1px solid var(--border)!important;
  background:var(--bg-surface)!important;
  box-shadow:0 6px 22px rgba(23, 23, 23,.035)!important;
}
.workspace-heading { display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:end;min-width:0;flex:1 1 auto; }
.workspace-heading .workspace-eyebrow {
  grid-column:1/-1;margin-bottom:3px;color:var(--accent);font-size:9px;font-weight:760;
  letter-spacing:.105em;line-height:1.2;text-transform:uppercase;
}
.workspace-heading .page-title { font-size:19px!important;font-weight:690!important;line-height:1.1;letter-spacing:-.025em; }
.workspace-heading .workspace-subtitle {
  max-width:42vw;overflow:hidden;color:var(--text-muted);font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;
}
.workspace-topbar .topbar-right {
  min-width:0;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;
  gap:var(--workspace-action-gap)!important;flex:0 0 auto;
}
#main .workspace-page > .workspace-topbar .workspace-actions > .btn,
#main .workspace-page > .workspace-topbar .workspace-actions > .btn-primary,
#main .workspace-page > .workspace-topbar .workspace-actions > .btn-logout,
#main .workspace-page > .workspace-topbar .workspace-actions > div > .btn {
  height:var(--workspace-action-h)!important;
  min-height:var(--workspace-action-h)!important;
  padding:0 14px!important;
  border-radius:var(--workspace-action-radius)!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#main .workspace-page > .workspace-topbar .workspace-actions > .btn-logout {
  min-width:90px!important;
  flex:0 0 auto;
}
.workspace-topbar .workspace-actions > div { flex:0 0 auto; }
.workspace-topbar .workspace-actions svg { flex:0 0 auto; }
.btn-logout { display:inline-flex;align-items:center;justify-content:center;gap:7px; }
.logout-icon { flex:0 0 auto; }
.workspace-page > .content { padding:var(--workspace-pad-y) var(--workspace-pad-x); }
.workspace-kicker { color:var(--accent);font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase; }
.module-empty-state {
  min-height:260px;padding:42px 24px;border:1px dashed var(--border-control);border-radius:13px;background:var(--bg-surface);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);text-align:center;
}
.module-empty-icon { width:54px;height:54px;margin-bottom:4px;border:1px solid var(--accent-border);border-radius:15px;background:var(--accent-light);color:var(--accent);display:grid;place-items:center; }
.module-empty-state strong { color:var(--text-primary);font-size:15px;letter-spacing:-.015em; }
.module-empty-state > span { max-width:430px;font-size:12px;line-height:1.5; }
.module-empty-state .btn { margin-top:8px; }

/* Dashboard — deliberate hierarchy: first metric leads, supporting metrics scan fast. */
.dashboard-workspace { overflow:auto; }
.dashboard-workspace #orders-analytics-view { max-width:1480px;margin:0 auto;padding:0 0 32px!important; }
#page-dashboard .dashboard-kpi-grid { grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:12px!important; }
#page-dashboard .dashboard-kpi-grid > :first-child { grid-column:span 2; }
#page-dashboard .dashboard-kpi-grid > * {
  min-height:128px;padding:18px!important;border-color:var(--border-light)!important;border-radius:14px!important;
  background:linear-gradient(145deg,var(--surface-raised),var(--bg-surface))!important;box-shadow:var(--shadow-sm)!important;
}
#page-dashboard .dashboard-kpi-grid > :first-child {
  background:linear-gradient(145deg,var(--accent-light),var(--bg-surface) 78%)!important;
  border-color:var(--accent-border)!important;
}
#page-dashboard canvas { max-height:280px; }
#page-dashboard #orders-analytics-view > [style*="display:grid"] { gap:14px!important; }

/* Clients — command surface + durable master/detail workspace. */
.clients-workspace { height:calc(100vh - var(--workspace-topbar-h))!important;padding-bottom:0!important; }
.clients-commandbar {
  min-height:58px;margin:0 0 14px!important;padding:10px 12px!important;border:1px solid var(--border-light);
  border-radius:12px;background:var(--bg-surface);box-shadow:var(--shadow-sm);
}
.clients-commandbar > div:first-child { max-width:420px!important; }
.clients-main { gap:14px!important; }
.clients-list-region { padding-right:0!important;padding-bottom:24px;scrollbar-gutter:stable; }
#clients-board > div:first-child { margin-bottom:12px!important;padding:4px 2px; }
#clients-board table { overflow:hidden;border:1px solid var(--border-light)!important;border-radius:12px;background:var(--bg-surface);box-shadow:var(--shadow-sm); }
#clients-board table thead { position:sticky;top:0;z-index:2; }
#clients-board table th { height:42px;background:var(--bg-surface-2)!important;font-size:9px!important;letter-spacing:.075em!important; }
#clients-board table td { padding-block:12px!important; }
#clients-side-panel { border-radius:13px 0 0 0; }
#clients-side-inner { width:320px!important;border:1px solid var(--border-light)!important;border-right:0!important;border-radius:13px 0 0 0;box-shadow:var(--shadow-md); }

/* Orders — split filters from financial pulse and give the table its own surface. */
.orders-workspace {
  display:flex;flex-direction:column;
  height:calc(100vh - var(--workspace-topbar-h));min-height:0;overflow:hidden;
}
#orders-filter-bar {
  display:grid!important;grid-template-columns:minmax(300px,420px) minmax(0,1fr) auto;gap:10px 12px!important;align-items:center!important;
  margin:0 0 12px!important;padding:10px 12px;border:1px solid var(--border-light);border-radius:13px;background:var(--bg-surface);box-shadow:var(--shadow-sm);
}
#orders-filter-bar > .orders-search-control { grid-column:1;grid-row:1;width:100%!important;min-width:0; }
#orders-filter-bar > .orders-period-control { grid-column:3;grid-row:1;justify-self:end; }
#orders-filter-bar #of-active-chips { grid-column:2;grid-row:1;min-width:0; }
#orders-filter-bar #of-active-chips:empty { display:none!important; }
#page-orders #orders-filter-bar .of-chip {
  min-height:30px;padding:0 4px 0 10px;gap:5px;border-color:var(--border);background:var(--bg-surface-2);color:var(--text-secondary);
}
#page-orders #orders-filter-bar .of-chip-x {
  width:20px;height:20px;min-width:20px;min-height:20px;padding:0;border-radius:50%;background:transparent;color:var(--text-muted);font-size:14px;line-height:1;
}
#page-orders #orders-filter-bar .of-chip-x:hover { background:var(--bg-surface-3);color:var(--text-primary); }
#orders-filter-bar #of-date-range { grid-column:1/-1;grid-row:2; }
#orders-summary { grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(6,minmax(112px,1fr));gap:8px!important;margin:0!important;padding-top:10px;border-top:1px solid var(--border-light); }
#orders-filter-bar:has(#of-date-range[style*="display: flex"]) #orders-summary { grid-row:3; }
#orders-summary .orders-summary-card { min-width:0; }
#orders-summary .orders-summary-card { min-height:50px!important;height:auto!important;padding:8px 11px!important;align-items:flex-start!important;justify-content:center!important;border-radius:9px!important; }
#orders-table-view { flex:1 1 auto;min-width:0;min-height:0;overflow:hidden; }
#orders-table-view .table-wrap {
  width:100%;height:100%;max-height:100%;overflow:auto;
  overscroll-behavior:contain;scrollbar-gutter:auto;
  border:1px solid var(--border-light);border-radius:13px;background:var(--bg-surface);box-shadow:var(--shadow-sm);
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--text-muted) 62%,transparent) var(--bg-surface-2);
}
#orders-table-view .table-wrap::-webkit-scrollbar { width:10px;height:10px; }
#orders-table-view .table-wrap::-webkit-scrollbar-track { background:var(--bg-surface-2); }
#orders-table-view .table-wrap::-webkit-scrollbar-thumb {
  border:2px solid var(--bg-surface-2);border-radius:999px;
  background:color-mix(in srgb,var(--text-muted) 62%,transparent);
}
#orders-table-view .table-wrap::-webkit-scrollbar-corner { background:var(--bg-surface-2); }
#orders-table { margin:0!important; }
#orders-table thead { position:sticky;top:0;z-index:20; }
#orders-table thead th { height:44px;background:var(--bg-surface-2)!important;box-shadow:inset 0 -1px var(--border-light); }
#orders-table tbody td { height:48px; }

#orders-table #cfb-debt.active {
  color:#dc2626;
  border-color:color-mix(in srgb,#dc2626 32%,var(--border));
  background:color-mix(in srgb,#dc2626 9%,var(--bg-surface));
  box-shadow:0 0 0 1px color-mix(in srgb,#dc2626 14%,transparent);
}

@media (min-width:1201px) {
  #orders-table .col-th-inner { gap:7px; }
  #orders-table .col-filter-btn {
    width:24px;height:24px;border:1px solid var(--border-light);border-radius:7px;
    background:var(--bg-surface);color:var(--text-muted);opacity:.72;
    transition:color .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease,opacity .14s ease;
  }
  #orders-table .col-filter-btn svg { width:12px;height:12px; }
  #orders-table .col-filter-btn:hover {
    opacity:1;color:var(--text-primary);border-color:var(--border);background:var(--bg-surface-2);box-shadow:var(--shadow-xs);
  }
  #orders-table .col-filter-btn:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
  #orders-table .col-filter-btn.active {
    opacity:1;color:var(--accent);border-color:var(--accent-border);background:var(--accent-light);box-shadow:0 0 0 1px var(--accent-border);
  }
  #orders-table .col-filter-drop {
    top:calc(100% + 6px);min-width:204px;padding:7px;border-color:var(--border-light);border-radius:11px;box-shadow:0 12px 32px rgba(23, 23, 23,.14);
  }
  #orders-table .col-fopt { min-height:34px;padding:7px 9px;border-radius:7px; }
}

@media (min-width:901px) and (max-width:1200px) {
  #orders-filter-bar { grid-template-columns:minmax(260px,1fr) auto; }
  #orders-filter-bar > .orders-period-control { grid-column:2;grid-row:1; }
  #orders-filter-bar #of-active-chips { grid-column:1/-1;grid-row:2; }
  #orders-filter-bar #of-date-range { grid-row:3; }
  #orders-summary { grid-row:3; }
  #orders-filter-bar:has(#of-date-range[style*="display: flex"]) #orders-summary { grid-row:4; }
}

/* Calendar — controls read as a second-level workspace header. */
#page-calendar { height:100vh!important; }
.calendar-commandbar { height:58px!important;padding-inline:var(--workspace-pad-x)!important;background:var(--bg-surface-2)!important; }
.calendar-commandbar > div { gap:8px!important; }
.calendar-commandbar .cal-title-text { min-width:148px;font-size:13px;font-weight:680; }
.calendar-commandbar .cal-view-switch { border:1px solid var(--border);border-radius:9px;padding:2px;background:var(--bg-surface); }
@media (min-width:901px) and (max-width:1350px) {
  #page-calendar > div.calendar-commandbar[style*="height:44px"] { height:auto!important;min-height:58px;flex-wrap:wrap;padding-block:6px!important; }
  #page-calendar .calendar-commandbar > div:last-child { width:100%;justify-content:flex-end; }
}

/* Tracker — distinct planning layer, wider columns, legible task cards. */
#page-kanban { height:100vh!important;background:var(--bg-app); }
#page-kanban .burger-btn { display:none!important; }
#page-kanban > .content { height:calc(100vh - var(--workspace-topbar-h));padding:18px var(--workspace-pad-x) 26px!important;overflow:auto;background:var(--bg-app)!important; }
.kanban-toolbar { align-items:flex-start!important;margin-bottom:10px!important;padding:12px!important;border-radius:13px!important; }
.kanban-toolbar-actions { flex-wrap:wrap;justify-content:flex-end; }
.kanban-period-label { min-width:190px; }
.kanban-summary { margin-bottom:14px!important; }
.kanban-summary > div:not(.kanban-summary-hint) { min-height:48px;padding:8px 13px!important; }
.kanban-summary span { font-size:9px!important;text-transform:uppercase;letter-spacing:.07em; }
.kanban-summary strong { font-size:17px!important; }
.kanban-board-scroll { gap:12px!important;padding-bottom:18px!important; }
#page-kanban .kanban-col { width:292px!important;min-width:292px!important;flex-basis:292px!important;padding:12px!important;border-radius:13px!important; }
.kanban-col-title { min-height:25px;margin-bottom:10px!important; }
.kanban-col-title strong { font-size:12px!important; }
#page-kanban .kanban-card { padding:12px!important;border-left-width:1px!important;border-radius:10px!important; }
.kanban-card-top strong { font-size:12.5px!important;line-height:1.42!important; }
.kanban-card-type,.kanban-card-meta,.kanban-task-meta { font-size:10.5px!important; }
.kanban-card-footer { margin-top:9px!important;padding-top:9px!important; }
.kanban-col-empty { padding:28px 12px!important; }

/* Settings + finance — navigation rail and readable bounded documents. */
.settings-workspace,.finance-shell { height:calc(100vh - var(--workspace-topbar-h))!important; }
.settings-subnav,.finance-subnav { width:236px!important;padding:16px 10px!important;background:var(--bg-surface)!important; }
.settings-nav-btn { min-height:38px!important;padding:8px 10px!important;border-radius:8px!important;font-size:12px!important; }
.settings-content,.finance-content { padding:30px clamp(26px,3vw,48px)!important;background:var(--bg-app); }
.settings-content > .settings-section,.finance-content > .settings-section { max-width:1120px;margin-inline:auto; }
#page-finance .finance-content > #finance-section-debts,
#page-finance .finance-content > #finance-section-credits,
#page-finance .finance-content > #finance-section-microcredits { width:100%;max-width:none;margin-inline:0; }
.settings-section-title { margin-bottom:6px!important;font-size:20px!important;letter-spacing:-.025em; }
.settings-section-desc { max-width:660px;margin:0 0 20px!important;font-size:12px!important;line-height:1.55; }
.settings-block { padding:18px!important;border:1px solid var(--border-light)!important;border-radius:13px!important;background:var(--bg-surface)!important;box-shadow:var(--shadow-sm); }
.microcredit-page-head { display:flex;align-items:flex-start;justify-content:space-between;gap:20px; }
.microcredit-page-title { display:flex;align-items:center;gap:10px;color:var(--text-primary); }
.microcredit-page-head .settings-section-desc { margin-top:8px!important;margin-bottom:0!important; }
.microcredit-page-actions { display:flex;align-items:center;gap:8px;flex:0 0 auto; }
.microcredit-summary { display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:20px 0 14px; }
.microcredit-list-block { padding:0!important;overflow:hidden; }
.microcredit-list-head { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px; }
.microcredit-list-sub { max-width:680px;margin-top:4px;color:var(--text-muted);font-size:11px;line-height:1.45; }
.microcredit-view-tabs { display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface-2);flex:0 0 auto; }
.microcredit-view-tab { min-height:32px;padding:6px 11px;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font:600 11px/1.2 inherit;cursor:pointer;white-space:nowrap; }
.microcredit-view-tab:hover { color:var(--text-primary); }
.microcredit-view-tab.active { background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 3px rgba(23, 23, 23,.12); }
.microcredit-view-tab span { display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;border-radius:999px;background:var(--bg-surface-3);color:inherit;font-size:10px; }
@media (max-width:760px) { .microcredit-list-head { flex-direction:column;align-items:stretch; }.microcredit-view-tabs { align-self:flex-start; } }
#fin-projects-list > div[style*="display:grid"] { grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important;gap:14px!important; }

/* Services — a proper catalog master/detail rather than a settings fragment. */
.services-workspace { height:calc(100vh - var(--workspace-topbar-h));overflow:auto; }
.svc-page-tabs { margin-bottom:18px!important; }
.svc-workspace { padding:0!important;overflow:hidden; }
.svc-layout { min-height:610px!important;grid-template-columns:260px minmax(0,1fr)!important; }
.svc-sidebar { background:var(--bg-surface-2)!important; }
.svc-sidebar-head { padding:18px!important; }
.svc-content-body { padding:20px!important; }
.svc-metrics { grid-template-columns:1.35fr repeat(2,1fr)!important;gap:10px!important; }
.svc-grid { gap:10px!important; }
/* Desktop catalog uses the workspace scroll, never clips long service lists. */
@media (min-width:1367px) {
  #svc-page-catalog .svc-layout { max-height:none; }
  #svc-page-catalog .svc-content { overflow:visible; }
}

/* Directory — overview first, semantic accordion cards beneath. */
.directory-workspace { max-width:1280px;margin-inline:auto; }
.directory-intro { display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 0 22px;padding:4px 2px 20px;border-bottom:1px solid var(--border-light); }
.directory-intro h2 { margin:5px 0 0;color:var(--text-primary);font-size:22px;letter-spacing:-.03em; }
.directory-intro p { max-width:440px;margin:0;color:var(--text-muted);font-size:12px;line-height:1.55; }
#directory-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important; }
.directory-card { overflow:hidden;border:1px solid var(--border-light);border-radius:13px;background:var(--bg-surface);box-shadow:var(--shadow-sm); }
.directory-card:first-child { grid-column:1/-1; }
.directory-card-trigger { width:100%;min-height:86px;padding:16px 18px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer; }
.directory-card-trigger:hover { background:var(--bg-surface-2); }
.directory-card-body { padding:16px 18px 18px;border-top:1px solid var(--border-light); }
.directory-card-description { margin-top:4px;color:var(--text-muted);font-size:11px;line-height:1.4; }

@media (max-width:1200px) {
  :root { --workspace-pad-x:22px;--workspace-action-h:44px; }
  body { overflow:hidden!important; }
  #main { width:100%!important;max-width:100vw!important;height:100dvh!important;margin-left:0!important;overflow:hidden!important; }
  #sidebar { width:260px!important;transform:translateX(calc(-100% - 12px))!important;z-index:100!important; }
  #sidebar.open { transform:translateX(0)!important; }
  .sidebar-overlay.visible { display:block!important; }
  .page,.page.active { width:100%!important;max-width:100vw!important;min-width:0!important; }
  .burger-btn { display:flex!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important; }
  #page-kanban .burger-btn { display:flex!important; }
  .workspace-page > .workspace-topbar { width:100%; }
  #main .workspace-page > .workspace-topbar button,
  #main .workspace-page > .workspace-topbar .btn,
  #main .workspace-page > .workspace-topbar .btn-logout { min-height:44px!important;height:44px!important; }
  .workspace-page > .content { height:calc(100dvh - var(--workspace-topbar-h))!important;min-height:0!important; }
  .workspace-heading .workspace-subtitle { max-width:34vw; }
  #page-dashboard .dashboard-kpi-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  #orders-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .settings-content > .settings-section,.finance-content > .settings-section { width:min(100%,1120px)!important;max-width:1120px!important;margin-inline:auto!important; }
  #page-finance > .content.finance-shell > .finance-content > .settings-section,
  #page-settings > .content.settings-shell > .settings-content > .settings-section {
    width:100%!important;min-width:100%!important;max-width:1120px!important;height:auto!important;max-height:none!important;
    flex:0 0 auto!important;margin-inline:auto!important;padding:0!important;overflow:visible!important;border:0!important;
  }
  #fin-projects-list,.module-empty-state { width:100%!important; }
  .module-empty-state { min-height:260px!important; }
  .btn,.btn-logout,.icon-btn,.cal-nav-btn,.filter-btn,.client-filter-btn,.settings-nav-btn { min-height:44px!important; }
}

@media (max-width:900px) {
  :root { --workspace-pad-x:14px;--workspace-pad-y:14px;--workspace-topbar-h:68px; }
  .workspace-heading .workspace-eyebrow,.workspace-heading .workspace-subtitle { display:none; }
  .workspace-heading { display:block; }
  .microcredit-page-head { flex-direction:column; }
  .microcredit-page-actions { width:100%;overflow-x:auto; }
  .microcredit-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workspace-heading .page-title { font-size:17px!important; }
  #main .workspace-page > .workspace-topbar { gap:10px!important; }
  .workspace-topbar .topbar-right { min-width:44px;max-width:none;overflow:visible!important; }
  .workspace-topbar .topbar-right .btn { padding-inline:10px;font-size:11px; }
  #main .workspace-page > .workspace-topbar .workspace-actions > .btn-logout { width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:0!important;gap:0!important; }
  #main .workspace-page > .workspace-topbar .btn-logout .logout-icon { width:16px;height:16px; }
  .workspace-heading .page-title { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  #page-orders > .workspace-topbar .orders-export-action,
  #page-orders > .workspace-topbar #col-picker-btn,
  #page-orders > .workspace-topbar .topbar-right > div:has(#col-picker-btn) { display:none!important; }
  .workspace-topbar .workspace-actions > .btn:not(.btn-primary):not(.btn-logout),
  .workspace-topbar .workspace-actions > div:not(:has(.btn-primary)):not(:has(.btn-logout)) { display:none!important; }
  #page-dashboard .dashboard-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #page-dashboard .dashboard-kpi-grid > :first-child { grid-column:1/-1; }
  #orders-filter-bar { display:flex!important;align-items:stretch!important; }
  #orders-summary { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%; }
  #orders-summary > :last-child:nth-child(odd) { grid-column:1/-1; }
  .calendar-commandbar { height:auto!important;min-height:58px;overflow-x:auto; }
  .calendar-commandbar::-webkit-scrollbar,.settings-subnav::-webkit-scrollbar,.finance-subnav::-webkit-scrollbar { display:none; }
  .calendar-commandbar > * { flex:0 0 auto!important; }
  .settings-workspace,.finance-shell { height:calc(100dvh - var(--workspace-topbar-h))!important; }
  .settings-subnav,.finance-subnav { width:100%!important;height:58px!important;min-height:58px!important;flex:0 0 58px!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;padding:7px 10px!important; }
  .settings-subnav > *,.finance-subnav > * { flex:0 0 auto!important; }
  .settings-content,.finance-content { flex:1 1 auto!important;width:100%!important;min-height:0!important;overflow:auto!important; }
  .settings-content,.finance-content { padding:20px 14px!important; }
  .svc-layout { grid-template-columns:1fr!important; }
  .svc-sidebar { max-height:300px;border-right:0!important;border-bottom:1px solid var(--border); }
  .svc-nav-list { max-height:150px;overflow-y:auto!important; }
  .directory-intro { display:block; }
  .directory-intro p { margin-top:10px; }
  #directory-grid { grid-template-columns:1fr!important; }
  .directory-card:first-child { grid-column:auto; }
}

@media (max-width:760px) {
  .workspace-topbar .topbar-right { max-width:none; }
  #page-clients .workspace-topbar .btn-primary { max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  #page-orders .workspace-topbar #col-picker-btn { display:none!important; }
}

@media (prefers-reduced-motion:reduce) {
  .directory-card-trigger,.kanban-card { transition:none!important; }
}