/* MATTHEW JOKI — ROYAL BLUE THEME (shared across every page) */
:root{
 color-scheme:dark;
 --ink:#071326;--raise:#0d1d36;--raise-2:#132846;
 --line:rgba(112,174,255,.19);--line-2:rgba(112,174,255,.38);
 --text:#f1f6ff;--muted:#a9bddb;--faint:#7890b3;
 --crimson:#3979ee;--crimson-deep:#214ca8;--gilt:#78c9ff;
 --jade:#69d6bd;--warn:#ff9a9a;
 --bg:#071326;--panel:#0d1d36;--panel2:#132846;--blue:#5c91ff;--blue2:#326be0;--cyan:#78d8ff;
 --gold:#78c9ff;--red:#3979ee;--border:rgba(112,174,255,.28);
 --global-menu-bg:#091a31;--global-menu-line:rgba(142,190,255,.25);
}
html{background:#071326;color-scheme:dark}
body{background:radial-gradient(ellipse at 12% -8%,rgba(43,111,224,.22),transparent 42%),radial-gradient(ellipse at 92% 24%,rgba(32,164,219,.14),transparent 38%),linear-gradient(145deg,#071426,#081a30 55%,#050f1e)!important;color:var(--text)}
body:before{border-color:rgba(112,174,255,.04)}
a{color:inherit}
:focus-visible{outline-color:#78d8ff!important}
::selection{background:#3979ee;color:#fff}
button,.btn,.primary-button,#loginButton,#submitButton,.auth-form button,.hero-actions a{
 border-color:rgba(120,201,255,.42);
}
.btn-gold,.primary-button,#loginButton,#submitButton,.auth-form button,.btn-primary,.primary{
 background:linear-gradient(135deg,#347fe8,#2456bd)!important;color:#fff!important;border-color:#6bbdff!important;
 box-shadow:0 8px 26px rgba(38,111,220,.25)
}
.btn-gold:hover,.primary-button:hover,#loginButton:hover,#submitButton:hover,.auth-form button:hover{filter:brightness(1.12)}
.btn-outline,.btn-secondary{color:#a9dfff!important;border-color:rgba(120,201,255,.38)!important;background:rgba(33,81,145,.13)!important}
input,select,textarea,.input{background:#07182b!important;color:#eff7ff!important;border-color:rgba(116,173,220,.3)!important}
input:focus,select:focus,textarea:focus,.input:focus{border-color:#78d8ff!important;box-shadow:0 0 0 3px rgba(117,200,255,.14)!important}
input::placeholder,textarea::placeholder{color:#7894b2!important}
select option{background:#0b2038;color:#eff7ff}
.panel,.member-panel,.member-stat,.feature-card,.feature-card,.auth-container,.auth-card,.royal-card,.admin-panel,.review-form-card,.review-card,.inbox-item,.progress-result,.feature-card,.feature-card,.feature-card{
 background:linear-gradient(145deg,rgba(14,39,67,.97),rgba(7,23,42,.97))!important;
 border-color:rgba(112,174,255,.2)!important;box-shadow:0 18px 52px rgba(0,0,0,.22)
}
h1,h2,h3,.member-stat strong,.member-brand,.section-heading h2,.hero h1{color:#eef6ff}
.eyebrow,.member-hero .eyebrow,.hero-kicker,.feature-link,.feature-heading h1 em,.member-stat strong,.member-status{color:#78d8ff!important}
.member-hero{background:radial-gradient(ellipse at 88% 5%,rgba(49,119,224,.3),transparent 44%),linear-gradient(125deg,#102b4d,#08172b)!important;border-color:rgba(120,201,255,.28)!important}
.member-stat strong{color:#8bd7ff!important}
.member-order,.member-note,.review-form{border-color:rgba(112,174,255,.14)!important}
#levelBar{background:linear-gradient(90deg,#2767d5,#69d2ff)!important}
.topbar,.feature-nav{background:rgba(5,18,34,.9)!important;border-color:rgba(112,174,255,.2)!important}
.topbar nav a:hover,.feature-nav-links a:hover,.feature-nav-links a[aria-current=page]{color:#e8f6ff;border-color:rgba(120,201,255,.4);background:rgba(49,133,216,.16)}
.brand,.feature-brand,.member-brand{color:#c6e8ff!important}
.brand .crown,.brand-icon,.brand>span:first-child{color:#78d8ff!important}
.hero,.hero-visual,.bg{background-color:#071326}
.hero-vignette{background:linear-gradient(90deg,#070b17 0%,rgba(7,16,34,.94) 22%,rgba(7,16,34,.62) 55%,rgba(7,16,34,.08) 100%),linear-gradient(0deg,#071326 0%,transparent 42%)!important}
.hero h1 span,.hero h1 em{color:#82baff!important;text-shadow:0 0 32px rgba(82,145,255,.3)}
.hero-cinematic-art{filter:saturate(.9) hue-rotate(165deg)}
.hero-sparks i{background:#8bdcff;box-shadow:0 0 12px 3px rgba(75,165,255,.65)}
.hero-art-label,.hero-art-label span{color:#9bdcff!important}
.feature-card:before{background:linear-gradient(#3979ee,#78d8ff)!important}
.feature-card:hover{border-color:rgba(120,201,255,.5)!important}
.status-badge,.level-badge{background:rgba(42,102,184,.25)!important;color:#a9ddff!important;border-color:rgba(120,201,255,.35)!important}
.progress-track{background:rgba(255,255,255,.1)!important}
.progress-track div{background:linear-gradient(90deg,#2865d4,#78d8ff)!important}
.note-box{border-color:#78d8ff!important;background:rgba(65,148,224,.08)!important}
.admin-details,.order-form{background:rgba(8,25,45,.88)!important;border-color:rgba(112,174,255,.22)!important}
th{background:#102e50!important;color:#a9ddff!important}
footer{border-color:rgba(112,174,255,.18)!important;color:#7890b3!important}
.global-menu-trigger{background:rgba(9,26,49,.96)!important;border-color:rgba(120,201,255,.35)!important;color:#dceeff!important}
.global-menu-panel{background:rgba(7,20,38,.98)!important;border-color:rgba(120,201,255,.25)!important}
.global-menu-section-title{color:#8bd7ff!important}
.member-shell{color:var(--text)}
.member-hero p,.member-muted,.member-empty,.member-note{color:#a9bddb!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation-duration:.01ms!important}}


/* GLOBAL EXPERIENCE POLISH — shared interaction and component finish */
:where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
:where(button,a){touch-action:manipulation}
:where(button:not(:disabled),.btn,a.button){transition:filter .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}
:where(button:not(:disabled),.btn,a.button):active{transform:translateY(1px)}
:where(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline:2px solid #83dcff!important;outline-offset:3px}
:where(.member-stat,.member-order,.admin-panel,.inbox-item,.visitor-panel,.royal-card,.feature-card,.joki-product-card){border-radius:16px}
:where(.member-stat,.member-order,.admin-panel,.inbox-item){box-shadow:0 12px 34px rgba(0,0,0,.17)}
:where(.member-stat,.member-order,.admin-panel,.inbox-item):hover{border-color:rgba(120,201,255,.36)!important}
:where(input,select,textarea){border-radius:10px}
:where(table){border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgba(112,174,255,.18);border-radius:12px}
:where(th:first-child){border-top-left-radius:10px}
:where(th:last-child){border-top-right-radius:10px}
:where(td){border-bottom:1px solid rgba(112,174,255,.1)}
:where(tr:last-child td){border-bottom:0}
:where(.auth-message,.admin-notice,.feedback,.notice){overflow-wrap:anywhere}
:where(.global-menu-panel){box-shadow:0 22px 60px rgba(0,0,0,.42)}
@media(max-width:640px){
 :where(.admin-panel,.member-stat,.member-order,.inbox-item){border-radius:13px}
 :where(button,.btn){min-height:42px}
}
@media(prefers-reduced-motion:reduce){
 :where(button,a,.btn){transition:none!important}
}


/* PAGE PALETTE NORMALIZATION — remove legacy warm/red surfaces on secondary pages */
:where(.card,.resource-card,.tax-info,.result,.source-note,.stats div,.search,.notice,.table-wrap){
  background:linear-gradient(145deg,rgba(15,42,73,.97),rgba(7,22,40,.98))!important;
  border-color:rgba(112,174,255,.24)!important;
  color:var(--text)!important;
}
:where(.card)::before,:where(.card)::after{
  background:linear-gradient(90deg,#3979ee,#78d8ff)!important;
}
:where(.resource-card:hover,.secondary:hover,.actions a:hover,.actions button:hover){
  border-color:rgba(120,201,255,.58)!important;
  background-color:rgba(49,112,196,.18)!important;
}
:where(.resource-card label,.tax-info strong,.stats strong,.scan,.thanks,.value){
  color:#8bd7ff!important;
}
:where(.tax-info,.resource-card,.result,.stats div,.search,.notice,.source-note){
  box-shadow:0 16px 42px rgba(0,0,0,.2)!important;
}
:where(.quick-buttons button,.calculate-button,.clear-button,.actions button.primary,.secondary){
  background:linear-gradient(135deg,#347fe8,#2456bd)!important;
  color:#f5f9ff!important;
  border:1px solid rgba(120,201,255,.42)!important;
}
:where(.track,.progress-track){background:rgba(255,255,255,.1)!important}
:where(.track div,.progress-track div){
  background:linear-gradient(90deg,#2865d4,#78d8ff)!important;
}
:where(.topbar,.feature-nav,.table-wrap){border-color:rgba(112,174,255,.2)!important}
:where(.topbar nav a,.back,.secondary){color:#a9ddff!important}
:where(.notice.error,.auth-message.error,.feedback.error){
  border-color:rgba(255,130,145,.48)!important;
  color:#ffc0c8!important;
}
:where(.admin-dashboard .card,.admin-panel .card,.wrap .card){
  background:linear-gradient(145deg,rgba(14,39,67,.97),rgba(7,23,42,.97))!important;
  border-color:rgba(112,174,255,.24)!important;
}
:where(.admin-dashboard .card::after,.wrap .card::after){
  background:linear-gradient(90deg,#3979ee,#78d8ff)!important;
}
:where(.admin-dashboard .notice,.wrap .notice){
  background:rgba(13,34,58,.94)!important;
  border-color:rgba(112,174,255,.24)!important;
}
:where(.support-card,.support .card,.wrap .card){
  background:linear-gradient(145deg,rgba(14,39,67,.97),rgba(7,23,42,.97))!important;
}
:where(.qr-frame){background:#fff!important;border-color:rgba(120,201,255,.5)!important}
:where(.clear-button){background:linear-gradient(135deg,#173b67,#10284a)!important;color:#dceeff!important}


/* Maintenance Mode 2.0 admin controls */
.maintenance-control{padding:18px;border:1px solid rgba(112,174,255,.28);border-radius:18px;background:linear-gradient(145deg,rgba(12,37,66,.95),rgba(6,20,37,.98))}
.maintenance-state{display:inline-flex;margin:0 0 16px;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em}
.maintenance-state.is-off{background:rgba(63,160,126,.16);border:1px solid rgba(90,210,165,.35);color:#9df2ce}
.maintenance-state.is-active{background:rgba(255,175,75,.14);border:1px solid rgba(255,190,100,.4);color:#ffd39a}
.maintenance-toggle{display:flex!important;align-items:center;gap:10px}
.maintenance-toggle input,.maintenance-modules input{width:auto!important;accent-color:#4d9cff}
.maintenance-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:8px 0 16px;padding:14px;border:1px solid rgba(112,174,255,.22);border-radius:14px}
.maintenance-modules legend{padding:0 8px;color:#a9ddff;font-weight:800}
.maintenance-modules label{display:flex;align-items:center;gap:8px;margin:0}
.maintenance-actions{display:flex;flex-wrap:wrap;gap:10px}
#maintenanceFeedback.is-error{color:#ffb9c4}
@media(max-width:640px){.maintenance-control{padding:13px}.maintenance-actions>*{width:100%}}