/* Temporary presets, loaded only by vendor-portal.html. Current has no token overrides. */
.vp-appearance-settings{padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid var(--hairline)}
.vp-appearance-settings h3{margin:0 0 8px}
.vp-appearance-settings p{margin:0 0 16px;color:var(--ink-2);font-size:14px}
.vp-appearance{display:grid;gap:8px;width:240px;max-width:100%;font-size:14px;line-height:1.4;color:var(--ink-2)}
.vp-appearance>span{font-weight:600}
.vp-appearance .glass-select-wrap{width:100%;min-width:0;min-height:44px;padding:10px 14px;border-radius:12px;background:var(--field-bg);color:var(--ink);font-size:14px;line-height:22px;box-sizing:border-box}
.vp-appearance .glass-select-wrap select{width:100%;color:var(--ink);background:var(--field-bg);font:inherit;border:0}
.vp-appearance .glass-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vp-appearance .glass-select-wrap:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:700px){.vp-appearance{width:100%}.vp-appearance .glass-select-wrap{font-size:16px}}

html[data-vendor-appearance]{
 --accent:var(--blue);--color-accent:var(--blue);--color-primary:var(--blue);
 --color-text:var(--ink);--color-text-primary:var(--ink);--color-text-secondary:var(--ink-2);
 --color-bg:var(--bg);--color-bg-card:var(--glass);--color-surface:var(--glass);--color-border:var(--hairline);
 --vp-primary-fill:linear-gradient(180deg,var(--vp-action-top),var(--vp-action-bottom));--vp-primary-edge:var(--vp-action-bottom);
 --vp-success-bg:#e0f2e9;--vp-success-ink:#176341;--vp-success-edge:#67a88b;
 --vp-warning-bg:#fff1d6;--vp-warning-ink:#80510b;--vp-warning-edge:#c49c4b;
 --vp-error-bg:#fff0f0;--vp-error-ink:#982536;--vp-error-edge:#ce8790;
 --scrim:rgba(12,25,43,.38);
 color-scheme:light;
}
html[data-vendor-appearance="glacier"]{
 --bg:#e9f1f8;--ink:#172b42;--ink-2:#4b6177;--ink-3:#60778c;--blue:#265da7;
 --glass:rgba(245,251,255,.72);--glass-edge:rgba(255,255,255,.92);--inset:rgba(255,255,255,.8);--hairline:#91abc64a;
 --pop:rgba(245,251,255,.97);--pop-solid:#f1f7fd;--pop-edge:#c5d8ed;--field-bg:rgba(255,255,255,.8);
 --btn-bg:rgba(255,255,255,.68);--btn-bg-h:#fff;--row-h:#2563a914;--opt-soft:#2b6cbb16;--focus-ring:#2867b833;
 --seg-bg:#ffffff66;--seg-on:#fff;--seg-on-ink:var(--ink);--shadow:0 12px 36px #325f8a16,0 2px 8px #254e7510;
 --pop-shadow:0 20px 60px #1236582b;--vp-action-top:#3774bd;--vp-action-bottom:#245b9d;
 --vp-backdrop:radial-gradient(ellipse at 0% 0%,#bbd9f3 0,transparent 60%),radial-gradient(ellipse at 100% 35%,#d2e9ed 0,transparent 55%),linear-gradient(145deg,#edf4fa,#dae6f1);
}
html[data-vendor-appearance="pearl"]{
 --bg:#f1eee8;--ink:#302d2b;--ink-2:#686059;--ink-3:#756b62;--blue:#756044;
 --glass:rgba(255,253,248,.76);--glass-edge:rgba(255,255,255,.95);--inset:#ffffffcc;--hairline:#83746140;
 --pop:rgba(255,253,248,.98);--pop-solid:#faf7f0;--pop-edge:#ded3c3;--field-bg:rgba(255,255,255,.82);
 --btn-bg:#ffffffa8;--btn-bg-h:#fff;--row-h:#85725612;--opt-soft:#90754619;--focus-ring:#8d734437;
 --seg-bg:#ffffff66;--seg-on:#fffdf7;--seg-on-ink:var(--ink);--shadow:0 12px 36px #67583e17,0 2px 8px #67583e0d;
 --pop-shadow:0 20px 60px #463b292b;--vp-action-top:#85704e;--vp-action-bottom:#695439;
 --vp-backdrop:radial-gradient(ellipse at 8% 0%,#f5e2c9 0,transparent 58%),radial-gradient(ellipse at 95% 42%,#dbe5db 0,transparent 56%),linear-gradient(135deg,#f4f0e8,#e4e3dd);
}
html[data-vendor-appearance="midnight"],html[data-vendor-appearance="teal"]{
 color-scheme:dark;--inset:#ffffff12;--glass-edge:#bcd1eb26;--hairline:#b8cce92b;
 --shadow:0 14px 44px #02081342,0 2px 8px #02081324;--pop-shadow:0 22px 60px #0008;
 --btn-bg:#ffffff0c;--btn-bg-h:#ffffff18;--row-h:#ffffff0a;--seg-bg:#ffffff09;--seg-on:#ffffff18;--seg-on-ink:var(--ink);
 --vp-success-bg:#193d32;--vp-success-ink:#a6ebc8;--vp-success-edge:#45866c;
 --vp-warning-bg:#403522;--vp-warning-ink:#f7d692;--vp-warning-edge:#8f7747;
 --vp-error-bg:#482c37;--vp-error-ink:#ffc0ca;--vp-error-edge:#a56676;--scrim:#02070db3;
}
html[data-vendor-appearance="midnight"]{
 --bg:#101b30;--ink:#eef4ff;--ink-2:#b2c2d9;--ink-3:#9aacc7;--blue:#a7c8ff;
 --glass:rgba(24,40,66,.78);--pop:rgba(27,44,70,.98);--pop-solid:#1b2c46;--pop-edge:#5c789859;--field-bg:rgba(12,25,46,.68);
 --opt-soft:#80afff20;--focus-ring:#9bbfff55;--vp-action-top:#4274bc;--vp-action-bottom:#315b98;
 --vp-backdrop:radial-gradient(ellipse at 5% 0%,#284b78 0,transparent 58%),radial-gradient(ellipse at 100% 40%,#303252 0,transparent 55%),linear-gradient(135deg,#121f36,#10192b);
}
html[data-vendor-appearance="teal"]{
 --bg:#132628;--ink:#edf7f3;--ink-2:#b0c9c6;--ink-3:#9cb5b4;--blue:#8cddd1;
 --glass:rgba(27,53,56,.8);--pop:rgba(30,58,61,.98);--pop-solid:#1e3a3d;--pop-edge:#739e9c4d;--field-bg:rgba(12,35,38,.7);
 --opt-soft:#84daca1c;--focus-ring:#8cddd144;--vp-action-top:#297d76;--vp-action-bottom:#1b625e;
 --vp-backdrop:radial-gradient(ellipse at 0% 0%,#315357 0,transparent 60%),radial-gradient(ellipse at 100% 40%,#254e48 0,transparent 56%),linear-gradient(135deg,#1c3038,#112626);
}
/* app.css pins the default light canvas with !important; only an active preview supersedes it. */
html[data-vendor-appearance] body.vp-public{background:var(--bg)!important}
html[data-vendor-appearance] body.vp-public::before{background:var(--vp-backdrop)!important;opacity:1!important}
html[data-vendor-appearance] .vp-header .vp-brand-title{color:var(--ink)}
html[data-vendor-appearance] .vp-shell .vp-metric{background:var(--glass);border-color:var(--glass-edge);box-shadow:var(--shadow)}
html[data-vendor-appearance] .vp-tab-count{background:var(--opt-soft)}
html[data-vendor-appearance] .vp-bank-dialog{border-color:var(--pop-edge);box-shadow:var(--pop-shadow)}
html[data-vendor-appearance] .vp-bank-dialog::backdrop{background:var(--scrim)}
html[data-vendor-appearance] .vp-bank-missing{background:var(--vp-warning-bg);color:var(--vp-warning-ink);border-color:var(--vp-warning-edge)}
html[data-vendor-appearance] .vp-bank-dialog .vp-error{background:var(--vp-error-bg);color:var(--vp-error-ink);border:1px solid var(--vp-error-edge);border-radius:12px;padding:12px 16px}
html[data-vendor-appearance] :is(.vp-preview,.vp-date-panel,.glass-select-panel){background:var(--pop);color:var(--ink);border-color:var(--pop-edge);box-shadow:var(--pop-shadow)}
html[data-vendor-appearance] .vp-preview::backdrop{background:var(--scrim)}
html[data-vendor-appearance] .glass-option:is(.gs-kb,[aria-selected="true"]){background:var(--opt-soft)}
html[data-vendor-appearance] :is(.vp-notification-summary,.vp-unread-count,.vp-notification-icon){color:var(--blue)}
html[data-vendor-appearance] :is(.vp-unread-count,.vp-notification-icon){background:var(--opt-soft);border-color:var(--glass-edge)}
html[data-vendor-appearance] .vp-notification-heading small{color:var(--ink-2)}
html[data-vendor-appearance] .vp-active-job{border-color:var(--hairline)}
html[data-vendor-appearance] .vp-job-progress li{color:var(--ink-2);border-color:var(--hairline)}
html[data-vendor-appearance] .vp-job-progress li.reached{color:var(--blue);border-color:var(--blue)}
html[data-vendor-appearance] :is(.vp-turn-review,.vp-availability-exceptions){background:var(--vp-warning-bg);color:var(--vp-warning-ink);border-color:var(--vp-warning-edge)}
html[data-vendor-appearance] :is(.vp-rate-pending,.vp-revision-state){color:var(--vp-warning-ink)}
html[data-vendor-appearance] .vp-shell button.secondary.vp-document-tile.vp-document-approved{background:var(--vp-success-bg);color:var(--vp-success-ink);border-color:var(--vp-success-edge)}
html[data-vendor-appearance] .vp-shell button.secondary.vp-document-tile.vp-document-revision{background:var(--vp-warning-bg);color:var(--vp-warning-ink);border-color:var(--vp-warning-edge)}
html[data-vendor-appearance] :is(.vp-success,.vp-turn-approved){background:var(--vp-success-bg)!important;color:var(--vp-success-ink)!important}
html[data-vendor-appearance] :is(#notice.vp-error,.vp-upload-status.vp-error,.vp-preview .vp-error){background:var(--vp-error-bg);color:var(--vp-error-ink);border-color:var(--vp-error-edge)}
html[data-vendor-appearance] .vp-shell .vp-step-tabs button.active span{background:var(--vp-action-bottom);border-color:var(--vp-action-bottom)}
html[data-vendor-appearance] :is(.vp-rate-dialog form>button,.vp-approval-dialog [data-approval-confirm]){background:var(--vp-primary-fill);border-color:var(--vp-primary-edge);color:white}