/* Palette inherited from Sale 3000 / public/ui-system.css. */
:root{--orange:#f47920;--orange-brand:#f47920;--orange-soft:#fff1e5;--brand-ink:#531d19;--maroon:#642d26;--maroon-deep:#49221e;--brown:#43231f;--ink:#422e28;--cream:#f5f1eb;--paper:#fffdfa;--muted:#7c6b60;--line:#e8ded3;--green:#31745f;--mint:#edf5f0;--red:#b6473b;--soft:#fff1e5;--orange2:#f47920}
.vx-icon{width:20px;height:20px;display:block;flex:none;vertical-align:middle}

body{background:var(--cream);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif}
.portal-shell .side{background:linear-gradient(180deg,#4a2621,#3e211e)}
.side nav button{color:#e4d1c5;font-weight:700}
.side nav button.active{background:var(--orange-brand);color:var(--brand-ink);box-shadow:inset 3px 0 #ffc38b}
.side nav .subnav-item{font-size:12px;gap:11px;min-height:43px;padding:10px 12px}
.subnav-item .subnav-mark{display:flex;align-items:center;justify-content:center;width:20px;color:inherit}
.subnav-item.active .subnav-mark{color:inherit}
.space-symbol{display:flex;align-items:center;justify-content:center;color:inherit}
.space-symbol .vx-icon{width:23px;height:23px}
.space-lock .vx-icon{width:13px;height:13px}
.workspace-symbol{color:var(--orange-brand)}.workspace-symbol .vx-icon{width:36px;height:36px}
.space-option.active small{color:var(--brand-ink)}
.subnav-scope,.subnav-owner select{background:#ffffff08;color:#e4d1c5;border-color:#ffffff26}
.subnav-owner option{background:#43231f}.subnav-owner{color:#cbb6a8}
.subnav-item i{background:var(--red)}
.brand span,.side-bottom small{color:#d6bfb2}.nav-group{color:#c2a491}
.user-avatar{background:#70463b}.edition{color:#e4d1c5}
h1,h2,h3{color:var(--maroon-deep);font-weight:800}
.eyebrow{color:var(--orange-brand)}
button{font-weight:700}.primary,.primary:hover{background:var(--orange-brand);border-color:var(--orange-brand);color:var(--brand-ink)}
button:hover{background:var(--orange-soft)}.side nav button:not(.active):hover{background:#ffffff0b;color:#fff}
:is(.preview-tag,.tag.orange){color:var(--brand-ink);background:var(--orange-soft);border-color:#f4792040}
:is(.engine-toolbar,.intro){background:#fff8f0;color:var(--muted);border-color:var(--line)}
:is(.workspace-card,.panel,.metric,.account-card){background:var(--paper);border-color:var(--line);box-shadow:0 3px 16px #4a291a06}
:is(.workspace-card strong,.account-card strong,.source-note b){color:var(--brand-ink)}
:is(input,select){border-color:var(--line);color:var(--ink)}
:is(button,a,input,select):focus-visible{outline-color:#f4792080}
.top{background:var(--paper)}.isolation-strip{background:var(--mint);border-color:var(--line)}
.tag.green{background:var(--mint);color:var(--green)}.tag.red{background:#fcedea;color:var(--red)}
th{background:#f4eee6;color:var(--brand-ink);font-weight:800}
.login{background:var(--cream)}
#access-warning .warning-icon{background:var(--orange-soft);color:var(--orange-brand)}
#drive-storage-dialog{width:min(760px,94vw);max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--paper);color:var(--ink)}
#drive-storage-dialog::backdrop{background:#2d211855}.drive-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.drive-heading h2{font-size:20px}.drive-state{padding:12px 14px;border-radius:8px;margin:12px 0;background:var(--orange-soft);color:var(--brand-ink);font-weight:700}.drive-state.ready{background:var(--mint);color:var(--green)}#drive-storage-dialog p{margin:12px 0}.drive-help{font-size:12px;color:var(--muted);line-height:1.6}.drive-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.drive-actions button:disabled{opacity:.5;cursor:not-allowed}#drive-storage-message{color:var(--brand-ink);font-size:13px;font-weight:700}#drive-storage-dialog td{font-variant-numeric:tabular-nums}
@media(max-width:700px){.side nav .subnav-item{font-size:11px;gap:8px;padding:9px 7px}.subnav-item .vx-icon{width:18px;height:18px}}
.drive-secret-form{display:grid;gap:9px;padding:15px;background:var(--orange-soft);border:1px solid var(--line);border-radius:9px;margin-top:16px}.drive-secret-form label{font-weight:700}.drive-secret-form input{width:100%;min-width:0}.drive-secret-form small{color:var(--muted)}
/* Shared workspace heading stays above both inherited scrollable screens. */
.portal-shell .top{position:sticky;top:0;z-index:20;flex:0 0 auto;min-height:60px;padding:8px 24px;gap:12px;background:var(--paper);box-shadow:0 2px 8px #43231f06}
.portal-shell .top h1{font-size:23px;line-height:1.2}
.portal-shell .top .eyebrow{font-size:9px;line-height:1.3;letter-spacing:1.3px;margin-bottom:3px}
.portal-shell .top-actions{gap:10px;flex-shrink:0}
.portal-shell .top-actions .quiet{padding:6px 11px;line-height:1.4;min-height:32px}
.portal-shell .top .preview-tag{padding:5px 9px;line-height:1.4}
.portal-shell .top input{margin-top:1px;padding:5px 8px}
@media(max-width:900px){.portal-shell .top{padding:8px 16px}.portal-shell .top h1{font-size:21px}.portal-shell .top-actions{gap:6px}}
@media(max-width:600px){.portal-shell .top{flex-wrap:wrap;gap:7px}.portal-shell .top h1{font-size:19px}.portal-shell .top-actions{flex-wrap:wrap;flex-shrink:1}.portal-shell .top-actions .quiet{font-size:10px;padding:5px 8px}}

.portal-shell #page-title{text-transform:uppercase}

.login form.password-login{margin:clamp(16px,6vh,60px) auto}.password-login #login-error{color:var(--red);font-weight:700}

/* Visible feedback for the selected salesperson/month manual sync. */
.portal-shell .top-actions .sync-data{background:#ff7a16;border-color:#ff7a16;color:#392a24;font-weight:800;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.sync-data::before{content:"↻";font-size:18px;line-height:1}.sync-data[hidden]{display:none!important}.sync-data:disabled{opacity:.6;cursor:wait}.sync-data[aria-busy="true"]::before{animation:vx-sync-spin 1s linear infinite}
.sync-notice{position:fixed;z-index:100;top:76px;right:24px;max-width:min(560px,calc(100vw - 36px));display:flex;align-items:flex-start;gap:16px;padding:14px 16px;background:#fff8ef;border:1px solid #ffb877;border-left:4px solid #ff7a16;border-radius:10px;box-shadow:0 8px 26px #45251d18;font:600 14px/1.5 'Segoe UI',Arial,sans-serif;color:#45251d}.sync-notice[hidden]{display:none}.sync-notice[data-kind="success"]{background:#eef8f3;border-color:#a7d5be;border-left-color:#287766}.sync-notice[data-kind="error"]{background:#fff2ef;border-color:#e9b8af;border-left-color:#c34d3d}.sync-notice button{border:0;background:transparent;font:24px/1 sans-serif;padding:0 2px;color:inherit;cursor:pointer;flex:0 0 auto}
@keyframes vx-sync-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sync-data[aria-busy="true"]::before{animation:none}}@media(max-width:1250px){.portal-shell .top{flex-wrap:wrap}.portal-shell .top-actions{flex-wrap:wrap;flex-shrink:1}.sync-notice{top:112px;right:16px}}