@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');

/* Tahcar dealer workspace · unified brand, type, and surface hierarchy. */
:root{
  --blue:#004aad;
  --yellow:#f8d418;
  --ink:#172b44;
  --muted:#586d85;
  --line:#d6e0eb;
  --bg:#f0f4f8;
  --lux-inset:#f5f8fc;
  --lux-border:#d4dfeb;
  --lux-shadow:0 7px 24px rgba(19,42,70,.07);
}
body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.stat-value,.metric strong,.price,.total strong{font-family:Manrope,'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.025em}
h1{letter-spacing:-.035em}
button,input,select,textarea{font-family:inherit}
:focus-visible{outline:3px solid #8db7f4;outline-offset:2px}
/* Keep the official transparent mark at its supplied aspect ratio. */
.brand{gap:0;width:100%;box-sizing:border-box;text-decoration:none;cursor:pointer}
.brand picture,.brand img,.mobile-brand img{pointer-events:none}
.brand:hover img,.mobile-brand:hover img{opacity:.88}
.brand img{display:block;width:160px;max-width:100%;height:auto}
.brand picture{display:block;width:160px;max-width:100%}
.mobile-brand img{display:block;width:120px;max-width:100%;height:auto}
/* Navigation and primary controls use the same physical size across pages. */
aside{border-right-color:var(--line)}
aside .nav{border-radius:9px}
aside .nav.active{background:#e8f0fc;color:var(--blue)}
.top{border-bottom-color:var(--line)}
.primary,.download,.btn,.add-button,.save-button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8db7f4;outline-offset:2px}
/* A main card floats above the canvas; nested information sits quietly inside it. */
.stat,.panel,.settings-panel,.metric,.billing-panel,.statement-card,.filter-panel,.load,.file-card,.summary-card{
  border-color:var(--lux-border);
  box-shadow:var(--lux-shadow);
}
.stat,.metric{border-radius:13px}
.stat:first-child{border-top:1px solid var(--lux-border)}
.stat-link{display:block;text-decoration:none;color:inherit;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.stat-link:hover{border-color:#a8bfd9;box-shadow:0 9px 24px rgba(19,42,70,.11);transform:translateY(-2px)}
.stat-link:focus-visible{outline:3px solid #9fc3ee;outline-offset:3px}
.stat-link .extra{color:var(--blue);font-weight:700}
.settings-panel{min-width:0}
.hours-table-wrap{max-width:100%;min-width:0;overflow-x:auto}
.hours-table{min-width:690px}
.settings-tabs{border-color:var(--lux-border);background:var(--lux-inset)}
.settings-tabs a.selected{background:#fff;box-shadow:0 1px 5px rgba(19,42,70,.08)}
/* Dashboard and Shipments: separate orders from the white filter shell. */
.native-loads{background:#eaf0f6;padding:20px 18px 24px;gap:22px}
.native-loads .shipment-item{border:1px solid #bfcede;border-radius:14px;box-shadow:0 4px 10px rgba(19,42,70,.07),0 14px 30px rgba(19,42,70,.035)}
.native-loads .shipment-item:has(.load-expand[open]){border-color:#8aabd4;box-shadow:0 6px 20px rgba(19,42,70,.12)}
.native-loads .shipment-item:hover{border-color:#8aabd4;box-shadow:0 7px 23px rgba(19,42,70,.12)}
.native-loads .shipment-top{border-bottom:1px solid #dce5ef;padding-bottom:16px;margin-bottom:17px}
.load-expand[open]>summary{background:#fff}
.load-details{background:#f1f5fa;border-color:var(--lux-border)}
.detail-card,.summary-box{background:#fff;border-color:var(--lux-border)}
.shipment-note{border-top-color:var(--lux-border)}
/* Quotes: strong outer sections, quiet route and vehicle details. */
.choice-inner,.route-box,.vehicle-leg{background:var(--lux-inset);border-color:var(--lux-border)}
.choice input:checked+.choice-inner{background:#eff5ff;border-color:var(--blue)}
.vehicle-card{background:#fff;border-color:var(--lux-border)}
.route-viz{background:linear-gradient(122deg,#0c315d,#004aad 82%)}
/* Schedule: the numbered stages remain distinct from fields nested within them. */
.segmented{gap:6px;background:transparent;border:0;padding:0}
.segmented span{display:grid;place-items:center;min-height:44px;border:1px solid var(--lux-border);background:var(--lux-inset)}
.segmented input:checked+span{border-color:var(--blue);background:#edf4ff;box-shadow:none}

.location-card,.upload-box,.notary-box{background:var(--lux-inset);border-color:var(--lux-border)}
.location-card .fields,.upload-box .fields,.notary-box .fields{background:transparent}
.summary-card{border-color:var(--lux-border)}
/* Compliance: one load is the top-level surface; details sit inside it. */
.filter-panel,.load,.file-card{border-color:var(--lux-border)}
.detail-box{background:var(--lux-inset);border-color:var(--lux-border)}
.document-row,.vehicle-choice{background:#fff;border-color:var(--lux-border)}
.load[open]>summary{background:#f5f8fc}
/* Billing: a financial list reads as one table rather than dozens of cards. */
.billing-panel{border-color:var(--lux-border)}
.invoice-row{border-top-color:var(--lux-border)}
.invoice-details[open]>.invoice-summary{background:#f2f6fb}
.invoice-expanded{background:#f7f9fc}
.payment-banner{background:#eaf1fb;border-color:#cbdcf0}
@media(min-width:1281px){
 aside{width:230px}
 .shell{margin-left:230px}
 .top{height:76px}
}
@media(min-width:701px) and (max-width:1100px){
 .dashboard-shell .brand{padding-left:4px;padding-right:4px;justify-content:center}
 .dashboard-shell .brand picture{width:40px}
 .dashboard-shell .brand img{width:40px;height:40px}
}
@media(max-width:700px){
 .native-loads{padding:14px 10px 18px;gap:16px}
 .notice{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:6px 10px;padding:14px 42px 14px 14px;font-size:13px}
 .notice-icon{grid-column:1;grid-row:1}
 .notice>span:nth-child(2){grid-column:2;grid-row:1;line-height:1.5}
 .notice a{grid-column:2;grid-row:2;margin:0;white-space:normal;font-size:13px}
 .notice button{position:absolute;top:7px;right:9px;min-width:32px;min-height:32px}
 .searchbar{display:grid;grid-template-columns:minmax(0,1fr)}
 .searchbar input,.searchbar select{width:100%;max-width:none}
 .segmented span{font-size:13px;padding:8px 5px}
 .filters .filter-search{grid-template-columns:minmax(0,1fr)}
 .filters .filter-search .clear{justify-self:end;min-height:32px;padding:4px 0}
 .stat:first-child{border-top-width:1px}
}
@media(prefers-reduced-motion:reduce){.primary,.download,.btn,.add-button,.save-button{transition:none}}
/* Shared activity and notification inbox. */
.notification-trigger{position:relative;display:inline-grid;place-items:center;flex:none;width:38px;height:38px;padding:7px;border:0;border-radius:10px;background:transparent;color:#425775;cursor:pointer}
.notification-trigger:hover,.notification-trigger[aria-expanded="true"]{background:#edf3fb;color:var(--blue)}
.notification-trigger:focus-visible,.notification-panel button:focus-visible,.notification-item:focus-visible,.activity-entry:focus-visible{outline:3px solid #a5c9f2;outline-offset:2px}
.notification-trigger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-badge{position:absolute;right:0;top:-1px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#df493d;border:2px solid white;color:white;font:700 10px/1 'DM Sans',sans-serif}
.notification-badge[hidden],.notification-panel[hidden]{display:none!important}
.notification-panel{position:fixed;z-index:1000;right:22px;top:70px;width:min(420px,calc(100vw - 24px));max-height:min(680px,calc(100dvh - 82px));display:flex;flex-direction:column;border:1px solid #cbd8e7;border-radius:15px;background:#fff;box-shadow:0 22px 60px rgba(17,38,67,.22);overflow:hidden;color:var(--ink)}
.notification-head{display:flex;align-items:start;justify-content:space-between;padding:18px 20px 12px}
.notification-head h2{font:800 19px/1.3 Manrope,'DM Sans',sans-serif;margin:0 0 3px}
.notification-head span{font-size:12px;color:var(--muted)}
.notification-close{font-size:24px;line-height:1;border:0;border-radius:7px;background:transparent;color:#596c81;cursor:pointer;width:31px;height:31px}
.notification-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 20px 12px;border-bottom:1px solid #e0e8f0}
.notification-controls [role="tablist"]{display:flex;gap:5px}
.notification-controls [role="tab"]{border:1px solid transparent;border-radius:7px;padding:6px 10px;background:transparent;color:#586d85;font:700 12px 'DM Sans',sans-serif;cursor:pointer}
.notification-controls [role="tab"].selected{background:#edf4ff;border-color:#d5e4f6;color:var(--blue)}
.notification-mark-all{border:0;background:transparent;color:var(--blue);font:700 12px 'DM Sans',sans-serif;cursor:pointer}
.notification-mark-all:disabled{color:#9ba9b8;cursor:default}
.notification-list{overflow:auto;min-height:0}
.notification-item{display:grid;grid-template-columns:34px minmax(0,1fr) 8px;gap:12px;align-items:start;padding:15px 20px;border-bottom:1px solid #e7edf3;text-decoration:none;color:var(--ink)}
.notification-item:hover{background:#f4f8fd}
.notification-item.is-unread{background:#f5f9ff}
.notification-kind{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e8f0fb;color:var(--blue);font-size:17px}
.notification-kind-eta{background:#fff3df;color:#9a5a00}
.notification-kind-document{background:#eaf6ef;color:#24714c}
.notification-text{display:grid;gap:2px;min-width:0;font-size:13px;line-height:1.4}
.notification-text strong{font-weight:800}
.notification-text>span{color:#50647b}
.notification-text time{font-size:11px;color:#75869a;margin-top:2px}
.notification-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);margin-top:7px}
.notification-item.is-read .notification-dot{visibility:hidden}
.notification-empty{padding:23px 20px;margin:0;color:#667a90;font-size:13px}
.activity #recent-activity{border:0;padding:0}
.activity .activity-entry{display:grid;gap:3px;padding:12px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.4;text-decoration:none;color:#526579}
.activity .activity-entry:hover strong{color:var(--blue);text-decoration:underline}
.activity .activity-entry strong{color:var(--ink);font-size:13px}
.activity .activity-entry time{font-size:11px;color:#8998a9}
@media(max-width:760px){.notification-panel{top:62px;right:8px;max-height:calc(100dvh - 72px)}.top-user:has(.notification-trigger),.top-right:has(.notification-trigger){display:flex!important;align-items:center;margin-left:auto;font-size:0}.top-user:has(.notification-trigger) .avatar,.top-right:has(.notification-trigger) .avatar{display:none}.top-user .notification-trigger,.top-right .notification-trigger{font-size:14px}}

/* Shared navigation: desktop sidebar toggle and mobile drawer. */
.top{justify-content:flex-start;gap:16px}
.top .top-user,.top .top-right{margin-left:auto;flex-shrink:0}
.top>.crumb,.top>span{min-width:0}
.top .mobile-brand{display:none}
.navigation-toggle,.navigation-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#526579;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.navigation-toggle svg,.navigation-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none}
.navigation-toggle:hover,.navigation-close:hover{background:#edf3fb;color:var(--blue)}
.navigation-toggle:focus-visible,.navigation-close:focus-visible,.workspace-sidebar a:focus-visible{outline:3px solid #6b9bda;outline-offset:2px}
.workspace-sidebar .nav svg{flex-shrink:0}
.navigation-close{display:none}
.navigation-backdrop[hidden]{display:none!important}
body.navigation-collapsed>.workspace-sidebar{display:none}
body.navigation-collapsed>.shell{margin-left:0}
body.navigation-collapsed .mobile-bar{left:0}
@media(max-width:760px){
 body>.workspace-sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(320px,calc(100vw - 24px));height:100vh;height:100dvh;box-sizing:border-box;z-index:1201;padding:24px 16px max(20px,env(safe-area-inset-bottom));background:#fff;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;transform:translateX(-100%);pointer-events:none;border-right:1px solid var(--line)}
 body.navigation-open{overflow:hidden}
 body.navigation-open>.workspace-sidebar{visibility:visible;transform:none;pointer-events:auto;box-shadow:12px 0 40px #172b4426}
 body>.shell{margin-left:0}
 .navigation-backdrop{position:fixed;inset:0;z-index:1200;background:#172b4473;touch-action:none}
 .workspace-sidebar .navigation-close{display:inline-flex;position:absolute;right:10px;top:10px}
 .workspace-sidebar .brand{display:flex;justify-content:flex-start;padding:10px 10px 28px;width:100%;font-size:25px}
 .dashboard-shell .workspace-sidebar .brand picture,.workspace-sidebar .brand picture{width:160px}
 .dashboard-shell .workspace-sidebar .brand img,.workspace-sidebar .brand img{width:160px;height:auto}
 .workspace-sidebar .nav-label{display:block;margin-bottom:12px}
 .workspace-sidebar .nav{display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:11px 14px;min-height:46px;font-size:15px;line-height:1.45}
 .workspace-sidebar .nav span,.workspace-sidebar .nav small{display:inline}
 .workspace-sidebar nav{flex-shrink:0}
 .workspace-sidebar .side-bottom{display:block;margin-top:auto;flex-shrink:0;padding-top:20px}
 .top{height:auto;min-height:64px;padding:8px 16px;gap:10px}
 .top>.crumb,.top>span{line-height:1.25}
}

/* Account menu and account security. */
.account-trigger{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:9px;padding:5px 8px;background:transparent;color:var(--ink);font:700 14px 'DM Sans',sans-serif;min-height:44px;cursor:pointer}
.account-trigger>svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.account-trigger:hover{background:#edf3fb}
.account-panel{position:fixed;z-index:1100;right:24px;top:72px;width:280px;max-width:calc(100vw - 24px);padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 48px #172b4426}
.account-panel[hidden]{display:none}
.account-identity{display:grid;gap:3px;padding:14px 12px 18px;border-bottom:1px solid var(--line);margin-bottom:6px}
.account-identity strong{font-size:16px;color:var(--ink)}.account-identity span,.account-identity small{font-size:13px;color:var(--muted)}
.account-panel>a,.account-panel>button{display:block;width:100%;box-sizing:border-box;padding:12px;border:0;border-radius:8px;background:transparent;text-decoration:none;text-align:left;color:var(--ink);font:600 14px 'DM Sans',sans-serif;cursor:pointer}
.account-panel>a:hover,.account-panel>button:hover{background:#edf3fb;color:var(--blue)}
.account-menu-divider{border-top:1px solid var(--line);margin:6px 0}
.account-panel>[data-sign-out]{color:#a62d33}
.account-security{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.account-security h3{margin:0 0 6px}.account-security .panel-desc{margin:0}
.account-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-width:480px;max-height:calc(100dvh - 32px);margin:auto;padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #172b4440;overflow-y:auto;font:14px 'DM Sans',sans-serif}
.account-dialog::backdrop{background:#172b4473}
.account-dialog .account-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.account-dialog h2{font-size:22px;line-height:1.25;margin:0;color:var(--ink)}
.account-dialog-head button{border:0;background:#f0f4f8;border-radius:8px;min-width:44px;height:44px;color:var(--muted);font-size:26px;cursor:pointer}
.account-description{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 20px}
.account-label{display:block;font-weight:700;margin:16px 0 7px}.account-password-field{position:relative;display:flex}
.account-dialog input{box-sizing:border-box;width:100%;min-width:0;height:46px;border:1px solid #cbd6e3;border-radius:8px;background:#fff;padding:10px 12px;color:var(--ink);font:16px 'DM Sans',sans-serif}
.account-dialog .account-password-field input{padding-right:65px}.account-dialog input[aria-invalid=true]{border-color:#b52b3b}
.account-password-field button{position:absolute;right:2px;top:2px;height:42px;min-width:58px;border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer}
.account-hint{font-size:12px;line-height:1.5;color:var(--muted);margin:7px 0}
.account-error{color:#a62d33;font-size:13px;line-height:1.5}.account-error:empty{display:none}
.account-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}
.account-primary,.account-secondary{font:700 14px 'DM Sans',sans-serif;border-radius:8px;min-height:44px;padding:10px 16px;cursor:pointer}
.account-primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.account-secondary{background:#fff;color:var(--blue);border:1px solid #bdcde1}
.account-text-button{border:0;padding:12px 0;background:transparent;color:var(--blue);font:600 13px 'DM Sans',sans-serif;cursor:pointer;text-align:left;min-height:44px}
.account-trigger:focus-visible,.account-panel a:focus-visible,.account-panel button:focus-visible,.account-dialog button:focus-visible,.account-dialog input:focus-visible{outline:3px solid #6b9bda;outline-offset:2px}
@media(max-width:760px){.account-panel{right:12px;top:66px}.account-trigger{font-size:13px;padding:4px;gap:4px}.top-user,.top-right{gap:4px!important}.account-dialog{padding:20px}.account-dialog h2{font-size:20px}.account-security{align-items:flex-start}}

/* Refined password experience */
.account-dialog:has(#account-password-form){width:min(510px,calc(100vw - 32px));max-width:510px;padding:28px 32px 24px}
.account-dialog:has(#account-password-form) .account-dialog-head{margin-bottom:18px}
.password-intro{display:flex;align-items:flex-start;gap:13px;padding:15px;border:1px solid #dce7f5;border-radius:11px;background:#f3f7fd;margin-bottom:18px}
.password-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#e0ecfa;color:var(--blue)}
.password-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.password-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--blue)}
.password-intro p{font-size:13px;line-height:1.45;color:#425875;margin:3px 0 0}
.account-dialog:has(#account-password-form) .account-label{margin:12px 0 7px}
.account-dialog:has(#account-password-form) .account-password-field input{height:46px}
.account-dialog:has(#account-password-form) .account-text-button{padding:8px 0;margin:2px 0 0}
.password-rule{height:1px;background:#e0e7ef;margin:12px 0 16px}
.password-strength{display:flex;align-items:center;gap:10px;margin-top:11px;color:#6b7b8e;font-size:11px;font-weight:700}
.password-strength-track{width:100%;height:5px;flex:1;border-radius:5px;background:#e8edf4;overflow:hidden}
.password-strength-track span{display:block;width:0;height:100%;border-radius:5px;background:#d46545;transition:width .18s ease}
.password-strength-track span[data-strength="2"]{background:#cb9a21}.password-strength-track span[data-strength="3"]{background:#3682bd}.password-strength-track span[data-strength="4"]{background:#2d996c}
.password-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;list-style:none;padding:0;margin:12px 0 18px;color:#718196;font-size:11px;line-height:1.3}
.password-requirements li::before{content:'○';font-size:15px;line-height:0;vertical-align:-1px;margin-right:6px;color:#99a9ba}
.password-requirements li.passed{color:#277654}.password-requirements li.passed::before{content:'✓';font-size:12px;color:#277654}
.account-dialog:has(#account-password-form) .account-actions{margin-top:16px;padding-top:16px;border-top:1px solid #e0e7ef}
.password-preview-note{font-size:11px;color:#78899b;margin:12px 0 0;text-align:right}
@media(max-width:760px){.account-dialog:has(#account-password-form){padding:20px;width:min(480px,calc(100vw - 24px))}.password-requirements{grid-template-columns:1fr 1fr}.account-dialog:has(#account-password-form) .account-actions{justify-content:stretch}.account-dialog:has(#account-password-form) .account-actions button{flex:1}.password-preview-note{text-align:center}}
@media(max-width:760px){.account-dialog:has(#account-password-form) .account-actions button{font-size:13px;padding:9px 10px;white-space:nowrap}}

.workspace-sidebar .docsai-nav-copy{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.15}
.workspace-sidebar .docsai-nav-title{display:flex;align-items:center;gap:6px;white-space:nowrap}
.workspace-sidebar .docsai-nav-subtitle{font-size:11px;font-weight:500;color:#718199;white-space:nowrap}
.workspace-sidebar .docsai-nav-beta{display:inline-block;border:1px solid #d2ab34;border-radius:4px;background:#fff8da;color:#77600b;padding:2px 4px;font-size:9px;font-weight:800;letter-spacing:.045em}

.draft-actions .ai-cta-beta{display:inline-flex;vertical-align:middle;margin-left:5px;border:1px solid #d2ab34;border-radius:4px;background:#fff8da;color:#77600b;padding:3px 5px;font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1}

/* Keep the full scheduling and compliance labels on one line. */
.workspace-sidebar .nav[href="schedule.html"],.workspace-sidebar .nav[href="documents.html"]{white-space:nowrap}
@media(min-width:761px){
 body:not(.dashboard-shell)>.workspace-sidebar{width:304px}
 body:not(.dashboard-shell):not(.navigation-collapsed)>.shell{margin-left:304px}
 body:not(.dashboard-shell):not(.navigation-collapsed) .mobile-bar{left:304px}
}
@media(min-width:1101px){
 body.dashboard-shell>.workspace-sidebar{width:304px}
 body.dashboard-shell:not(.navigation-collapsed)>.shell{margin-left:304px}
}

/* Whole-card support destination shared across desktop and mobile navigation. */
.workspace-sidebar .support-card{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;padding:18px 20px;border:1px solid #dfe7f2;border-radius:14px;background:#f0f5fc;color:#172b46;text-decoration:none;box-shadow:none;transition:box-shadow .18s ease,background .18s ease;cursor:pointer;min-height:150px;box-sizing:border-box;}
.workspace-sidebar .support-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.workspace-sidebar .support-card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e3edfa;border:1px solid #d7e4f5;color:#004aad;}
.workspace-sidebar .support-card-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.workspace-sidebar .support-card-arrow{font-size:24px;line-height:1;color:#f8d418;}
.workspace-sidebar .support-card strong{font-size:16px;line-height:1.3;font-weight:650;color:#172b46;}
.workspace-sidebar .support-card-description{font-size:14px;line-height:1.5;color:#596e89;}
.workspace-sidebar .support-card-methods{font-size:12px;line-height:1.5;color:#647993;margin-top:4px;letter-spacing:.02em;}
.workspace-sidebar .support-card:hover{background:#e7effa;border-color:#c9d9ed;box-shadow:0 3px 10px #004aad08;}
.workspace-sidebar .support-card:focus-visible{outline:3px solid #f8d418;outline-offset:3px;}
.workspace-sidebar .support-card:active{box-shadow:none;}
@media(prefers-reduced-motion:reduce){.workspace-sidebar .support-card{transition:none;}}

/* Keep all profile actions reachable on small screens. */
.account-panel{max-height:calc(100dvh - 90px);overflow-y:auto}