/* Shared company and employee workspace, with deliberate gaps and readable controls. */
#app{--accent:#5b2d3b;--line:#e5dfd9;--ink:#292528;--muted:#746e70;font-size:15px}
#app>aside{background:#30242a}#app main{min-width:0}#app h1{letter-spacing:-.035em}#app p{line-height:1.65}#app .panel{border-radius:16px;padding:28px;margin-block:0 24px;min-width:0}#app .panel h2{font-size:21px}#app .panel-head{gap:20px;margin-bottom:24px;align-items:center;flex-wrap:wrap}#app .panel-head h2{margin:0}#app .panel-head p{margin-bottom:0}#app .two>.panel,#app .split>.panel,#app .pricing-grid>.panel{margin:0}#app .two,#app .split,#app .pricing-grid{margin-bottom:24px;align-items:stretch}#app .btn{font-size:14px;min-height:44px;padding:10px 16px;border-radius:10px}#app .primary,#app .selected{background:#5b2d3b;color:#fff;border-color:#5b2d3b}#app .field,#app .filterbar>.select-field{font-size:14px}#app .filterbar{gap:16px;align-items:end;margin-bottom:24px}#app .filterbar>.field,#app .filterbar>.select-field{margin:0;flex:1 1 145px;min-width:0;display:flex;flex-direction:column;gap:8px}#app .filterbar input,#app .filterbar .select-trigger{min-height:46px}#app .filterbar>.btn{margin:0}#app .actions,#app .form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}#app .panel>.btn+.btn{margin-inline-start:12px}#app .stat{border-radius:12px;padding:22px;min-width:0}#app .stat strong{font-size:24px;overflow-wrap:anywhere}#app .stats{gap:16px;margin-block:24px}#app .rank-row{align-items:center;flex-wrap:wrap;gap:16px}#app .badge{font-size:12px}#app td,#app th{font-size:14px;overflow-wrap:anywhere}#app td{padding:16px 14px;vertical-align:middle}#app th{padding:14px;text-transform:none;letter-spacing:0}#app .row-actions{display:flex;gap:8px;flex-wrap:wrap}#app .row-actions .btn{font-size:12px;padding:8px 10px}#app .table-sort{border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer;padding:4px 0;min-height:32px}#app .table-wrap{border:1px solid var(--line);border-radius:12px;max-width:100%}#app .directory-pagination{display:flex;gap:24px;align-items:end;justify-content:space-between;margin-top:24px;color:var(--muted);font-size:14px}#app .pagination-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap}#app .pagination-controls>span{min-height:46px;display:flex;align-items:center}#app .pagination-controls .field,#app .pagination-controls .select-field{margin:0;display:flex;flex-direction:column;gap:8px}#app .pagination-controls>div{min-width:115px}#app .pagination-controls .btn{min-height:46px}#app .text-link{border:0;background:none;color:var(--accent);text-align:start;padding:0;font-weight:600}#app .directory-columns{position:relative;flex:0 0 auto;align-self:end}#app .directory-columns summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:12px 16px;min-height:46px;background:white}#app .directory-columns>div{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:40;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #30242a22;padding:12px 18px;min-width:220px;max-height:55vh;overflow:auto}#app .directory-columns .check{white-space:nowrap;gap:12px}#app .directory-columns .check input{width:18px}#app .btn:focus-visible,#app button:focus-visible,#app summary:focus-visible{outline:3px solid #ad7b90;outline-offset:3px}#app .hero{gap:24px}#app .muted{font-size:14px}#app a.card{text-decoration:none}#app .org-node{border-top-color:var(--accent)}
.account-settings{max-width:920px;margin-inline:auto}.account-settings .panel{margin-bottom:24px}.account-settings form{display:grid;gap:16px}.account-settings label{display:grid;gap:8px;margin:0}.account-settings input{width:100%;min-height:46px;padding:12px;border:1px solid var(--line,#ddd);border-radius:10px;box-sizing:border-box}.account-settings .account-actions{display:flex;gap:12px;flex-wrap:wrap}.account-settings .account-actions button{min-height:44px;padding:12px 20px}.account-settings .account-feedback:empty{display:none}.account-settings .account-feedback{padding:14px;border-radius:10px;background:var(--surface,#f4f0ec)}
@media(max-width:900px){#app .directory-pagination{align-items:start;flex-direction:column}#app .filterbar{display:flex;flex-wrap:wrap}#app .panel{padding:20px}#app .directory-columns>div{inset-inline-end:auto;inset-inline-start:0}#app .stats{grid-template-columns:repeat(2,minmax(0,1fr))}#app .header-right{gap:12px}#app header{gap:16px;flex-wrap:wrap;height:auto;min-height:80px;padding-block:16px}}@media(max-width:520px){#app .stats,#app .two{grid-template-columns:1fr}#app main{padding-inline:16px}#app .pagination-controls{gap:12px}#app .directory{padding:16px}#app .filterbar>.field,#app .filterbar>.select-field{flex-basis:100%}}

#app .directory-columns>.sab-columns-panel{position:fixed;inset-inline-end:auto;z-index:1500;max-height:none}#app .directory-columns>.sab-columns-panel>div{position:static;border:0;box-shadow:none;padding:0}#app .directory-columns:not([open])>.sab-columns-panel{display:none}

#app aside nav button.active{background:#62404c;color:#fff}#app aside nav button:hover{background:#51353f;color:#fff}#app .stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}#app .directory table{word-break:normal}#app .directory .badge{text-transform:capitalize}#app .directory-columns .sab-columns-panel{background:#fff;color:var(--ink)}
@media(max-width:700px){#app .directory[data-custom-columns="false"] [data-compact="false"]{display:none}#app .directory th,#app .directory td{padding:12px 8px;font-size:13px}#app .directory[data-custom-columns="true"] table{min-width:720px}#app .directory .row-actions .btn{min-height:44px}#app .stats{grid-template-columns:1fr}}
body.company-portal{--ink:#292528;--muted:#756d70;--line:#e5dfd9;--bg:#f5f3ef;--accent:#5b2d3b;--sidebar:#30242a;background:var(--bg);color:var(--ink)}
.company-portal .login-story{background:#30242a}.company-portal .btn.primary{background:#5b2d3b;border-color:#5b2d3b}.company-portal .field,.company-portal .select-field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}.company-portal .two>.field,.company-portal .two>.select-field{margin:0;align-self:start}.company-portal .two{gap:22px}.company-portal .select-field{margin-block:17px}.company-portal .select-wrap{margin:0;min-width:0}.company-portal .select-trigger{min-height:46px}.company-portal .field input{min-height:46px}.company-portal dialog{padding:28px;border-radius:18px}.company-portal dialog footer{gap:12px}.company-portal .check input{accent-color:#5b2d3b}.company-portal .stats{gap:18px}.company-portal .nav-icon{color:#c7aeb9}.company-portal .aside-foot{border-color:#664e59}.account-settings input[type=email],.account-settings input[type=tel]{direction:ltr;text-align:start}

/* Team workspace: compact, consistently spaced and responsive. */
.team-layout{grid-template-columns:208px minmax(0,1fr)}
.team-layout .sidebar{position:sticky;top:0;height:100dvh;padding:24px 16px;gap:20px;overflow:auto}
.team-layout .sidebar .mark{padding:0 12px 8px}.team-layout .sidebar .eighty6-wordmark{width:92px}
.team-layout .sidebar nav{display:grid;gap:6px}.team-layout .sidebar nav button{display:flex;align-items:center;gap:12px;padding:11px 12px;min-width:0;text-align:start}
.team-layout .sidebar nav svg{width:20px;height:20px;flex:none}.team-layout .sidebar nav span{overflow-wrap:anywhere}
.team-layout .identity{padding:16px 10px;gap:8px}
.team-layout main{max-width:1280px;padding:28px;overflow-wrap:anywhere}
.team-layout .topbar{padding:16px 28px;flex-wrap:wrap;justify-content:flex-start;gap:16px;align-items:end}
.team-layout .topbar>.select-field,.team-layout .topbar>label{flex:1 1 230px;max-width:360px;min-width:0;margin:0}
.team-layout .topbar time{margin-inline-start:auto;align-self:center}.team-layout .topbar>button,.team-layout #sab-language{align-self:center}
.team-layout .page-head{margin-bottom:20px}.team-layout h1{font-size:clamp(26px,3vw,34px)}
.team-layout .welcome{padding:24px;margin-bottom:20px}.team-layout .welcome h2{font-size:clamp(22px,2.5vw,28px);margin-top:10px}
.team-layout .team-service-actions{margin-top:20px;gap:12px}.team-layout .welcome .actions button{background:#fff7f9;color:#582633;border-color:#dfc0c9}.team-layout .welcome .actions .primary{background:#582633;color:white;border-color:#bb8697}
.team-layout .grid,.team-layout .two{gap:16px;align-items:stretch}.team-layout .grid>.card,.team-layout .two>.card{margin:0;display:flex;flex-direction:column;align-items:stretch}
.team-layout .card{padding:20px}.team-layout .card>.actions{margin-top:auto;padding-top:12px}.team-layout .metric{font-size:28px;margin:10px 0}
.team-layout .row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px}.team-layout .row h2{margin:0}.team-layout .row>div:first-child,.team-layout .list-row>div:first-child{min-width:0;flex:1 1 200px}
.team-layout .list-row{gap:16px;flex-wrap:wrap;padding:16px 0}.team-layout .list-row>a{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:8px}
.team-layout .empty{padding:24px 16px;line-height:1.65}.team-layout .pill{line-height:1.4}.team-layout footer{margin-top:24px}
@media(max-width:1000px){.team-layout{grid-template-columns:180px minmax(0,1fr)}.team-layout main{padding:22px}.team-layout .topbar{padding:16px 22px}.team-layout .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.team-layout{display:block}.team-layout .sidebar{position:static;height:auto;padding:12px 16px;gap:12px;overflow:visible}.team-layout .sidebar .mark,.team-layout .identity{display:none}.team-layout .sidebar nav{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px}.team-layout .sidebar nav button{flex:none;white-space:nowrap}.team-layout .topbar{padding:16px;gap:12px}.team-layout .topbar time{margin-inline-start:0}.team-layout main{padding:20px 16px}.team-layout .grid,.team-layout .two{grid-template-columns:1fr}.team-layout .welcome{padding:20px}.team-layout .team-service-actions>button{flex:1 1 150px}.team-layout .card{padding:18px}}

/* Layered charcoal surfaces with clear burgundy accents, shared across workspaces. */
html.sab-dark{--sab-page:#1b1b1b!important;--sab-font:#f3f3f3!important;--sab-ribbon:#242424!important;--ink:#f3f3f3;--muted:#c1c1c1;--wine:#c3c3c3;--dark:#242424;--paper:#1b1b1b;--line:#545454;--rose:#353535;--green:#d0d0d0;background:#1b1b1b;color:#f3f3f3}
html.sab-dark :is(.card,.panel,.portal-stat,.portal-filters,.ticket,.product-card,.portal-link,.product-detail,.product-page,.builder-group,.builder-option,.app-tile,.portal-intro,.portal-list,.modal,.modal-content,.modal-card,.drawer,.order-panel,.cart){background:#292929!important;color:#f3f3f3!important;border-color:#545454!important}
html.sab-dark :is(.topbar,.page-savebar,.drawer-header,.drawer-footer,dialog,.sab-columns-panel,.date-popover,#sab-date-picker,.select-menu){background:#313131!important;color:#f3f3f3!important;border-color:#6a6a6a!important}
html.sab-dark :is(input,textarea,select,.select-trigger,.date-trigger,.sab-date-trigger){background:#1e1e1e!important;color:#f3f3f3!important;border-color:#717171!important}
html.sab-dark :is(button,.btn,summary,.empty,.recipe-line,.option-rule){background-color:#383838;color:#f3f3f3!important;border-color:#6f6f6f}
html.sab-dark :is(button,.btn,.portal-link,.select-trigger):hover:not(:disabled){background-color:#4c4c4c!important;border-color:#a6a6a6!important}
html.sab-dark :is(.primary,.btn-primary,button[type=submit],.selected,.category.active,.btn.soft,.sidebar button.active,.rail button.active){background:#4e4e4e!important;color:#ffffff!important;border-color:#9d9d9d!important}
html.sab-dark :is(.primary,.btn-primary,button[type=submit]):hover:not(:disabled){background:#5d5d5d!important}
html.sab-dark :is(.select-option[aria-selected=true],.select-menu button[aria-selected=true],button[aria-pressed=true]){background:#444444!important;color:#ffffff!important;border-color:#9d9d9d!important}
html.sab-dark :is(a,.metric,.text-link){color:#c6c6c6!important}
html.sab-dark :is(.muted,.subtle,.eyebrow,small,.field-label,.select-label,.identity span){color:#c1c1c1!important}
html.sab-dark :is(input,textarea)::placeholder{color:#b6b6b6!important}
html.sab-dark :is(table,tbody,tr,th,td,.product-table){background:#292929!important;color:#f3f3f3!important;border-color:#545454!important}
html.sab-dark :is(thead,thead tr,thead th,thead td){background:#393939!important;color:#e2e2e2!important}
html.sab-dark tbody tr:hover>td{background:#3a3a3a!important}
html.sab-dark :is(.welcome,.portal-greeting){background:#323232!important;color:#f5f5f5!important;border:1px solid #6f6f6f}
html.sab-dark .welcome p{color:#d1d1d1!important}
html.sab-dark :is(.notice,.portal-disclaimer,.draft-toolbar,.session-chart-empty,.bubble){background:#383838!important;color:#e2e2e2!important;border:1px solid #6f6f6f}
html.sab-dark .bubble.answer{background:#353535!important;border-color:#757575!important}
html.sab-dark :is(.pill,.badge,.tag,.session-status,.avatar,.employee-avatar,.app-icon){background:#393939!important;color:#d5d5d5!important;border:1px solid #727272}
html.sab-dark :is(.success,.is-open){background:#363636!important;color:#e2e2e2!important;border-color:#8c8c8c!important}
html.sab-dark :is(.error,.danger,[role=alert]){color:#cacaca!important}html.sab-dark .warning{background:#3c3c3c!important;color:#e1e1e1!important}
html.sab-dark :is(button,input,select,textarea,a,summary):focus-visible{outline:3px solid #c1c1c1!important;outline-offset:3px}
html.sab-dark :is(input[type=checkbox],input[type=radio]){accent-color:#989898}
html.sab-dark #sab-language{background:#292929!important;border-color:#6f6f6f!important}html.sab-dark #sab-language button[aria-pressed=true]{background:#4e4e4e!important;color:white!important}
html.sab-dark .team-layout .sidebar nav button:not(.active){color:#cccccc!important}
html.sab-dark .team-layout .sidebar nav button:hover{background:#383838!important}
html.sab-dark .team-layout .welcome .actions button{background:#383838!important;color:#ffffff!important;border-color:#8e8e8e!important}
html.sab-dark .team-layout .welcome .actions .primary{background:#4e4e4e!important}
.team-layout .grid+.two{margin-block-start:20px!important}.team-layout main{padding-bottom:100px}
html.sab-dark :is(.sidebar button.active,.rail button.active,.selected,button[aria-pressed=true]):hover{background:#5d5d5d!important;color:#ffffff!important}
html.sab-dark :is(.sab-date-trigger,.date-trigger) svg{color:#e2e2e2;opacity:1}
@media(max-width:700px){.team-layout .topbar>label,.team-layout .topbar>.select-field{flex-basis:100%;max-width:none}.team-layout .topbar time{display:none}.team-layout .topbar>button{font-size:14px;padding:10px;flex:1 1 auto}.team-layout .topbar #sab-language{margin:0;flex:none}.team-layout .topbar #sab-language button{padding:8px;font-size:13px}}
.team-layout .card>.pill{align-self:flex-start;max-width:100%}
.team-layout .pill[data-status=approved]{background:#e1f1e7;color:#215c3e}.team-layout .pill[data-status=pending]{background:#fff1ce;color:#795313}.team-layout .pill[data-status=rejected]{background:#f8e3e3;color:#913c43}
html.sab-dark .team-layout .pill[data-status=approved]{background:#363636!important;color:#e2e2e2!important;border-color:#8c8c8c!important}html.sab-dark .team-layout .pill[data-status=pending]{background:#3c3c3c!important;color:#e1e1e1!important;border-color:#898989!important}html.sab-dark .team-layout .pill[data-status=rejected]{background:#323232!important;color:#d0d0d0!important;border-color:#777777!important}
.team-layout .welcome .eyebrow{color:#ead5dc!important}

/* Server operations: compact read-only telemetry. */
.server-list,.server-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.server-choice{text-align:start;padding:12px;border:1px solid var(--line,#ddd);background:transparent;display:grid;gap:5px;border-radius:6px}.server-choice.selected{border-color:#603541}.server-choice span,.server-choice small{font-size:12px}.server-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0}.server-toolbar label{display:flex;gap:10px;align-items:center;font-size:12px}.server-toolbar select{width:130px;min-height:30px}.server-toolbar>span{font-size:12px}.server-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.server-metrics article{display:grid;gap:5px;border-bottom:1px solid #ddd;padding:10px 0}.server-metrics span,.server-metrics small{font-size:12px}.server-metrics strong{font-size:23px}.server-chart{min-width:0}.server-chart h3{font-size:13px}.server-chart small{font-weight:400}.server-chart svg{width:100%;height:auto;overflow:visible}.server-chart text{font-size:10px;fill:#777}.server-grid{stroke:#ddd;fill:none;stroke-width:1}.server-line{stroke:#603541;fill:none;stroke-width:2}.server-test{font-size:12px;padding:8px;background:#f7ebd7}@media(max-width:700px){.server-list,.server-charts{grid-template-columns:1fr}.server-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.server-choice.selected small{color:inherit;opacity:.85}