/* Crew Desk appearance is local to the admin surface. */
.crew-desk .crew-theme-switch {
  display: inline-flex;
  flex: 0 0 auto;
  gap: .2rem;
  padding: .25rem;
  border: 1px solid #40515b;
  border-radius: 6px;
  background: #111b21;
}

.crew-desk .crew-theme-switch button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-height: 36px;
  padding: .4rem .65rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: #acbec8;
  font: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}

.crew-desk .crew-theme-switch button:hover { color: #fff; background: #1b2c36; }
.crew-desk .crew-theme-switch button[aria-pressed="true"] { color: #fff; background: #234453; border-color: #427387; }
.crew-desk .crew-theme-switch button:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.crew-desk .crew-theme-switch svg { width: 15px; height: 15px; flex: 0 0 auto; }

html[data-crew-theme="light"] { color-scheme: light; }

html[data-crew-theme="light"] .crew-desk {
  --black: #f3f6fa;
  --surface: #fff;
  --white: #182b3a;
  --blue: #086e9c;
  --muted: #526677;
  --line: #cbd7e1;
  --crew-text: #182b3a;
  --crew-muted: #526677;
  --crew-border: #cbd7e1;
  --crew-input-border: #849aab;
  --crew-soft: #f4f7fa;
  --crew-hover: #eaf3f9;
  --crew-selected: #e2f0f9;
  color-scheme: light;
  background: var(--black);
  color: var(--crew-text);
}

/* Header and navigation. Keep the original logo on its white tile. */
html[data-crew-theme="light"] .crew-desk .admin-topbar { background: #ffffffed; border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .brand-mark { background: #fff; }
html[data-crew-theme="light"] .crew-desk .brand-name > span,
html[data-crew-theme="light"] .crew-desk .admin-live-dot { color: var(--crew-muted); }
html[data-crew-theme="light"] .crew-desk .admin-live-dot::before { background: var(--blue); box-shadow: 0 0 0 4px #086e9c16; }
html[data-crew-theme="light"] .crew-desk .crew-theme-switch { background: #edf2f7; border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .crew-theme-switch button { color: var(--crew-muted); }
html[data-crew-theme="light"] .crew-desk .crew-theme-switch button:hover { color: var(--crew-text); background: #e1eaf2; }
html[data-crew-theme="light"] .crew-desk .crew-theme-switch button[aria-pressed="true"] { color: #075b82; background: #fff; border-color: #9cb6c8; box-shadow: 0 1px 3px #182b3a12; }
html[data-crew-theme="light"] .crew-desk .crew-sidebar { background: #fff; border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .crew-sidebar-title,
html[data-crew-theme="light"] .crew-desk .crew-workspace-head { border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .crew-nav-group > p { color: var(--crew-muted); }
html[data-crew-theme="light"] .crew-desk .crew-nav button { color: #40596c; }
html[data-crew-theme="light"] .crew-desk .crew-nav button:hover { color: #153d57; background: var(--crew-hover); }
html[data-crew-theme="light"] .crew-desk .crew-nav button[aria-current="page"] { color: #075b82; background: var(--crew-selected); border-left-color: var(--blue); font-weight: 600; }
html[data-crew-theme="light"] .crew-desk .crew-nav-mark { border-color: #728b9d; }
html[data-crew-theme="light"] .crew-desk .crew-nav button[aria-current="page"] .crew-nav-mark { background: var(--blue); border-color: var(--blue); box-shadow: 0 0 0 3px #086e9c18; }
html[data-crew-theme="light"] .crew-desk .crew-nav b { color: #fff; }
html[data-crew-theme="light"] .crew-desk .crew-refresh { background: var(--crew-soft); color: #40596c; border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .crew-refresh:hover { background: var(--crew-hover); color: #075b82; }

/* Text, controls, and messages shared by all Crew Desk panels. */
html[data-crew-theme="light"] .crew-desk .admin-page-subtitle,
html[data-crew-theme="light"] .crew-desk .help-text,
html[data-crew-theme="light"] .crew-desk .admin-stat span,
html[data-crew-theme="light"] .crew-desk .admin-queue small,
html[data-crew-theme="light"] .crew-desk .admin-product-name small,
html[data-crew-theme="light"] .crew-desk .admin-product-stock,
html[data-crew-theme="light"] .crew-desk .legal-admin-document > summary small,
html[data-crew-theme="light"] .crew-desk .integration-footer,
html[data-crew-theme="light"] .crew-desk .integration-details dt,
html[data-crew-theme="light"] .crew-desk .build-answers dt { color: var(--crew-muted); }

html[data-crew-theme="light"] .crew-desk .commerce-form label,
html[data-crew-theme="light"] .crew-desk .field,
html[data-crew-theme="light"] .crew-desk .admin-image-fields label,
html[data-crew-theme="light"] .crew-desk .admin-product-editor label:not(.field),
html[data-crew-theme="light"] .crew-desk .admin-days label { color: #344e62; }

html[data-crew-theme="light"] .crew-desk input,
html[data-crew-theme="light"] .crew-desk select,
html[data-crew-theme="light"] .crew-desk textarea {
  color: var(--crew-text);
  background: #fff;
  border-color: var(--crew-input-border);
  accent-color: var(--blue);
}

html[data-crew-theme="light"] .crew-desk input::placeholder,
html[data-crew-theme="light"] .crew-desk textarea::placeholder { color: #63798b; opacity: 1; }
html[data-crew-theme="light"] .crew-desk input:disabled,
html[data-crew-theme="light"] .crew-desk select:disabled,
html[data-crew-theme="light"] .crew-desk textarea:disabled,
html[data-crew-theme="light"] .crew-desk input[readonly] { color: #526677; background: #eaf0f5; border-color: #b7c6d2; }
html[data-crew-theme="light"] .crew-desk input::file-selector-button { color: var(--crew-text); background: #edf2f7; border: 1px solid #849aab; border-radius: 2px; padding: .3rem .55rem; margin-right: .6rem; }
html[data-crew-theme="light"] .crew-desk :is(input, select, textarea, button, a, summary):focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
html[data-crew-theme="light"] .crew-desk .crew-search::before { color: var(--crew-muted); }
html[data-crew-theme="light"] .crew-desk .button-blue { color: #fff; background: var(--blue); }
html[data-crew-theme="light"] .crew-desk .button-blue:hover { background: #075a81; }
html[data-crew-theme="light"] .crew-desk .button-outline { color: #23465e; border-color: #849aab; background: transparent; }
html[data-crew-theme="light"] .crew-desk .button-outline:hover { color: #075b82; border-color: var(--blue); background: var(--crew-hover); }
html[data-crew-theme="light"] .crew-desk .link-button:hover,
html[data-crew-theme="light"] .crew-desk .text-link:hover { color: #075a81; }
html[data-crew-theme="light"] .crew-desk .notice { color: #244e68; background: #e6f2fa; border-left-color: var(--blue); }
html[data-crew-theme="light"] .crew-desk .notice strong { color: #163f5b; }
html[data-crew-theme="light"] .crew-desk .error-message { color: #982c23; background: #fff0ed; border-left-color: #bc483a; }
html[data-crew-theme="light"] .crew-desk .empty-state { color: var(--crew-muted); background: #f8fafc; border-color: #9bb0c0; }
html[data-crew-theme="light"] .crew-desk .status-tag { color: #195775; border-color: #a6c7d9; background: #e9f3fa; }
html[data-crew-theme="light"] .crew-desk .status-tag.is-connected { color: #16624d; border-color: #8fc7b3; background: #e8f6ee; }

/* Command center, requests, and policy editor. */
html[data-crew-theme="light"] .crew-desk .admin-stat,
html[data-crew-theme="light"] .crew-desk .admin-overview-card,
html[data-crew-theme="light"] .crew-desk .admin-record { color: var(--crew-text); background: #fff; border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .admin-stat-grid--command .admin-stat { border-top-color: var(--blue); }
html[data-crew-theme="light"] .crew-desk .admin-stat-grid--command .admin-stat:hover { background: var(--crew-hover); border-color: #83acc5; border-top-color: var(--blue); }
html[data-crew-theme="light"] .crew-desk .admin-stat-grid--command .admin-stat b { color: var(--crew-text); }
html[data-crew-theme="light"] .crew-desk .admin-record:hover { border-color: #9db6c8; }
html[data-crew-theme="light"] .crew-desk .admin-record summary { color: var(--crew-text); }
html[data-crew-theme="light"] .crew-desk .admin-record summary:hover { color: var(--blue); }
html[data-crew-theme="light"] .crew-desk .admin-editor,
html[data-crew-theme="light"] .crew-desk .admin-queue,
html[data-crew-theme="light"] .crew-desk .admin-queue button,
html[data-crew-theme="light"] .crew-desk .build-answers div,
html[data-crew-theme="light"] .crew-desk .legal-admin-toolbar { border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .admin-queue button { color: var(--crew-text); }
html[data-crew-theme="light"] .crew-desk .admin-queue button:hover { color: #075b82; background: var(--crew-hover); }
html[data-crew-theme="light"] .crew-desk .admin-calendar-snapshot { background: linear-gradient(145deg, #eaf5fc, #fff); }
html[data-crew-theme="light"] .crew-desk .admin-days { background: var(--crew-soft); border-color: var(--crew-border); }

/* Product catalog and connection settings. */
html[data-crew-theme="light"] .crew-desk .admin-product-row { background: #fff; border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .admin-product-row:hover,
html[data-crew-theme="light"] .crew-desk .admin-product-row.is-editing { background: var(--crew-hover); border-color: #6b9fbe; }
html[data-crew-theme="light"] .crew-desk .admin-product-name strong,
html[data-crew-theme="light"] .crew-desk .admin-product-price,
html[data-crew-theme="light"] .crew-desk .admin-product-editor-head h4,
html[data-crew-theme="light"] .crew-desk .integration-details dd { color: var(--crew-text); }
html[data-crew-theme="light"] .crew-desk .admin-product-thumb,
html[data-crew-theme="light"] .crew-desk .product-admin-preview { border-color: #b5c8d5; background: #edf2f6; }
html[data-crew-theme="light"] .crew-desk .admin-product-editor-row { border-color: #6b9fbe; background: #f5fafe; }
html[data-crew-theme="light"] .crew-desk .admin-product-editor-head,
html[data-crew-theme="light"] .crew-desk .integration-footer { border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .integration-icon { color: #075b82; background: #e0f0fa; }
html[data-crew-theme="light"] .crew-desk .integration-details div { background: var(--crew-soft); border-color: var(--crew-border); }

/* Calendars, weekly hours, date exceptions, and generated slots. */
html[data-crew-theme="light"] .crew-desk .scheduling-switch { border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .scheduling-switch button { color: #344e62; background: #fff; border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .scheduling-switch button:hover { color: #075b82; background: var(--crew-hover); border-color: #7da5bf; }
html[data-crew-theme="light"] .crew-desk .scheduling-switch button.is-active { color: #075b82; background: var(--crew-selected); border-color: #7ba7c3; border-bottom-color: var(--blue); }
html[data-crew-theme="light"] .crew-desk .scheduling-switch small,
html[data-crew-theme="light"] .crew-desk .scheduling-week legend small,
html[data-crew-theme="light"] .crew-desk .scheduling-week label > span { color: var(--crew-muted); }
html[data-crew-theme="light"] .crew-desk .scheduling-loading,
html[data-crew-theme="light"] .crew-desk .scheduling-settings { background: #fff; border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .scheduling-open-switch { background: #eef6fb; border-color: #a8c7da; }
html[data-crew-theme="light"] .crew-desk .scheduling-open-switch strong,
html[data-crew-theme="light"] .crew-desk .scheduling-week legend,
html[data-crew-theme="light"] .crew-desk .scheduling-overrides > div:first-child strong,
html[data-crew-theme="light"] .crew-desk .scheduling-slot time { color: var(--crew-text); }
html[data-crew-theme="light"] .crew-desk .scheduling-week,
html[data-crew-theme="light"] .crew-desk .scheduling-overrides { background: var(--crew-soft); border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .scheduling-override-list > label { color: #40596c; background: #fff; border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .scheduling-reset { background: #fff7f4; border-color: #dfb9ab; }
html[data-crew-theme="light"] .crew-desk .scheduling-reset strong { color: #713e2f; }
html[data-crew-theme="light"] .crew-desk .scheduling-reset-button { color: #893e2d; border-color: #b77865; }
html[data-crew-theme="light"] .crew-desk .scheduling-reset-button:hover { color: #71301f; border-color: #95503c; background: #ffece4; }
html[data-crew-theme="light"] .crew-desk .scheduling-slot-list { border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .scheduling-slot { color: var(--crew-muted); background: #fff; border-color: var(--crew-border); }
html[data-crew-theme="light"] .crew-desk .scheduling-slot:hover { background: var(--crew-hover); }

@media (max-width: 1050px) {
  .crew-desk .admin-topbar-actions { gap: 1rem; }
  .crew-desk .admin-live-dot { display: none; }
}

@media (max-width: 700px) {
  .crew-desk .admin-topbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .65rem 1rem; }
  .crew-desk .admin-topbar .brand { grid-column: 1; grid-row: 1; }
  .crew-desk .admin-topbar-actions { display: contents; }
  .crew-desk .admin-topbar-actions > .text-link { grid-column: 2; grid-row: 1; font-size: .875rem; white-space: nowrap; }
  .crew-desk .crew-theme-switch { grid-column: 1 / -1; grid-row: 2; justify-self: end; }
  html[data-crew-theme="light"] .crew-desk .crew-nav button { border-color: #b8cad7; }
  html[data-crew-theme="light"] .crew-desk .crew-nav button[aria-current="page"] { border-color: var(--blue); }
  .crew-desk .crew-search { height: 44px; }
  html[data-crew-theme="light"] .crew-desk .crew-search input:not(:focus) { color: transparent; }
  html[data-crew-theme="light"] .crew-desk .crew-search input:not(:focus)::placeholder { color: transparent; }
  .crew-desk .crew-search::before { z-index: 1; pointer-events: none; }
  html[data-crew-theme="light"] .crew-desk .crew-search input:focus { color: var(--crew-text); }
}