/* v12 responsive VIP design tokens */
:root{--v11-primary:#6d28d9;--v11-secondary:#4c1d95;--v11-accent:#f0abfc;--v11-background:#f7f5ff;--v11-surface:#fff;--v11-text:#211a32;--v11-border:#e7def8;--v12-radius:16px;--v12-shadow:0 12px 32px #2e10651a}
html[data-color-theme="royal-purple"]{--v11-primary:#6d28d9;--v11-secondary:#4c1d95;--v11-accent:#f0abfc;--v11-background:#f7f5ff;--v11-surface:#fff;--v11-text:#211a32;--v11-border:#e7def8}
html[data-color-theme="ocean-blue"]{--v11-primary:#1769aa;--v11-secondary:#164e75;--v11-accent:#38bdf8;--v11-background:#f2f8ff;--v11-surface:#fff;--v11-text:#162b40;--v11-border:#d7e7f5}
html[data-color-theme="midnight-black"],html[data-color-theme="dark-amoled"]{--v11-primary:#60a5fa;--v11-secondary:#111827;--v11-accent:#fbbf24;--v11-background:#080b12;--v11-surface:#111827;--v11-text:#f3f4f6;--v11-border:#303847;color-scheme:dark}
html[data-color-theme="luxury-gold"]{--v11-primary:#8a6417;--v11-secondary:#27211a;--v11-accent:#d4af37;--v11-background:#fbf8f0;--v11-surface:#fffdf7;--v11-text:#2c2518;--v11-border:#e7d8ad}
html[data-color-theme="emerald-green"]{--v11-primary:#047857;--v11-secondary:#064e3b;--v11-accent:#34d399;--v11-background:#f0fdf7;--v11-surface:#fff;--v11-text:#14352b;--v11-border:#ccefe0}
html[data-color-theme="ruby-red"]{--v11-primary:#b91c1c;--v11-secondary:#7f1d1d;--v11-accent:#fb7185}
html[data-color-theme="rose-pink"]{--v11-primary:#be185d;--v11-secondary:#831843;--v11-accent:#f9a8d4}
html[data-color-theme="sunset-orange"]{--v11-primary:#c2410c;--v11-secondary:#7c2d12;--v11-accent:#fdba74}
html[data-color-theme="teal-modern"]{--v11-primary:#0f766e;--v11-secondary:#134e4a;--v11-accent:#5eead4}
html[data-color-theme="sky-blue"]{--v11-primary:#0284c7;--v11-secondary:#075985;--v11-accent:#7dd3fc}
html[data-color-theme="indigo"]{--v11-primary:#4338ca;--v11-secondary:#312e81;--v11-accent:#a5b4fc}
html[data-color-theme="charcoal-grey"]{--v11-primary:#4b5563;--v11-secondary:#1f2937;--v11-accent:#9ca3af}
html[data-color-theme="forest-green"]{--v11-primary:#166534;--v11-secondary:#14532d;--v11-accent:#86efac}
html[data-color-theme="burgundy"]{--v11-primary:#881337;--v11-secondary:#4c0519;--v11-accent:#fda4af}
html[data-color-theme="silver-professional"]{--v11-primary:#475569;--v11-secondary:#1e293b;--v11-accent:#cbd5e1}
html[data-color-theme="neon-cyber"]{--v11-primary:#7c3aed;--v11-secondary:#111827;--v11-accent:#22d3ee;--v11-background:#0b1020;--v11-surface:#151b2f;--v11-text:#f8fafc;--v11-border:#343c58;color-scheme:dark}
html[data-color-theme="lavender"]{--v11-primary:#7c3aed;--v11-secondary:#5b21b6;--v11-accent:#ddd6fe}
html[data-color-theme="sand-beige"]{--v11-primary:#8b6b43;--v11-secondary:#5b4632;--v11-accent:#e7cfa5;--v11-background:#faf6ef;--v11-surface:#fffdf8;--v11-text:#35291d;--v11-border:#e9ddcc}
html[data-color-theme="custom-colors"]{--v11-primary:var(--v11-primary)}
html[data-ui-style="classic-business"]{--v12-radius:8px;--v12-shadow:0 2px 8px #0f172a0c}
html[data-ui-style="modern-minimal"],html[data-ui-style="flat-design"]{--v12-radius:8px;--v12-shadow:none}
html[data-ui-style="vip-premium"],html[data-ui-style="luxury-gold"],html[data-ui-style="retail-dashboard"]{--v12-radius:18px;--v12-shadow:0 12px 30px #0f172a12}
html[data-ui-style="glassmorphism"]{--v12-radius:18px;--v12-shadow:0 12px 32px #312e811c}
html[data-ui-style="compact-pos"]{--v12-radius:6px;--v12-shadow:none}
html[data-ui-style="dark-professional"],html[data-ui-style="elegant-black"]{color-scheme:dark}
html[data-ui-style="soft-pastel"]{--v12-radius:20px;--v12-shadow:0 8px 25px #d8b4fe22}
html[data-ui-style="neon-cyber"]{--v12-radius:10px;--v12-shadow:0 0 16px #7c3aed33}
html[data-color-theme] body{background:var(--v11-background);color:var(--v11-text)}
html[data-color-theme] .navbar,html[data-color-theme] .card,html[data-color-theme] .modal-content{background-color:var(--v11-surface)!important;color:var(--v11-text)}
html[data-color-theme] .card{border-radius:var(--v12-radius);box-shadow:var(--v12-shadow);border-color:var(--v11-border)}
html[data-color-theme] .btn-primary{background-color:var(--v11-primary);border-color:var(--v11-primary)}html[data-color-theme] .btn-outline-primary{color:var(--v11-primary);border-color:var(--v11-primary)}
html[data-color-theme] .page-title{color:var(--v11-primary)}html[data-color-theme] .form-control,html[data-color-theme] .form-select,html[data-color-theme] .table{border-color:var(--v11-border)}
html[data-ui-style="glassmorphism"] .card{background:color-mix(in srgb,var(--v11-surface) 86%,transparent)!important;backdrop-filter:blur(12px)}
html[data-ui-style="compact-pos"] .container{max-width:1500px}html[data-ui-style="compact-pos"] .card{padding:12px!important}html[data-ui-style="compact-pos"] .form-control,html[data-ui-style="compact-pos"] .form-select{min-height:34px}
html[data-ui-style="corporate-blue"] .navbar{border-bottom:3px solid var(--v11-primary)!important}html[data-ui-style="elegant-black"] .page-title{letter-spacing:.04em;font-weight:800}
.v12-auth{min-height:100vh;background:radial-gradient(circle at top left,#ddd6fe 0,transparent 42%),linear-gradient(135deg,#f8fafc,#f5f3ff)}.v12-hero h1{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:850;color:#3b176f}.v12-hero p{color:#6d28d9}.v12-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#c084fc);color:white;display:grid;place-items:center;margin:0 auto 12px;font-size:30px;box-shadow:0 12px 24px #7c3aed44}.v12-auth-card{border:1px solid #e9d5ff;border-radius:22px;box-shadow:0 20px 50px #4c1d9517}.v12-auth .form-control{min-height:46px;border-radius:10px}.v12-auth .btn-primary{background:linear-gradient(135deg,#6d28d9,#8b5cf6);border:0}
@media(max-width:576px){.v12-auth .container{padding-top:1.25rem!important}.v12-auth-card{padding:1.25rem!important;border-radius:16px}.table-responsive{font-size:.9rem}.btn{touch-action:manipulation}}

/* Additional distinctive presets for the complete 20-style selector */
html[data-ui-style="modern-minimal"] body{letter-spacing:.005em}html[data-ui-style="vip-premium"] .page-title{font-weight:850;letter-spacing:-.025em}
html[data-ui-style="luxury-gold"] .btn-primary{background:linear-gradient(135deg,#8a6417,#d4af37);border-color:#8a6417;color:#fff}
html[data-ui-style="royal-purple"] .btn-primary{background:linear-gradient(135deg,#6d28d9,#8b5cf6);border-color:#6d28d9}
html[data-ui-style="light-clean"]{color-scheme:light}html[data-ui-style="light-clean"] .card{border:1px solid #edf0f4;box-shadow:0 2px 10px #0f172a08}
html[data-ui-style="glassmorphism"] body{background-image:radial-gradient(circle at 10% 0,#c4b5fd44,transparent 36%),radial-gradient(circle at 90% 10%,#7dd3fc33,transparent 30%)}
html[data-ui-style="gradient-modern"] .page-title{background:linear-gradient(90deg,var(--v11-primary),var(--v11-accent));background-clip:text;color:transparent}
html[data-ui-style="soft-pastel"] .btn-primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:#8b5cf6}
html[data-ui-style="material-design"] .btn{box-shadow:0 2px 5px #0f172a18;border-radius:6px}html[data-ui-style="material-design"] .card{border-radius:8px}
html[data-ui-style="flat-design"] .btn,html[data-ui-style="flat-design"] .card{box-shadow:none;border-radius:4px}
html[data-ui-style="compact-pos"] .table td,html[data-ui-style="compact-pos"] .table th{padding:.35rem .5rem}
html[data-ui-style="retail-dashboard"] .card{border-top:3px solid var(--v11-primary)}
html[data-ui-style="elegant-black"] body{background:#111827;color:#f3f4f6}html[data-ui-style="elegant-black"] .card{background:#1f2937!important;color:#f3f4f6;border-color:#374151}
html[data-ui-style="dark-professional"] body{background:#111827;color:#e5e7eb}html[data-ui-style="dark-professional"] .card{background:#1f2937!important;color:#e5e7eb;border-color:#374151}
html[data-ui-style="neon-cyber"] .card{border:1px solid #7c3aed66}html[data-ui-style="neon-cyber"] .btn-primary{box-shadow:0 0 16px #7c3aed55}
html[data-ui-style="corporate-blue"] .btn-primary{border-radius:5px}html[data-ui-style="classic-business"] .card{box-shadow:0 2px 8px #0f172a0c}
html[data-ui-style="custom-style"] .card{border-radius:var(--v12-radius,12px)}
html[data-color-theme="marketplace-orange"]{--v11-primary:#f4511e;--v11-secondary:#7c2d12;--v11-accent:#ffb000;--v11-background:#f7f7f9;--v11-surface:#ffffff;--v11-text:#202124;--v11-border:#e7e7ea}