/* Saved appearance owns the palette; layout and movement share one system. */
[data-personal-sidebar] {
  --nav-ink:var(--ws-ink,#24384a); --nav-muted:var(--ws-muted,#667887);
  --nav-line:var(--ws-line,#e3e9ed); --nav-panel:var(--ws-panel,#fff);
  --nav-accent:var(--ws-accent,#16755e); --nav-tint:var(--ws-tint,#eaf5f0);
  --nav-bg:var(--ws-bg,#f6f8fa); min-width:0; position:relative;
  font-family:var(--ws-font,"DM Sans",system-ui,sans-serif);
}
[data-personal-sidebar="vora"] { --nav-accent:var(--vora-accent,#0f766e); --nav-tint:var(--vora-soft,#e8f5f2); --nav-ink:var(--vora-ink,#24384a); --nav-muted:var(--vora-muted,#667887); --nav-line:var(--vora-line,#e3e9ed); --nav-panel:#fff; --nav-bg:#f6f8fa; }
[data-personal-sidebar]:not([data-sidebar-cards]) { display:flex; flex-direction:column; gap:6px; width:100%; }
[data-nav-order] { display:flex; flex-direction:column; gap:6px; min-width:0; }
[data-nav-items] { display:flex; flex-direction:column; gap:2px; min-height:8px; min-width:0; }
details[data-nav-group]:not([open]) > [data-nav-items], [data-personal-sidebar] [hidden] { display:none!important; }
[data-nav-group] { min-width:0; margin:0; padding:0; border:0; }
[data-nav-group] > summary, [data-nav-group-header] { display:flex; align-items:center; gap:8px; list-style:none; margin:0; padding:12px 10px 7px; border-radius:7px; color:var(--nav-muted); font:600 12px/1.4 var(--ws-font,"DM Sans",system-ui,sans-serif); cursor:grab; }
[data-nav-group] > summary::-webkit-details-marker { display:none; }
[data-nav-group] > summary::after { content:""; margin-left:auto; width:5px; height:5px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:rotate(-45deg); transition:transform .15s; }
[data-nav-group][open] > summary::after { transform:rotate(45deg); }
html body :is(.workspace-menu,.vora-side-nav) [data-personal-sidebar] a.nav-item, html body .vora-side-nav a { display:flex; align-items:center; gap:10px; min-height:38px; padding:9px 11px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--nav-ink); font:500 13px/1.35 var(--ws-font,"DM Sans",system-ui,sans-serif); text-decoration:none; box-shadow:none; cursor:grab; -webkit-user-drag:none; }
html body :is(.workspace-menu,.vora-side-nav) :is(a.nav-item,a):is([aria-current="page"],.active) { background:var(--nav-tint); color:var(--nav-accent); border-color:transparent; font-weight:650; box-shadow:none; }
html body :is(.workspace-menu,.vora-side-nav) :is(a.nav-item,a):hover { background:var(--nav-bg); color:var(--nav-ink); box-shadow:none; }
html body :is(.workspace-menu,.vora-side-nav) :is(.ico,.vora-nav-icon) { color:var(--nav-muted); width:18px; height:18px; flex:0 0 18px; }
html body :is(.workspace-menu,.vora-side-nav) :is(.ico,.vora-nav-icon) svg { width:18px; height:18px; stroke-width:1.7; }
html body :is(.workspace-menu,.vora-side-nav) :is(a.active,a[aria-current="page"]) :is(.ico,.vora-nav-icon) { color:var(--nav-accent); }
[data-nav-item] { -webkit-user-drag:none; }
[data-nav-item]:focus-visible, [data-nav-group] > summary:focus-visible, [data-nav-group-header]:focus-visible { outline:2px solid var(--nav-accent); outline-offset:-2px; }
[data-sidebar-cards] > [data-nav-items] > [data-nav-item], [data-sidebar-cards] > [data-nav-item] { order:0!important; }
[data-sidebar-cards] [data-nav-item] { min-width:0; }
[data-sidebar-cards] [data-nav-item] :is(h2,h3,h4,.side-title,.lp-card-head,.card-head) { cursor:grab; }
.sidebar-tools { display:flex; align-items:center; gap:8px; margin:4px 0 8px; padding:4px 2px; grid-column:1/-1; }
.sidebar-search { display:flex; align-items:center; flex:1; gap:8px; min-width:0; position:relative; }
[data-personal-sidebar] .sidebar-search input, [data-personal-sidebar] [data-sidebar-filter] { box-sizing:border-box; width:100%; min-width:0; height:35px; min-height:35px; margin:0; padding:7px 10px; border:1px solid var(--nav-line); border-radius:8px; color:var(--nav-ink); background:var(--nav-panel); font:inherit; font-size:12px; }
[data-sidebar-filter]::placeholder { color:var(--nav-muted); }
.sidebar-toolbar { display:flex; align-items:center; flex:0 0 auto; flex-wrap:wrap; gap:5px; }
.sidebar-toolbar:empty { display:none; }
[data-personal-sidebar] :is(.sidebar-action,[data-sidebar-compact-toggle]) { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:30px; margin:0; padding:5px 8px; border:1px solid var(--nav-line); border-radius:7px; background:var(--nav-panel); color:var(--nav-muted); font:inherit; font-size:11px; font-weight:500; cursor:pointer; }
[data-personal-sidebar] .sidebar-action:hover { color:var(--nav-accent); border-color:var(--nav-accent); }
.sidebar-feedback { display:flex; align-items:center; flex-wrap:wrap; gap:6px; grid-column:1/-1; font-size:11px; }
.sidebar-feedback[hidden] { display:none!important; }

.sidebar-hint, [data-sidebar-status] { color:var(--nav-muted); font:inherit; font-size:11px; font-weight:400; margin:0; padding:0 3px; }
[data-sidebar-status]:empty { display:none; }
[data-sidebar-cards] .sidebar-tools { margin:0 0 8px; padding:0; }
[data-sidebar-cards] .sidebar-hint { display:none; }
.sidebar-dragging { opacity:.28!important; }
body.sidebar-reordering, body.sidebar-reordering * { cursor:grabbing!important; user-select:none!important; }
.sidebar-drag-preview { position:fixed; z-index:10020; pointer-events:none; margin:0!important; padding:10px 14px!important; max-width:min(320px,80vw); border:1px solid var(--nav-accent,#16755e)!important; border-radius:9px; background:var(--nav-panel,#fff)!important; color:var(--nav-ink,#24384a)!important; box-shadow:0 12px 32px #10243a26; font:600 13px/1.4 system-ui; transform:rotate(-1deg); overflow:hidden; }
.sidebar-insertion-marker { position:fixed; z-index:10019; height:3px; pointer-events:none; border-radius:3px; background:var(--nav-accent,#16755e); }
.sidebar-drop { background:var(--nav-tint,#eaf5f0); outline:1px dashed var(--nav-accent,#16755e); outline-offset:-1px; }
/* Wider navigation, compact chrome and restrained surfaces on both workspaces. */
@media(min-width:761px) {
  html body .sidebar.sidebar-narrow:has([data-personal-sidebar]) { width:232px; flex:0 0 232px; background:var(--ws-panel,#fff); }
  html body .mdash-app:has([data-personal-sidebar]) { grid-template-columns:232px minmax(0,1fr); }
  html body .mdash-app > .mdash-sb:has([data-personal-sidebar]) { width:232px; background:var(--ws-panel,#fff); }
  html body .vora-app { grid-template-columns:232px minmax(0,1fr); }
  html body .sidebar.sidebar-narrow:has([data-sidebar-compact="true"]) { width:72px; flex-basis:72px; }
  html body .mdash-app:has(.mdash-sb [data-sidebar-compact="true"]), html body .vora-app:has(.vora-sidebar [data-sidebar-compact="true"]) { grid-template-columns:72px minmax(0,1fr); }
  html body .mdash-app > .mdash-sb:has([data-sidebar-compact="true"]) { width:72px; }
  [data-sidebar-compact="true"] :is([data-sidebar-filter],.sidebar-search,.sidebar-hint,[data-sidebar-status]) { display:none!important; }
  [data-sidebar-compact="true"] [data-nav-group] > summary { font-size:0; min-height:10px; padding:4px 0; margin:5px 10px; border-bottom:1px solid var(--nav-line); }
  [data-sidebar-compact="true"] [data-nav-group] > summary::after { display:none; }
  html body [data-sidebar-compact="true"] :is(a.nav-item,a) { justify-content:center; padding:10px 7px; }
  [data-sidebar-compact="true"] :is(a.nav-item,a) > span:not(.ico):not(.vora-nav-icon) { display:none; }
  [data-sidebar-compact="true"] .sidebar-toolbar { justify-content:center; }
  [data-sidebar-compact="true"] .sidebar-tools { justify-content:center; }
  :is(.sidebar,.mdash-sb):has([data-sidebar-compact="true"]) :is(.un,.ur,.logo-copy,.logo-text), .vora-sidebar:has([data-sidebar-compact="true"]) .vora-user > div { display:none; }
  html body .vora-sidebar:has([data-sidebar-compact="true"]) .vora-brand-full { display:none; }
  html body .vora-sidebar:has([data-sidebar-compact="true"]) .vora-brand-compact { display:block; }
  html body .vora-sidebar:has([data-sidebar-compact="true"]) .vora-brand { justify-content:center; padding:14px 8px; }
}
html body :is(.sidebar.sidebar-narrow,.mdash-sb):has([data-personal-sidebar]) .logo { gap:10px; min-height:64px; padding:16px; border-bottom:1px solid var(--ws-line,#e3e9ed); }
html body :is(.sidebar.sidebar-narrow,.mdash-sb) .logo-copy { color:var(--ws-ink,#24384a); font:650 14px/1.2 var(--ws-font,system-ui); }
html body :is(.sidebar.sidebar-narrow,.mdash-sb) .logo-copy small { display:block; margin-top:4px; color:var(--ws-muted,#667887); font-size:10px; font-weight:450; }
html body :is(.sidebar.sidebar-narrow,.mdash-sb) .nav.workspace-menu { padding:12px 10px; overflow:auto; min-height:0; overscroll-behavior:contain; scrollbar-width:thin; }
html body :is(.sidebar,.mdash-sb) :is(.sb-foot,.sb-footer) { border-color:var(--ws-line,#e3e9ed); background:var(--ws-panel,#fff); padding:12px 14px; }
html body .vora-sidebar { background:#fff; border-color:#e3e9ed; }
html body .vora-brand { min-height:64px; padding:12px 18px; }
html body .vora-brand-full { width:148px; height:40px; }
html body .vora-side-nav { padding:12px 10px; gap:6px; overflow:auto; min-height:0; overscroll-behavior:contain; scrollbar-width:thin; }
html body :is(.topbar,.arive-topbar,.vora-topbar) { box-shadow:none; border-color:var(--ws-line,#e3e9ed); }
html body .vora-topbar { background:#fff; }
html body .vora-wrap { padding:24px 26px 48px; }
html body .vora-page-head { margin-bottom:20px; align-items:center; }
html body .vora-page-head h1 { color:#34495b; font-size:25px; font-weight:650; line-height:1.25; letter-spacing:-.025em; }
html body .vora-page-head p { font-size:14px; margin-top:6px; color:#667887; }
html body .vora-kicker { display:none; }
html body .vora-btn { border-radius:8px; font-weight:550; box-shadow:none; }
html body .vora-btn.primary { background:#0f766e; border-color:#0f766e; color:white; }
html body :is(.vora-stat,.vora-section,.vora-shortcut) { border-color:#e3e9ed; border-radius:10px; box-shadow:none; }
html body .vora-stat { border-left-width:1px; }
html body .vora-stat b { font-size:23px; font-weight:650; }
html body .vora-section-head { background:#fff; }
html body#appBody .md-home-header h1 { color:var(--ws-ink,#34495b); font-weight:650; font-size:25px; letter-spacing:-.025em; }
html body#appBody .md-home-header p { font-size:14px; color:var(--ws-muted,#667887); margin-top:6px; }
html body#appBody .md-home-shortcuts { gap:7px; margin:18px 0; }
html body#appBody .md-home-shortcut { min-height:54px; padding:10px 12px; border-color:var(--ws-line,#e3e9ed); border-radius:9px; box-shadow:none; }
html body#appBody .md-home-shortcut:hover { transform:none; box-shadow:none; background:var(--ws-tint,#eaf5f0); }
html body#appBody .md-home-shortcut-copy span { display:none; }
html body#appBody .md-home-shortcut-icon { width:28px; height:28px; flex-basis:28px; background:transparent; }
html body#appBody :is(.md-home-kpi,.md-home-work-card) { border-color:var(--ws-line,#e3e9ed); border-radius:9px; box-shadow:none; }
html body#appBody .md-home-kpi-label { text-transform:none; font-weight:550; font-size:12px; color:var(--ws-muted,#667887); }
html body#appBody .md-home-kpi-value { font-size:23px; font-weight:650; color:var(--ws-ink,#34495b); }
html body#appBody .md-home-workspace { border-color:var(--ws-line,#e3e9ed); border-radius:10px; }
html body#appBody .md-home-toolbar { padding:10px 12px; }
html body#appBody .md-home-tab { font-weight:550; }
html body#appBody .md-home-table th { background:var(--ws-bg,#f6f8fa); }
html body#appBody .md-home-sort { min-height:40px; font-weight:550; font-size:12px; }
html body#appBody .md-home-shortcut-count { background:var(--ws-tint,#eaf5f0); color:var(--ws-deep,#16755e); font-weight:600; }
body:has(.arive-mobile-menu[open]) :is(.workspace-dock,[data-workspace-dock],.team-chat-dock), body:has(.mdash-mobile-menu[open]) :is(.workspace-dock,[data-workspace-dock],.team-chat-dock), body.vora-menu-open :is(.workspace-dock,[data-workspace-dock],.team-chat-dock) { visibility:hidden; pointer-events:none; }
@media(max-width:760px) {
  html body .vora-wrap { padding:18px 14px 96px; }
  html body .vora-page-head h1, html body#appBody .md-home-header h1 { font-size:22px; }
  html body .mobile-pop.workspace-menu { width:min(340px,calc(100vw - 24px)); max-height:calc(100dvh - 84px); padding:12px; border-radius:12px; box-shadow:0 18px 60px #10243a26; }
  html body :is(.workspace-menu,.vora-side-nav) [data-personal-sidebar] a.nav-item, html body .vora-side-nav a { min-height:44px; }
  [data-sidebar-compact="true"] :is(a.nav-item,a) > span { display:initial; }
  html body#appBody .md-home-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce) { [data-personal-sidebar] *, .sidebar-drag-preview { transition:none!important; animation:none!important; } }

.sidebar-announcement { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0); white-space:nowrap!important; border:0!important; }
html body :is(.p-side-h,.p-side-nav) .ico { display:inline-flex; width:18px; height:18px; flex:0 0 18px; }
html body :is(.p-side-h,.p-side-nav) .ico svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
html body .p-side-nav a { display:flex; align-items:center; gap:9px; }
[data-nav-group-header] { cursor:grab; }

/* Public drawers share movement and filtering without changing their page content. */
.public-drawer-body [data-personal-sidebar] { --nav-panel:#fff; --nav-ink:#34495b; --nav-muted:#667887; --nav-line:#e3e9ed; --nav-bg:#f6f8fa; }
.public-drawer-body [data-nav-order] { gap:10px; }
.public-drawer-body [data-nav-group-header] { padding:9px 2px; margin:0; }
.public-drawer-body [data-nav-group-header] h2 { font-size:12px; text-transform:none; letter-spacing:0; color:#667887; }
.public-drawer-body [data-nav-group-header] a { margin-left:auto; }
.public-drawer-body [data-nav-items] { display:flex; flex-direction:column; gap:4px; }
.public-drawer-body .public-menu-group { padding:0; border:0; }
.public-drawer-body [data-nav-item] { cursor:grab; }
html body :is(.bd-rail,.p-side,.lp-right,.hs-left,.hs-right,.cbs-rail) { gap:12px; }
html body :is(.bd-card,.p-side-card,.lp-card,.hs-card,.cbs-card) { border-radius:10px; box-shadow:none; }
html body .bd-rail .bd-card { border:1px solid #e3e9ed; }
html body .bd-rail :is(.bd-card-header,.bd-card-h) { background:transparent; }
html body .p-side-card { background:#fff; border-color:#e3e9ed; }
html body .p-side-h { color:#34495b; background:#fff; }
html body .p-side-nav a { border-radius:8px; color:#34495b; font-size:13px; font-weight:500; }
html body .p-side-nav a.active { background:#eaf5f0; color:#16755e; }
html body .p-side-footer { border-color:#e3e9ed; }
html body .vora-command-shortcuts { gap:8px; margin:18px 0; }
html body .vora-command-shortcuts > a { min-height:54px; padding:10px 12px; grid-template-columns:28px minmax(0,1fr); border-color:#e3e9ed; border-radius:9px; box-shadow:none; }
html body .vora-command-shortcuts > a:hover { transform:none; box-shadow:none; background:#eaf5f0; }
html body .vora-command-shortcuts small { display:none; }
html body .vora-command-shortcuts strong { align-self:center; font-size:13px; font-weight:550; }
html body .vora-shortcut-icon { width:28px; height:28px; background:transparent; color:#16755e; }
html body .vora-command-shortcuts b { background:#eaf5f0; color:#16755e; }
html body .vora-command-metrics a { border-left:1px solid #e3e9ed!important; box-shadow:none; }
html body .vora-command-metrics strong { font-size:23px; font-weight:650; }
body:has(.arive-mobile-menu[open]) #md-team-dock, body:has(.mdash-mobile-menu[open]) #md-team-dock, body.vora-menu-open #md-team-dock { visibility:hidden; pointer-events:none; }
@media(max-width:760px) { html body .vora-sidebar { width:min(300px,calc(100vw - 48px)); left:calc(-100vw - 12px); } html body.vora-menu-open .vora-sidebar { left:0; } }
html body .vora-section-head > a { flex-shrink:0; white-space:nowrap; }
html body .vora-list-row time { flex-shrink:0; white-space:nowrap; color:#667887; font-size:12px; }
html body.partner-portal :is(.p-tile,.p-card) { border:1px solid #e3e9ed; border-radius:10px; box-shadow:none; }
html body.partner-portal .p-tile.accent { background:#eaf5f0; color:#34495b; }
html body.partner-portal .p-tile.accent .lbl, html body.partner-portal .p-tile.accent .sub { color:#667887; }
html body.partner-portal .p-tile.accent .num { color:#16755e; }
html body.partner-portal .p-side-avatar { background:#16755e; }
html body .bd-greet h1 { font-size:24px; font-weight:650; }
html body .bd-contact-card { border:1px solid #e3e9ed; border-radius:10px; box-shadow:none; }
@media(max-width:980px) {
  .step-sidebar .step-tabs-scroll:not(.open) { display:none; }
  .step-sidebar .step-tabs-scroll.open { display:flex; flex-direction:column; }
}
html body :is(.hs-left,.hs-right,.hs-card) { min-width:0; }
html body .hs-card { overflow-wrap:anywhere; font-size:14px; }
html body .hs-contact-classification { padding:6px 14px; }
html body .hs-contact-classification label { display:flex; align-items:center; gap:8px; color:#667887; font-size:12px; }
html body .hs-contact-classification select { min-width:0; flex:1; padding:6px 8px; border:1px solid #e3e9ed; border-radius:7px; background:white; color:#34495b; font:inherit; font-size:13px; }
html body .hs-contact-scenarios { padding:4px 14px 10px; font-size:13px; }
html body .hs-card[data-nav-key="journey"] form { display:grid; gap:7px; }
html body .hs-card[data-nav-key="journey"] :is(input:not([type="hidden"]),button) { width:100%; min-width:0; min-height:36px; padding:7px 9px; border:1px solid #e3e9ed; border-radius:7px; background:#fff; color:#34495b; font:inherit; }
html body .hs-card[data-nav-key="journey"] button { background:#eaf5f0; color:#16755e; cursor:pointer; }
html body .hs-card[data-nav-key="journey"] :is(p,ol) { font-size:13px; line-height:1.6; }
html body .hs-card[data-nav-key="journey"] ol { padding-left:18px; }
@media(max-width:900px) {
  html body .hs-shell { grid-template-columns:minmax(0,1fr); }
  html body :is(.hs-left,.hs-right) { width:100%; max-width:100%; }
  html body .hs-right { display:flex; }
  html body .hs-shell > * { min-width:0; }
}

@media(max-width:900px) {
  html body :is(.hs-tabs,.hs-activity-h,.hs-act-filters,.hs-pill-row) { min-width:0; max-width:100%; flex-wrap:wrap; gap:8px; }
  html body .hs-tabs { padding:4px; }
  html body .hs-tab, html body .hs-tab.customize { padding:10px 12px; margin-left:0; }
  html body .hs-act-filters { width:100%; }
  html body .hs-search-act { min-width:0; flex:1 1 160px; }
  html body .hs-search-act input { min-width:0; }
  html body .hs-event { grid-template-columns:26px minmax(0,1fr); }
  html body .hs-event-meta { grid-column:2; }
  html body :is(.hs-event,.hs-side-card,.hs-assoc) { min-width:0; overflow-wrap:anywhere; }
}
/* The existing full Team chat page stays in the top bar; avoid two floating docks. */
body:has(.workspace-dock) #md-team-dock { display:none; }

/* Compact navigation chrome; details stay in the single Settings menu. */
html body :is(.sidebar,.mdash-sb) .workspace-menu .nav-item{font-weight:500;min-height:37px;padding:8px 10px;}
[data-personal-sidebar="mortgagedoor"] [data-nav-order]{gap:3px}
[data-personal-sidebar="mortgagedoor"] [data-nav-group] > summary{font-weight:500;font-size:11px;padding:13px 10px 6px;letter-spacing:.035em}
[data-personal-sidebar="mortgagedoor"] .sidebar-tools{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:6px;margin:0 0 9px;}
[data-personal-sidebar="mortgagedoor"] .sidebar-toolbar{gap:0;}
[data-personal-sidebar="mortgagedoor"] .sidebar-toolbar [data-sidebar-status]:empty{display:none}
[data-personal-sidebar="mortgagedoor"][data-sidebar-compact="true"] .sidebar-tools{display:flex;align-items:center}
