/* ============================================================
   RC UI 3.0 — OFFICIAL VISUAL TOKENS
   ============================================================ */

body.rc-editor-open #rc-editor-modal{
    --rc-bg-main:#eef2f6;
    --rc-bg-topbar:#ffffff;
    --rc-bg-sidebar:#0f1722;
    --rc-panel-elevated:#ffffff;
    --rc-surface-1:#ffffff;
    --rc-surface-2:#f8fafc;
    --rc-surface-3:#eef3f8;
    --rc-text-primary:#111827;
    --rc-text-secondary:#64748b;
    --rc-text-disabled:#9aa3ad;
    --rc-border:#dfe4ea;
    --rc-border-soft:#edf0f3;
    --rc-blue:#2563eb;
    --rc-blue-hover:#1d4ed8;
    --rc-blue-active:#1e40af;
    --rc-orange:#f97316;
    --rc-orange-hover:#ea580c;
    --rc-orange-active:#bf531d;
    --rc-radius-xs:4px;
    --rc-radius-sm:7px;
    --rc-radius-md:10px;
    --rc-radius-lg:12px;
    --rc-radius-xl:14px;
    --rc-shadow-soft:0 2px 8px rgba(15, 23, 42, .06);
    --rc-shadow-panel:0 16px 40px rgba(15, 23, 42, .14);
    --rc-transition-fast:150ms ease;
    --rc-utility-drawer-width:360px;
    --rc-workspace-footer-height:42px;
    --rc-left-rail-width:76px;
    --rc-left-rail-item-height:66px;
    --rc-left-rail-icon-box:32px;
    --rc-left-rail-gap:8px;
    --rc-left-rail-padding-block:12px;
    --rc-left-rail-item-gap:5px;
    --rc-active-utility-drawer-width:0px;
    --rc-content-navigation-left:var(--rc-left-rail-width);
    --rc-drawer-surface:#f8fafc;
    --rc-drawer-surface-raised:#ffffff;
    --rc-drawer-fg:#172033;
    --rc-drawer-fg-muted:#667085;
    --rc-drawer-control-surface:#ffffff;
    --rc-drawer-control-fg:#111827;
    --rc-drawer-border:#dfe4ea;
    --rc-drawer-shadow:4px 0 14px rgba(15, 23, 42, .08);
    --rc-drawer-scroll-track:#eef2f6;
    --rc-drawer-scroll-thumb:#98a2b3;
    --rc-drawer-close-size:34px;
    --rc-drawer-close-radius:9px;
    --rc-drawer-close-surface:#ffffff;
    --rc-drawer-close-fg:#172033;
    --rc-drawer-close-border:#dfe4ea;
    --rc-dialog-surface:#ffffff;
    --rc-dialog-surface-subtle:#f8fafc;
    --rc-dialog-fg:#172033;
    --rc-dialog-fg-muted:#667085;
    --rc-dialog-border:#dfe4ea;
    --rc-dialog-divider:#eaecf0;
    --rc-dialog-overlay:rgba(15,23,42,.58);
    --rc-dialog-shadow:0 18px 48px rgba(15,23,42,.16);
    --rc-print-bleed:#ef4444;
    --rc-print-cut:#22a06b;
    --rc-print-safe:#2563eb;
    --rc-scroll-track:#d7dde4;
    --rc-scroll-thumb:#7f8b98;
    --rc-scroll-thumb-hover:#667482;
    --rc-control-selected-bg:#ddf2ff;
    --rc-control-selected-fg:#16324a;
    --rc-control-selected-border:#8ac7e8;
    --rc-control-hover-bg:#edf6fb;
    --rc-control-focus-ring:rgba(37,99,235,.35);

    --rcx-brand:var(--rc-blue);
    --rcx-brand-hover:var(--rc-blue-hover);
    --rcx-brand-active:var(--rc-blue-active);
    --rcx-brand-contrast:#ffffff;
    --rcx-surface:var(--rc-surface-1);
    --rcx-surface-soft:var(--rc-surface-2);
    --rcx-surface-hover:var(--rc-surface-3);
    --rcx-text:var(--rc-text-primary);
    --rcx-text-secondary:var(--rc-text-secondary);
    --rcx-text-muted:#7b8591;
    --rcx-text-disabled:var(--rc-text-disabled);
    --rcx-border:var(--rc-border);
    --rcx-border-strong:#cfd6de;
    --rcx-divider:var(--rc-border-soft);
    --rcx-focus:var(--rc-blue);
    --rcx-font-family:Inter, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --rcx-font-size-xs:11px;
    --rcx-font-size-sm:12px;
    --rcx-font-size-md:13px;
    --rcx-font-size-lg:14px;
    --rcx-font-size-xl:16px;
    --rcx-font-weight-normal:400;
    --rcx-font-weight-medium:500;
    --rcx-font-weight-semibold:600;
    --rcx-font-weight-bold:700;
    --rcx-space-1:4px;
    --rcx-space-2:8px;
    --rcx-space-3:12px;
    --rcx-space-4:16px;
    --rcx-space-5:20px;
    --rcx-space-6:24px;
    --rcx-radius-sm:6px;
    --rcx-radius-md:9px;
    --rcx-radius-lg:12px;
    --rcx-radius-pill:999px;
    --rcx-shadow-sm:var(--rc-shadow-soft);
    --rcx-shadow-md:0 8px 24px rgba(15, 23, 42, .10);
    --rcx-shadow-lg:var(--rc-shadow-panel);
    --rcx-duration-fast:120ms;
    --rcx-duration-normal:180ms;
    --rcx-ease:ease;
}

body.rc-editor-open #rc-editor-modal:has(:is(#rc-template-modal, #rc-image-library-modal, #rc-elements-modal, #rc-qr-modal, #rc-text-drawer).active),
body.rc-editor-open #rc-editor-modal:has(#rc-basic-objects-popover:not([hidden])){
    --rc-active-utility-drawer-width:var(--rc-utility-drawer-width);
    --rc-content-navigation-left:calc(var(--rc-left-rail-width) + var(--rc-utility-drawer-width));
}