/*
 * CirrusOne light-mode refinements.
 * Preserve existing layout, components and every .dark variant.
 * These rules only apply when the user is in light mode.
 */
:root:not(.dark) {
    color-scheme: light;
    --cirrus-light-canvas: #f4f7fb;
    --cirrus-light-ink: #1e293b;
    --cirrus-light-border: #dbe4ee;
}
:root:not(.dark) body {
    background-color: var(--cirrus-light-canvas);
    color: var(--cirrus-light-ink);
}
:root:not(.dark) header.sticky,
:root:not(.dark) #hs-application-sidebar {
    background-color: #fff;
    border-color: var(--cirrus-light-border);
}
:root:not(.dark) header.sticky {
    box-shadow: 0 1px 3px rgb(15 23 42 / 0.04);
}
:root:not(.dark) #hs-application-sidebar {
    box-shadow: 2px 0 12px rgb(15 23 42 / 0.025);
}
:root:not(.dark) #hs-application-sidebar :is(a, button).bg-blue-400 {
    background-color: #dbeafe;
    color: #1e40af;
}
:root:not(.dark) #hs-application-sidebar :is(a, button).bg-blue-400:hover {
    background-color: #bfdbfe;
}
:root:not(.dark) .submit-btn-active {
    background-color: #ccfbf1;
    color: #115e59;
}
:root:not(.dark) .submit-btn-passive {
    background-color: #edf2f7;
    color: #52667c;
}
:root:not(.dark) :is(input, textarea, select):not([type="checkbox"]):not([type="radio"]):focus-visible {
    outline-offset: 2px;
}

/*
 * Older admin telemetry and PMS dialogs were implemented with dark-only
 * utility classes, including cards generated from JavaScript templates.
 * Scope corrections to those specific surfaces so dark mode is unchanged.
 */
:root:not(.dark) :is(.cirrus-theme-dialog, .cirrus-hdr-panel) {
    background-color: #fff;
    border-color: #dbe4ee;
    color: #1e293b;
}
:root:not(.dark) :is(.cirrus-theme-dialog, .cirrus-hdr-panel) :is(.bg-neutral-800, .bg-neutral-800\/40) {
    background-color: #f8fafc;
}
:root:not(.dark) :is(.cirrus-theme-dialog, .cirrus-hdr-panel) :is(.border-neutral-700, .border-neutral-800) {
    border-color: #e2e8f0;
}
:root:not(.dark) :is(.cirrus-theme-dialog, .cirrus-hdr-panel) .text-white:not(.bg-blue-600) {
    color: #0f172a;
}
:root:not(.dark) :is(.cirrus-theme-dialog, .cirrus-hdr-panel) :is(.text-neutral-200, .text-neutral-300) {
    color: #334155;
}
:root:not(.dark) :is(.cirrus-theme-dialog, .cirrus-hdr-panel) :is(.text-neutral-400, .text-neutral-500) {
    color: #64748b;
}
:root:not(.dark) :is(.cirrus-theme-dialog, .cirrus-hdr-panel) .text-green-400 {
    color: #15803d;
}
:root:not(.dark) :is(.cirrus-theme-dialog, .cirrus-hdr-panel) .text-red-400 {
    color: #b91c1c;
}
:root:not(.dark) :is(.cirrus-theme-dialog, .cirrus-hdr-panel) .hover\:bg-neutral-700:hover,
:root:not(.dark) .cirrus-hdr-panel .hover\:bg-neutral-800:hover {
    background-color: #e2e8f0;
}
:root:not(.dark) .cirrus-theme-dialog .hover\:text-white:hover {
    color: #0f172a;
}
:root:not(.dark) .cirrus-hdr-panel .divide-neutral-800 > :not([hidden]) ~ :not([hidden]) {
    border-color: #e2e8f0;
}

/*
 * PMS Bridges has dark-first markup and JavaScript-rendered cards. Keep
 * those existing classes and visual hierarchy, but give them light surfaces.
 */
:root:not(.dark) .cirrus-pms-page :is(.bg-neutral-900, .bg-neutral-950) {
    background-color: #fff;
}
:root:not(.dark) .cirrus-pms-page .bg-neutral-800 {
    background-color: #f1f5f9;
}
:root:not(.dark) .cirrus-pms-page :is(.border-neutral-600, .border-neutral-700, .border-neutral-800, .border-amber-900\/70) {
    border-color: #dbe4ee;
}
:root:not(.dark) .cirrus-pms-page .border-amber-800 {
    border-color: #fcd34d;
}
:root:not(.dark) .cirrus-pms-page .border-emerald-800 {
    border-color: #6ee7b7;
}
:root:not(.dark) .cirrus-pms-page .border-red-700 {
    border-color: #fecaca;
}
:root:not(.dark) .cirrus-pms-page .border-cyan-800 {
    border-color: #a5f3fc;
}
:root:not(.dark) .cirrus-pms-page .text-white:not(.bg-cyan-700):not(.bg-blue-600) {
    color: #0f172a;
}
:root:not(.dark) .cirrus-pms-page :is(.text-neutral-200, .text-neutral-300) {
    color: #334155;
}
:root:not(.dark) .cirrus-pms-page :is(.text-neutral-400, .text-neutral-500) {
    color: #64748b;
}
:root:not(.dark) .cirrus-pms-page :is(.bg-amber-950, .bg-amber-900\/60) {
    background-color: #fffbeb;
}
:root:not(.dark) .cirrus-pms-page .bg-blue-900\/60 {
    background-color: #eff6ff;
}
:root:not(.dark) .cirrus-pms-page .bg-emerald-900\/60 {
    background-color: #ecfdf5;
}
:root:not(.dark) .cirrus-pms-page :is(.bg-red-950, .bg-red-900\/60) {
    background-color: #fef2f2;
}
:root:not(.dark) .cirrus-pms-page .bg-cyan-950 {
    background-color: #ecfeff;
}
:root:not(.dark) .cirrus-pms-page :is(.text-amber-300, .text-amber-400) {
    color: #92400e;
}
:root:not(.dark) .cirrus-pms-page :is(.text-emerald-300, .text-emerald-400) {
    color: #047857;
}
:root:not(.dark) .cirrus-pms-page .text-blue-300 {
    color: #1d4ed8;
}
:root:not(.dark) .cirrus-pms-page :is(.text-red-200, .text-red-300, .text-red-400) {
    color: #b91c1c;
}
:root:not(.dark) .cirrus-pms-page .text-cyan-100 {
    color: #0e7490;
}
:root:not(.dark) .cirrus-pms-page .hover\:bg-neutral-700:hover,
:root:not(.dark) .cirrus-pms-page .hover\:bg-neutral-800:hover {
    background-color: #e2e8f0;
}
:root:not(.dark) .cirrus-pms-page .hover\:bg-red-900:hover {
    background-color: #fee2e2;
}
:root:not(.dark) .cirrus-pms-page .divide-neutral-800 > :not([hidden]) ~ :not([hidden]) {
    border-color: #e2e8f0;
}