/* Scoped presentation layer. Classic intentionally preserves the application stylesheet. */
html[data-cc-skin="night"]{--cc-bg:#0d0e10;--cc-panel:#17181b;--cc-raised:#202125;--cc-border:#363438;--cc-text:#eee9df;--cc-muted:#b0aaa1;--cc-accent:#ad3039;--cc-accent-hover:#c3444d;--cc-link:#f39092;--cc-tint:#381b22;--cc-shadow:0 10px 30px #0002;color-scheme:dark}
html[data-cc-skin="paper"]{--cc-bg:#f0ebdf;--cc-panel:#fffdf7;--cc-raised:#eae2d4;--cc-border:#d6cbbb;--cc-text:#2d2925;--cc-muted:#776c60;--cc-accent:#93323a;--cc-accent-hover:#aa434b;--cc-link:#93323a;--cc-tint:#efdbd8;--cc-shadow:0 5px 18px #59462a09;color-scheme:light}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) body{background:var(--cc-bg)!important;color:var(--cc-text)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) #app{color:var(--cc-text)}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .bg-mesh-gradient{background:transparent!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is(.card,.card-glass,.glass,.dropdown,[class~="bg-white"],[class~="dark:bg-dark-800"],[class~="dark:bg-dark-900"],[class~="dark:bg-dark-800/50"],[class~="dark:bg-dark-900/50"]){background-color:var(--cc-panel)!important;border-color:var(--cc-border)!important;color:var(--cc-text)}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is(.card,.card-glass){border-radius:12px;box-shadow:var(--cc-shadow);backdrop-filter:none}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) #app>.min-h-screen,html:is([data-cc-skin="night"],[data-cc-skin="paper"]) #app .min-h-screen.bg-gray-50{background:var(--cc-bg)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is([class~="bg-gray-50"],[class~="bg-gray-100"],[class~="dark:bg-dark-700"],[class~="dark:bg-dark-700/50"],[class~="dark:bg-dark-900/30"]){background-color:var(--cc-raised)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is([class*="border-gray-"],[class*="dark:border-dark-"]){border-color:var(--cc-border)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is([class~="text-gray-400"],[class~="text-gray-500"],[class~="text-gray-600"],[class~="text-gray-700"],[class~="dark:text-gray-400"],[class~="dark:text-dark-400"],[class~="dark:text-dark-500"]){color:var(--cc-muted)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is([class~="text-gray-800"],[class~="text-gray-900"],[class~="dark:text-white"],[class~="dark:text-gray-200"],[class~="dark:text-gray-300"],[class~="dark:text-dark-200"],[class~="dark:text-dark-300"]){color:var(--cc-text)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is([class*="text-primary-"],.text-gradient){color:var(--cc-link)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .text-gradient{background:none!important;-webkit-text-fill-color:var(--cc-link)}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is(.btn-primary,[class~="bg-primary-500"],[class~="bg-primary-600"]){background:var(--cc-accent)!important;color:#fff8ef!important;box-shadow:0 3px 12px #ad303922!important;border-color:var(--cc-accent)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .btn-primary:hover{background:var(--cc-accent-hover)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is([class~="bg-primary-50"],[class~="bg-primary-100"],[class~="dark:bg-primary-900/20"],[class~="dark:bg-primary-900/30"]){background:var(--cc-tint)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is(.input,.btn-secondary,textarea,select){background-color:var(--cc-panel)!important;color:var(--cc-text)!important;border-color:var(--cc-border)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is(input,textarea)::placeholder{color:var(--cc-muted)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is(.input,textarea,select):focus{border-color:var(--cc-link)!important;--tw-ring-color:var(--cc-tint)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) :is(.dropdown-item,.btn-ghost,.btn-secondary):hover{background-color:var(--cc-raised)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .sidebar{background:var(--cc-bg)!important;border-right-color:var(--cc-border)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .sidebar-header{border-bottom-color:var(--cc-border)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .sidebar-link{color:var(--cc-muted)!important;border-radius:7px}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .sidebar-link:hover{background:var(--cc-raised)!important;color:var(--cc-text)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .sidebar-link-active{background:var(--cc-tint)!important;color:var(--cc-text)!important;box-shadow:inset 3px 0 var(--cc-accent)}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .sidebar-link-active svg{color:var(--cc-link)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .sidebar-section-title{color:var(--cc-muted)!important;letter-spacing:.05em}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .sidebar-logo{box-shadow:none!important;background:var(--cc-raised)}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .sidebar-logo img{filter:grayscale(1) sepia(.35) brightness(1.2)}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) header.glass{background:var(--cc-bg)!important;backdrop-filter:none;border-color:var(--cc-border)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) table th{background-color:var(--cc-raised)!important;color:var(--cc-muted)!important;font-weight:500}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) table td{border-color:var(--cc-border)}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) tbody tr:hover{background-color:var(--cc-raised)!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .navigation-progress-bar{background:linear-gradient(90deg,transparent,var(--cc-link),transparent)!important}
.cc-native-theme-hidden{display:none!important}
/* Hero belongs to the layout, never covers operational cards or tables. */
.cc-masthead{position:relative;isolation:isolate;overflow:hidden;margin:24px 32px 0;min-height:208px;border:1px solid #373235;border-radius:12px;background-color:#0d0e10;background-image:linear-gradient(90deg,#101012 0%,#10101200 78%),url('/cc-theme/v1/night-ledger-misa-light-v2.png');background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat;color:#eee7d8}
.cc-masthead-copy{position:relative;z-index:1;padding:28px 30px 24px;width:60%;max-width:650px}
.cc-edition{display:flex;align-items:center;gap:12px;font-family:Georgia,'Times New Roman',serif;font-size:10px;letter-spacing:3px;color:#c0b29a;white-space:nowrap}
.cc-edition i{width:16px;height:1px;background:#b33940;display:block}
.cc-masthead h2{margin:17px 0 10px!important;font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:clamp(25px,2.3vw,36px)!important;font-weight:500!important;line-height:1.35!important;letter-spacing:3px!important;color:#f4ecdc!important}
.cc-masthead p{margin:0!important;font-size:12px;color:#c2b6a8!important;letter-spacing:2px}
.cc-masthead-rule{width:40px;height:2px;background:#be3842;margin-top:18px}
.cc-masthead-signature{position:absolute;bottom:15px;right:22px;font:italic 12px Georgia,serif;letter-spacing:1px;color:#d7c8b8}
html[data-cc-skin="paper"] .cc-masthead{border-color:#d6cbbb;box-shadow:0 5px 18px #59462a12}
html[data-cc-skin="classic"] .cc-masthead{display:none}
/* Independent, keyboard-operable theme picker. No business requests or account tokens. */
.cc-skin-picker{--cc-picker-bg:var(--cc-panel,#fff);--cc-picker-text:var(--cc-text,#27323b);--cc-picker-muted:var(--cc-muted,#68727d);--cc-picker-border:var(--cc-border,#dce1e5);position:relative;flex-shrink:0;color:var(--cc-picker-text);font-family:inherit;font-size:12px;z-index:45}
html.dark[data-cc-skin="classic"] .cc-skin-picker{--cc-picker-bg:#1e293b;--cc-picker-text:#f1f5f9;--cc-picker-muted:#cbd5e1;--cc-picker-border:#475569;--cc-raised:#334155}
.cc-skin-picker summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:34px;padding:6px 10px;border:1px solid var(--cc-picker-border);border-radius:7px;background:var(--cc-picker-bg);cursor:pointer;user-select:none;white-space:nowrap}
.cc-skin-picker summary::-webkit-details-marker{display:none}
.cc-skin-picker summary>svg{width:17px;height:17px}
.cc-skin-picker summary:focus-visible,.cc-skin-menu button:focus-visible{outline:2px solid #ce767b;outline-offset:3px}
.cc-chevron{font-size:15px;margin-left:3px}
.cc-skin-menu{position:absolute;right:0;top:calc(100% + 9px);width:232px;max-width:calc(100vw - 24px);padding:8px;border:1px solid var(--cc-picker-border);border-radius:10px;background:var(--cc-picker-bg);box-shadow:0 14px 40px #0004;color:var(--cc-picker-text)}
.cc-menu-title{font-size:11px!important;letter-spacing:.1em;margin:4px 8px 8px!important;color:var(--cc-picker-muted)!important}
.cc-skin-menu button{width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:6px;padding:9px 8px;text-align:left;background:transparent;color:inherit;font:inherit;cursor:pointer}
.cc-skin-menu button:hover,.cc-skin-menu button[aria-pressed="true"]{background:var(--cc-raised,#f2f5f7)}
.cc-skin-menu b{display:block;font-size:13px;font-weight:500;line-height:1.5}
.cc-skin-menu small{display:block;font-size:10px;color:var(--cc-picker-muted);line-height:1.7}
.cc-swatch{width:21px;height:21px;border-radius:50%;flex-shrink:0;border:1px solid #8885}
.cc-swatch-night{background:linear-gradient(135deg,#151517 50%,#a72833 51%)}
.cc-swatch-classic{background:linear-gradient(135deg,#f0fdfa 50%,#0d9488 51%)}
.cc-swatch-paper{background:linear-gradient(135deg,#eee5d2 50%,#795c46 51%)}
.cc-check{margin-left:auto;color:var(--cc-link,#0d9488);font-size:16px}
.cc-menu-note{margin:7px 6px 2px!important;padding-top:7px;border-top:1px solid var(--cc-picker-border);color:var(--cc-picker-muted)!important;font-size:10px!important;line-height:1.5!important}
.cc-picker-floating{position:fixed;top:18px;right:20px;z-index:45}
/* Login and registration use the same skin, without changing form fields. */
html[data-cc-skin="night"] #app .cc-auth-layout{background:#0d0e10!important;background-image:linear-gradient(90deg,#0d0e10ee,#0d0e1099),url('/cc-theme/v1/night-ledger-misa-light-v2.png')!important;background-size:cover!important;background-position:center,right center!important;background-repeat:no-repeat!important}
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) .cc-auth-layout>div.absolute.inset-0{display:none}
html[data-cc-skin="night"] #app .cc-auth-layout .card-glass{background:#17181bf5!important;border:1px solid #44373c!important;box-shadow:0 22px 70px #0007!important}
html[data-cc-skin="night"] #app .cc-auth-layout>.bg-mesh-gradient{display:none}
html[data-cc-skin="paper"] #app .cc-auth-layout{background:linear-gradient(130deg,#e7decc,#faf7ef)!important}
/* Static landing page/checkout links keep their original markup and navigation. */
html:is([data-cc-skin="night"],[data-cc-skin="paper"]) body.cc-portal{background:var(--cc-bg)!important;color:var(--cc-text)!important}
@media(min-width:1600px){.cc-masthead{min-height:240px}.cc-masthead-copy{padding:35px 38px}.cc-masthead h2{font-size:38px!important}}
@media(max-width:767px){.cc-masthead{margin:16px 16px 0;min-height:180px;background-position:center,70% center}.cc-masthead-copy{padding:21px 19px;width:75%}.cc-edition{font-size:8px;letter-spacing:1px;gap:6px}.cc-masthead h2{font-size:25px!important;letter-spacing:1px!important}.cc-masthead p{font-size:10px;letter-spacing:1px}.cc-masthead-signature{display:none}.cc-masthead-rule{margin-top:12px}.cc-picker-label{display:none}.cc-skin-picker summary{padding:7px;min-width:36px;justify-content:center}.cc-chevron{display:none}.cc-picker-floating .cc-picker-label{display:block}.cc-picker-floating{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.cc-masthead,.cc-skin-picker{scroll-behavior:auto;transition:none}}