/* Navy and gold workspace — functional colors for actions. */
:root{--line:#dee5ed;--muted:#53677d;--shadow:0 8px 24px #142d450b}
body{background:#eef2f7;color:#24394f}
header{background:#fff;border-bottom:3px solid #c8a35d;box-shadow:0 5px 24px #142d4510}
nav{background:linear-gradient(160deg,#193b59,#10283e);border-color:#294960;box-shadow:0 12px 30px #10283e26}
nav button.active{background:#d4af6630;color:#ffe3a4;border-color:#c8a35d66;border-inline-start-color:#e3bb6d}
nav button.active:hover:not(:disabled){background:#d4af6640;color:#ffe3a4}
nav button.active svg{color:#e3bb6d}
button{border-radius:12px;box-shadow:0 2px 5px #142d4508;transition:background .18s,box-shadow .18s,transform .18s;border-color:#cdd7e2;color:#29445f}
button:hover:not(:disabled){box-shadow:0 5px 12px #142d4518}
button.primary{background:linear-gradient(125deg,#244c6c,#142d45);border-color:#244c6c;color:white}
button[data-action-tone]{background:var(--action-bg);color:var(--action-fg);border-color:var(--action-border);box-shadow:0 3px 9px #142d4512}
button[data-action-tone]:hover:not(:disabled){background:var(--action-hover);color:var(--action-fg);border-color:var(--action-border);filter:none}
button[data-action-tone=success]{--action-bg:#14745c;--action-fg:#fff;--action-border:#14745c;--action-hover:#0d5c49}
button[data-action-tone=gold]{--action-bg:#f5e4ba;--action-fg:#624515;--action-border:#d4b16c;--action-hover:#eed7a1}
button[data-action-tone=info]{--action-bg:#e4effb;--action-fg:#214f80;--action-border:#afc8e3;--action-hover:#d3e4f6}
button[data-action-tone=danger]{--action-bg:#fff0f0;--action-fg:#a32938;--action-border:#e5b0b6;--action-hover:#f9dedf}
button:disabled{opacity:.48;box-shadow:none;transform:none}
.panel{border:1px solid #dfe6ee;box-shadow:var(--shadow);border-radius:20px}
.section-head{border-bottom:1px solid #e1e8f0;padding-bottom:16px}
.section-head h2{border-inline-start:4px solid #c19a52;padding-inline-start:12px;color:#173851}
.dashboard-hero{background:linear-gradient(125deg,#173851,#244c6c);border-color:#244c6c;box-shadow:0 10px 28px #142d451c}
.dashboard-hero h1{color:#fff}.dashboard-hero p:not(.eyebrow){color:#e0e8ef}.dashboard-hero .eyebrow{color:#f3d394}
.hero-status{background:#ffffff12;border-color:#ffffff30;color:white}.hero-status small{color:#d8e2ec}
.stat-card{border-top:0;border-inline-start:4px solid #ba934d;background:#fff;box-shadow:var(--shadow);position:relative}
.stat-card:nth-child(2){border-inline-start-color:#25826f;background:#f5fbf9}.stat-card:nth-child(3){border-inline-start-color:#3c72a6;background:#f5f9fd}.stat-card:nth-child(4){border-inline-start-color:#8b69a5;background:#faf7fc}
.stat-card>span,.stat-card small{color:#53677d}.stat-card strong{font-size:40px;color:#173851}
input,select,textarea{background:#f8fafc;border-color:#cfd9e4;border-radius:12px;color:#24394f}
input:focus,select:focus,textarea:focus{border-color:#b58b43;box-shadow:0 0 0 3px #b58b4320;background:#fff}
label{color:#344d65}fieldset{background:#fbfcfe;border-color:#dce5ee}legend{color:#264b68}
.admin-tabs,.profile-sections{background:#edf2f7;border:1px solid #dce5ee;padding:8px;border-radius:15px;gap:8px}
.admin-tabs button,.profile-sections button{background:#fff}.admin-tabs button.active,.profile-sections button.active{background:#173851;color:#ffe3a4;border-color:#173851}
.quote-item,.member-card,.employee-directory-grid article,.geography-card,.member-details{border-color:#dce5ee;background:#fff;box-shadow:0 3px 14px #142d4506}
.employee-directory-grid article{border-top:3px solid #bd9855}.employee-open{background:#edf3f8;color:#173851}
.geo-regions,.geo-city-panel{background:#f7f9fc}.geo-region-choice.active{background:#173851;color:#ffe3a4}
.history-item{background:#f6f8fb;border-inline-start-color:#c29a53}.history-meta,.muted{color:#586b80}
.pill{border:1px solid transparent;font-weight:700}.pill.pending{background:#fff0cd;color:#7b5314;border-color:#efd29a}.pill.approved{background:#def3e9;color:#135e48;border-color:#b3decf}.pill.rejected{background:#fde7e8;color:#922d3a;border-color:#efbdc4}
table{border-collapse:collapse;width:100%}thead{background:#edf3f8;color:#173851}th,td{padding:12px;border-bottom:1px solid #dfe7ef}tbody tr:nth-child(even){background:#f8fafc}
#customerList button{background:#f8fafc}#customerList button.active{background:#e8f0f7;border-color:#aac0d5;color:#173851}
#qTotal{background:#f8edcf;color:#674717;border:1px solid #e1c48a;font-weight:700}
.chat-message.mine{background:#e8f3ee;border-color:#a9cdbd}.chat-messages{background:#edf2f7}
#authPanel{border-top:4px solid #bd9855}.auth-badge{background:#173851;color:#f3d394}
@media(max-width:760px){.panel{border-radius:16px}.dashboard-hero{padding:22px 18px}.stat-card strong{font-size:32px}.section-head h2{padding-inline-start:9px}.actions button{flex:1 0 auto}.admin-tabs,.profile-sections{padding:6px}button{min-height:46px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.employee-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.employee-card-actions button{flex:1;font-size:16px}.employee-data-editor{background:#f5f8fc;border:1px solid #dce5ee;border-radius:15px;padding:20px;margin:20px 0}

#workspaceTabs{grid-column:2;display:flex;gap:8px;overflow-x:auto;padding:5px 0 12px;min-width:0}.workspace-tab{display:flex;align-items:center;background:#fff;border:1px solid #d4deea;border-radius:12px;flex-shrink:0}.workspace-tab.active{background:#173851;border-color:#173851}.workspace-tab button{background:transparent;border:0;box-shadow:none;white-space:nowrap;font-size:16px}.workspace-tab.active button{color:#ffe3a4}.workspace-tab button:last-child{padding:8px 12px;font-size:24px}nav [data-tab=permissionsPanel]{display:none!important}#employeeAccess{padding:20px;border:1px solid #dce5ee;background:#f6f8fb;border-radius:16px;margin-top:25px}#employeeAccess>summary{font-size:22px;font-weight:700;color:#173851;cursor:pointer}#employeeAccess #adminAccess{padding-top:20px}@media(max-width:760px){#workspaceTabs{margin-bottom:12px}.workspace-tab button{font-size:15px}}

#workspace>nav{grid-row:1;grid-column:1}.workspace-main{grid-column:2;min-width:0;display:flex;flex-direction:column;gap:20px}.workspace-main>*{min-width:0}#workspaceTabs{padding-bottom:0}@media(max-width:760px){.workspace-main{gap:16px}.workspace-main>.dashboard-hero,.workspace-main>.stats-grid{margin-bottom:0}}

nav [data-tab=managementPanel],nav [data-tab=engagementPanel]{display:none!important}.nav-group-title{font-size:14px;color:#e5bf77;padding:12px 12px 0;margin:8px 0 0;border-top:1px solid #ffffff20}.dashboard-related{padding:18px 20px;background:#f6f8fb;border:1px solid #dce5ee;border-radius:16px;margin:18px 0}.dashboard-related>summary{font-size:21px;font-weight:700;color:#173851;cursor:pointer}.dashboard-related[open]>summary{margin-bottom:18px}.dashboard-related form{margin-top:16px}.dashboard-related fieldset{margin:0 0 16px}.brand-avatar{width:102px;height:102px}.company-large-logo,.logo-preview{width:155px;height:155px}#teamList .team-item p{white-space:pre-wrap;color:#344d65;font-size:16px;line-height:1.9}@media(max-width:760px){.nav-group-title{grid-column:1/-1;padding:8px 4px;font-size:15px}.brand-avatar{width:86px;height:86px}.company-large-logo,.logo-preview{width:112px;height:112px}.dashboard-related{padding:16px}.dashboard-related>summary{font-size:19px}}

.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.home-card{border-top:4px solid #bb913d}.home-total{display:block;font-size:48px;color:#143352}.home-card p{padding:10px;border-radius:8px;background:#f7f3e9}.customer-filters{display:none}
.workspace-main:has(#homePanel:not([hidden]))>.stats-grid{display:none}