/* Only the workspace identity, appearance control and optional Pink palette. */
.workspace-view {
  --desk-brand-start:#22d3ee;
  --desk-brand-end:#0ea5e9;
  --desk-picker-bg:#182b3d;
  --desk-picker-text:#c2d4e5;
  --desk-picker-border:#30485b;
  --desk-picker-active:#10c4e6;
  --desk-picker-active-text:#082739;
}
.workspace-view .brand-lockup.workspace-brand {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  padding:6px 0 10px;
  background:transparent;
  text-align:center;
  direction:ltr;
}
.workspace-brand .workspace-emblem {display:block;width:120px;max-width:100%;height:53px;flex:none;}
.workspace-brand .workspace-wordmark {font-family:'VC Login Jakarta',sans-serif;font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.04em;color:#f1f9ff;}
.workspace-brand .workspace-tagline {font-family:'VC Login Jakarta',sans-serif;font-size:7.5px;font-weight:600;line-height:1.6;letter-spacing:.14em;color:#b7d4e4;margin-top:5px;white-space:nowrap;}
.workspace-view #workspaceAppearancePicker {
  display:inline-flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:2px;
  padding:3px;
  margin:0;
  min-height:34px;
  box-sizing:border-box;
  border:1px solid var(--desk-picker-border);
  border-radius:999px;
  background:var(--desk-picker-bg);
  direction:ltr;
}
.workspace-view #workspaceAppearancePicker[hidden] {display:none;}
.workspace-view #workspaceAppearancePicker button {
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  min-width:57px;min-height:28px;padding:5px 9px;border:0;border-radius:999px;
  font-family:'VC Login Jakarta',sans-serif;font-size:11px;font-weight:500;line-height:1.3;
  color:var(--desk-picker-text);background:transparent;box-shadow:none;white-space:nowrap;cursor:pointer;
}
.workspace-view #workspaceAppearancePicker button[aria-pressed="true"] {background:var(--desk-picker-active);color:var(--desk-picker-active-text);}
.workspace-view #workspaceAppearancePicker button:hover {filter:brightness(1.12);}
.workspace-view #workspaceAppearancePicker button:focus-visible {outline:2px solid var(--desk-brand-end);outline-offset:3px;}
.workspace-view #workspaceAppearancePicker .appearance-symbol {font-size:12px;line-height:1;}
html.workspace-appearance-ready .workspace-view #displayThemeToggle {display:none;}
.workspace-view .operator-shell .topbar {flex-wrap:wrap;}

html[data-workspace-appearance="light"] .workspace-view {
  --desk-picker-bg:#eff6fb;--desk-picker-text:#375367;--desk-picker-border:#d5e4ee;
  --desk-picker-active:#096b9b;--desk-picker-active-text:#fff;
}

html[data-workspace-appearance="pink"] .workspace-view {
  --desk-brand-start:#be185d;--desk-brand-end:#db2777;
  --desk-picker-bg:#fce8f0;--desk-picker-text:#763453;--desk-picker-border:#ecc2d3;
  --desk-picker-active:#be185d;--desk-picker-active-text:#fff;
  --ink:#432138;--muted:#805b70;--panel:#fffafb;--line:#efd2df;
  background:#fff1f6;color:#432138;
}
html[data-workspace-appearance="pink"] .workspace-view .workspace-main {background:transparent;}
html[data-workspace-appearance="pink"] .workspace-view .command-rail {background:#4b1835;color:#ffedf5;}
html[data-workspace-appearance="pink"] .workspace-view .workspace-brand {--desk-brand-start:#f9a8d4;--desk-brand-end:#f472b6;}
html[data-workspace-appearance="pink"] .workspace-view .workspace-wordmark {color:#fff5f9;}
html[data-workspace-appearance="pink"] .workspace-view .workspace-tagline {color:#f5c4dc;}
html[data-workspace-appearance="pink"] .workspace-view .rail-nav .active {background:#713052;color:#fff6fa;}
html[data-workspace-appearance="pink"] .workspace-view .engine-card {background:#38112b;border-color:#713052;}
html[data-workspace-appearance="pink"] .workspace-view :is(.topbar,.phone-shell,.history-panel,.history-card) {background:#fffafb;color:#432138;border-color:#efd2df;box-shadow:0 8px 24px rgba(100,30,65,.06);}
html[data-workspace-appearance="pink"] .workspace-view :is(.topbar h2,.phone-header,.phone-agent-identity,.phone-call-timer,.history-number) {color:#432138;}
html[data-workspace-appearance="pink"] .workspace-view :is(.topbar p,.team-line-slots h3,.call-meta,.assigned-meta,.autodial-outcome,.lead-result-message,#autodialState,#employeeExportStatus) {color:#805b70;}
html[data-workspace-appearance="pink"] .workspace-view :is(.history-view,.history-tabs,.history-filters,.assigned-meta) {background:transparent;}
html[data-workspace-appearance="pink"] .workspace-view :is(input:not([type="checkbox"]),select,textarea,.ghost,.filter,.history-tab,.call-filter,.call-search,.call-item,.history-item,.chat-contact,.chat-message,.chat-compose,.assigned-number) {background:#fff5f9;color:#572b45;border-color:#e9c7d7;}
html[data-workspace-appearance="pink"] .workspace-view :is(input,textarea)::placeholder {color:#886479;opacity:1;}
html[data-workspace-appearance="pink"] .workspace-view :is(.history-tab.active,.call-filter.active,.filter.active) {background:#f9d8e7;color:#8c194f;border-color:#e6a2c0;}
html[data-workspace-appearance="pink"] .workspace-view .phone-shell :is(.number-display,.dialpad button) {background:#fff5f9;color:#572b45;border-color:#e9c7d7;}
html[data-workspace-appearance="pink"] .workspace-view .phone-shell .dialpad button:hover:not(:disabled) {background:#fce4ef;}
html[data-workspace-appearance="pink"] .workspace-view .phone-shell .dialpad button small {color:#886479;}
html[data-workspace-appearance="pink"] .workspace-view .phone-shell .call-actions {border-color:#efd2df;}
html[data-workspace-appearance="pink"] .workspace-view .phone-shell .call-actions :is(#mute,#agentTransfer,#clearNumber) {background:#fcebf3;color:#71435d;border-color:#e9c7d7;}
html[data-workspace-appearance="pink"] .workspace-view #clearDialNumber {color:#98677f;background:transparent;}
html[data-workspace-appearance="pink"] .workspace-view #disconnect {background:#fce4ed;color:#a3204e;border-color:#f2c4d6;}
html[data-workspace-appearance="pink"] .workspace-view :is(.assigned-lead,.assigned-lead.completed,.assigned-lead.active) {background:#fffafb;color:#432138;border-color:#e9c7d7;}
html[data-workspace-appearance="pink"] .workspace-view .assigned-lead.completed {border-color:#81c9ae;}
html[data-workspace-appearance="pink"] .workspace-view .assigned-lead.is-active-call {border-color:#e8b75f;}
html[data-workspace-appearance="pink"] .workspace-view .assigned-lead > div[dir="rtl"] {color:#805b70 !important;}
html[data-workspace-appearance="pink"] .workspace-view #assignedView [data-autodial-start] {background:#fce7f0 !important;color:#8b2452 !important;border-color:#e8b3cc !important;}
html[data-workspace-appearance="pink"] .workspace-view #assignedView .lead-result-save {background:#a51b58;color:#fff;border-color:#a51b58;}
html[data-workspace-appearance="pink"] .workspace-view :is(.lead-result-message.success,.assigned-number b) {color:#087458;}
html[data-workspace-appearance="pink"] .workspace-view .lead-result-message.error {color:#a21b3e;}
html[data-workspace-appearance="pink"] .workspace-view #employeeExport {background:#f5d6e5;color:#85224f;border:1px solid #e6b7cd;}
html[data-workspace-appearance="pink"] .workspace-view #employeeExport:hover:not(:disabled) {background:#efc2d8;}
/* Keep free/busy, call/hangup and autodial action colors meaningful. */
html[data-workspace-appearance="pink"] .workspace-view .agent-work-state select {background:transparent;color:inherit;border-color:transparent;}
html[data-workspace-appearance="pink"] .workspace-view .agent-work-state option {background:#fffafb;color:#432138;}