@import url('/assets/css/fonts.css');
/* Blacklion palette: warm gold and charcoal by default; navy is an optional theme. */
:root{color-scheme:dark;--bl-bg:#08090b;--bl-surface:#141619;--bl-raised:#22252a;--bl-input:#0c0e10;--bl-header:#050607;--bl-line:#303236;--bl-text:#f6f5f1;--bl-muted:#a5a6aa;--bl-gold:#f4ad08;--accent:var(--bl-gold);--line:var(--bl-line)}
html[data-cashier-theme="blue"],html[data-management-theme="blue"]{--bl-bg:#0b1020;--bl-surface:#121a2b;--bl-raised:#1c2639;--bl-input:#0a1223;--bl-header:#0b1121;--bl-line:#2b364b;--bl-text:#f6f7fb;--bl-muted:#a4afc1}
html{background:var(--bl-bg)}
body{font-family:Poppins,system-ui,sans-serif!important;background:var(--bl-bg)!important;color:var(--bl-text)!important}
button,input,select,textarea{font-family:inherit}a{color:var(--bl-gold)}
button{transition:background-color .15s,color .15s,box-shadow .15s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--bl-gold);outline-offset:3px}
.app-header{background:var(--bl-header);border-bottom:1px solid var(--bl-line);min-height:90px;height:auto;padding-top:15px;padding-bottom:15px}
.brand{display:grid;grid-template-columns:42px auto;column-gap:12px;align-items:center;font-size:21px;line-height:1.3;color:#fff;font-weight:700}
.brand:before{content:'';grid-column:1;grid-row:1/3;width:42px;height:42px;background:white url('/assets/brand/blacklion-icon.png') center/contain no-repeat;border-radius:9px}
.brand strong{color:var(--bl-gold)}
.brand span{grid-column:2;letter-spacing:2px;font-size:9px;opacity:1;color:var(--bl-muted);margin-top:4px}
.brand .brand-name{font-size:inherit;color:inherit;letter-spacing:0;margin:0}
.app-layout nav,nav#sidebar,.panel,.metric,dialog{background:var(--bl-surface);border-color:var(--bl-line);color:var(--bl-text)}
.app-layout nav a{color:#c7c8cb}.app-layout nav a:hover{background:var(--bl-raised);color:#fff}.app-layout nav a.active{background:var(--bl-gold);color:#181307}
.eyebrow,.currency-heading{color:var(--bl-gold)}
.page-heading p,.muted,.metric span,.field label,.filters label{color:var(--bl-muted)}
.metric{border-top:2px solid #624b16}.metric strong{color:#fff}.metric:hover{border-color:#a47a18}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--bl-input)!important;border-color:var(--bl-line)!important;color:#f5f5f5!important}
input[readonly],input:disabled,select:disabled{background:var(--bl-raised)!important;color:#a9acb0!important}
input::placeholder{color:#757982}input[type=checkbox],input[type=radio]{accent-color:var(--bl-gold)}
.app-layout button,dialog button,#page-actions button{background:var(--bl-gold);color:#171209}
button.secondary{background:var(--bl-raised);color:#e5e5e8;border:1px solid #45413a}
button.quiet{background:transparent;color:inherit}button.danger{background:#a93238;color:white}
button:disabled{opacity:.4;cursor:not-allowed}.tag{background:#352b14;color:#ffca57}.tag.suspended{background:#472026;color:#ffb8ba}
th{background:var(--bl-raised);color:#c8c9cc}td,th{border-color:var(--bl-line)}
.empty,.loading{color:var(--bl-muted)}
.notice{background:#302711;border:1px solid #6a4d13;color:#ffda80}.notice.danger{background:#3b1b21;color:#ffc1c5;border-color:#76343e}
.form-error{color:#ffa7aa}dialog{box-shadow:0 25px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
/* Cashier and prepaid screens keep their existing layouts and game-state colors. */
body .bg-white,.modal-content{background-color:var(--bl-surface)!important;color:var(--bl-text)}
body .bg-gray-50,body .bg-gray-100,body .bg-sky-50{background-color:var(--bl-bg)!important}
body .text-gray-900,body .text-gray-800,body .text-gray-700{color:var(--bl-text)!important}
body .text-gray-600,body .text-gray-500{color:var(--bl-muted)!important}
body .border-gray-100,body .border-gray-200,body .border-gray-300{border-color:var(--bl-line)!important}
body .text-indigo-600,body .text-blue-600,body .text-purple-600{color:var(--bl-gold)!important}
body .text-indigo-700,body .text-indigo-800,body .text-blue-800,body .text-purple-700{color:var(--bl-gold)!important}
body .bg-indigo-50,body .bg-blue-50,body .bg-purple-50{background:#332910!important;color:#ffda80!important}
body button.bg-indigo-600,body button.bg-blue-600,body button.bg-purple-600,body a.bg-indigo-600,body button.bg-gradient-to-r{background:var(--bl-gold)!important;color:#171209!important}
body a.bg-purple-600,#selectCardByNumberBtn,#mobileSelectCardByNumberBtn,#mobileCartelaBtn{background:var(--bl-gold)!important;color:#171209!important}
#privSelectBtn,#viewCardsBtn,#userDropdownBtn{background:var(--bl-raised)!important;border-color:#44413a!important;color:#f5f5f5!important}
#selectedCount{background:#3b2e11!important;color:#ffda80!important}
.card{border:1px solid var(--bl-line);background:var(--bl-raised)!important}.card:hover{border-color:var(--bl-gold)}
body .card.selected{border:2px solid var(--bl-gold);background:#3b2e11!important;box-shadow:0 0 12px #f4ad0826}
.card.selected::after{background:var(--bl-gold);color:#171209}.card.selected .card-number{color:#ffdc88!important}
.custom-scrollbar::-webkit-scrollbar-thumb{background:#665128!important}
a[href='/cashier/settlements']{color:var(--bl-gold)!important}
body h1.bg-clip-text,body h2.bg-clip-text{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff}
body .login-container{background:radial-gradient(ellipse at 70% 15%,#4c350b66,transparent 55%),var(--bl-bg)!important}
.login-container>.max-w-md{background:var(--bl-surface)!important;border:1px solid #4b3c1f;box-shadow:0 30px 120px #0008;border-radius:20px;max-width:470px}
.login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 28px;font-weight:700;font-size:21px;color:#fff}.login-brand img{width:48px;height:48px;border-radius:10px;background:#fff}.login-brand strong{color:var(--bl-gold)}
.login-container h2{font-size:23px}.login-container button[type=submit]{background:var(--bl-gold)!important;color:#171209!important;border-radius:10px;min-height:46px;font-weight:700}
.login-container input[type=text],.login-container input[type=password]{padding:10px 40px;min-height:44px}
.login-container #togglePassword{position:absolute;inset:0 0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;padding:0;color:var(--bl-muted)}
.login-container .error-message{color:#ffb0b4}.login-container .bg-red-100{background:#401d24!important}
.login-support{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}.login-support p{margin:0}
#createGameBtn,#exportBtn,#applyFiltersBtn{background:var(--bl-gold)!important;color:#171209!important}
#game-container>div:first-child{border:1px solid #564019}
#numbers-called{color:#15100a}#game-time,#bet-amount{color:var(--bl-gold)!important}
#invoice-content td,#invoice-content th{white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.brand{font-size:17px;grid-template-columns:34px auto}.brand:before{width:34px;height:34px}.app-header{gap:10px}.app-header #identity{display:block;font-size:11px}.invoice-heading{gap:12px;flex-wrap:wrap}}
@media print{html,body,#invoice-dialog,#invoice-content{background:#fff!important;color:#111!important;color-scheme:light}#invoice-content th{background:#eee!important;color:#333!important}#invoice-content td,#invoice-content th{border-color:#ccc!important}#invoice-content .tag{color:#111!important;background:#eee!important}#invoice-content .table-wrap{overflow:visible}}