/**
 * Theme Premium — immersive "design station" variant.
 *
 * Scoped exclusively to body.theme-premium. Only aesthetic overrides:
 * colors, shadows, gradients, borders, radii, transparency, depth.
 * Layout, sizes, positions, and DOM structure are untouched.
 */

body.theme-premium {
  --editor-theme-id: premium;

  /* HALL — deeper cabin palette */
  --hall-bg: #030304;
  --hall-surface: rgba(255, 255, 255, 0.034);
  --hall-surface-raised: rgba(255, 255, 255, 0.052);
  --hall-surface-hover: rgba(255, 255, 255, 0.065);
  --hall-border: rgba(255, 255, 255, 0.075);
  --hall-border-strong: rgba(255, 255, 255, 0.14);
  --hall-border-hairline: rgba(255, 255, 255, 0.055);
  --hall-inset: inset 0 1px 0 rgba(255, 255, 255, 0.07);

  /* BOXIES shell */
  --boxies-dock-bg: rgba(6, 6, 8, 0.92);
  --boxies-dock-border: rgba(255, 255, 255, 0.07);
  --boxies-edge-fringe-w: 40px;
  --boxies-edge-fringe-shadow: 16px 0 36px rgba(0, 0, 0, 0.62);

  /* Builder tokens */
  --builder-bg: rgba(10, 10, 12, 0.62);
  --builder-bg-hover: rgba(255, 255, 255, 0.045);
  --builder-border: rgba(255, 255, 255, 0.06);
  --builder-divider: rgba(255, 255, 255, 0.07);
  --builder-dock-bg: rgba(6, 6, 8, 0.9);
  --builder-dock-border: rgba(255, 255, 255, 0.07);
  --builder-float-bg: rgba(12, 12, 14, 0.94);
  --builder-float-bg-hover: rgba(16, 16, 18, 0.97);
  --builder-float-border: rgba(255, 255, 255, 0.1);

  /* Quotation editor cabin tokens */
  --qe-theme-workspace-bg:
    radial-gradient(ellipse 130% 90% at 50% -10%, rgba(255, 255, 255, 0.035) 0%, transparent 58%),
    linear-gradient(180deg, #0a0a0c 0%, #050506 100%);
  --qe-theme-canvas-well:
    radial-gradient(ellipse 85% 70% at 50% 45%, rgba(255, 255, 255, 0.018) 0%, transparent 72%);
  --qe-theme-canvas-frame-radius: 18px;
  --qe-theme-canvas-frame-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 -28px 56px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(255, 255, 255, 0.09),
    0 28px 72px rgba(0, 0, 0, 0.58);
  --qe-theme-canvas-stage-border: rgba(255, 255, 255, 0.1);
  --qe-theme-canvas-stage-bg: #060608;
  --qe-theme-panel-bg: rgba(8, 8, 10, 0.88);
  --qe-theme-panel-border: rgba(255, 255, 255, 0.06);
  --qe-theme-pill-bg: linear-gradient(180deg, rgba(22, 22, 26, 0.96) 0%, rgba(12, 12, 14, 0.94) 100%);
  --qe-theme-pill-border: rgba(255, 255, 255, 0.12);
  --qe-theme-pill-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 32px rgba(0, 0, 0, 0.42);
  --qe-theme-float-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 24px 64px rgba(0, 0, 0, 0.55);
  --qe-theme-header-bg: linear-gradient(180deg, rgba(14, 14, 16, 0.98) 0%, rgba(6, 6, 8, 0.96) 100%);
  --qe-theme-header-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 28px rgba(0, 0, 0, 0.38);
  --qe-theme-dock-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 -14px 40px rgba(0, 0, 0, 0.45);
}

/* ── App chrome ── */

body.theme-premium.boxies-host,
body.theme-premium.boxies-shell {
  background: var(--hall-bg);
}

body.theme-premium .boxies-header {
  background: var(--qe-theme-header-bg);
  border-bottom-color: rgba(255, 255, 255, 0.06);
  box-shadow: var(--qe-theme-header-shadow);
}

body.theme-premium .boxies-dock {
  background: var(--boxies-dock-bg);
  border-top-color: var(--boxies-dock-border);
  box-shadow: var(--qe-theme-dock-shadow);
  backdrop-filter: blur(28px) saturate(140%);
  -webkit-backdrop-filter: blur(28px) saturate(140%);
}

body.theme-premium.boxies-shell::before,
body.theme-premium.boxies-shell::after {
  box-shadow: var(--boxies-edge-fringe-shadow);
}

/* ── Quotation workspace — cabin envelope ── */

body.theme-premium .quotation-workspace.is-editor,
body.theme-premium #boxiesContent.quotation-builder-host .quotation-workspace {
  background: var(--qe-theme-workspace-bg);
}

body.theme-premium .quotation-left-block {
  background: var(--qe-theme-panel-bg);
  border-right-color: var(--qe-theme-panel-border);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.03);
}

/* Right rail — same cabin panel as Biblioteca (Capas + Propiedades) */
body.theme-premium .quotation-props,
body.theme-premium .qe-col--inspector:not(.is-collapsed) {
  background: var(--qe-theme-panel-bg);
  border-left-color: var(--qe-theme-panel-border);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.03);
}

body.theme-premium .qe-props-panel__layers {
  border-bottom-color: rgba(255, 255, 255, 0.07);
}

body.theme-premium .qe-props-panel__head {
  color: rgba(255, 255, 255, 0.4);
}

body.theme-premium .qe-props-panel__empty,
body.theme-premium .qe-props-panel__body .builder-menu-hint {
  color: rgba(255, 255, 255, 0.36);
}

body.theme-premium .qe-props-panel .qe-layers__item:hover {
  background: rgba(255, 255, 255, 0.045);
}

body.theme-premium .qe-col--library {
  background: rgba(8, 8, 10, 0.55);
  border-right-color: var(--qe-theme-panel-border);
}

body.theme-premium .qe-col--canvas {
  background: var(--qe-theme-canvas-well);
}

/* Canvas frame — recessed screen within the station */
body.theme-premium .qe-canvas-fit__frame {
  border-radius: var(--qe-theme-canvas-frame-radius);
  box-shadow: var(--qe-theme-canvas-frame-shadow);
}

body.theme-premium .qe-stage-unit .qe-canvas__stage {
  border-color: var(--qe-theme-canvas-stage-border);
  background: var(--qe-theme-canvas-stage-bg);
  border-radius: calc(var(--qe-theme-canvas-frame-radius) - 2px);
}

/* Scene strip + layers — matte panels */
body.theme-premium .qe-scenes,
body.theme-premium .qe-layers {
  background: var(--qe-theme-panel-bg);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Floating pills — viewport toolbar + editor dock */
body.theme-premium .qe-canvas-tool,
body.theme-premium .qe-dock {
  background: var(--qe-theme-pill-bg);
  border-color: var(--qe-theme-pill-border);
  box-shadow: var(--qe-theme-pill-shadow);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

body.theme-premium .qe-canvas-tool__btn.is-active {
  background: rgba(255, 255, 255, 0.1);
}

/* Float windows (checklist, guides, etc.) */
body.theme-premium .qe-canvas-tool-float {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(10, 10, 12, 0.94);
  box-shadow: var(--qe-theme-float-shadow);
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
}

body.theme-premium .qe-canvas-tool-float__head {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* Panel floats (collapse handles) */
body.theme-premium .quotation-panel-float {
  background: var(--builder-float-bg);
  border-color: var(--builder-float-border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 24px rgba(0, 0, 0, 0.35);
}

/* Modals & toasts — consistent depth */
body.theme-premium.boxies-shell .admin-toast {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(8, 8, 10, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 36px rgba(0, 0, 0, 0.52);
}

body.theme-premium .admin-modal-backdrop {
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body.theme-premium .admin-modal {
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(14, 14, 16, 0.98) 0%, rgba(8, 8, 10, 0.97) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 28px 80px rgba(0, 0, 0, 0.58);
}

/* User menu in dock */
body.theme-premium .boxies-user-menu__panel {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(10, 10, 12, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 16px 48px rgba(0, 0, 0, 0.5);
}