/* FokatLoot V12 targeted correction — preserve V10 visual language */
:root{--v12-page:#f2f6fb;--v12-surface:#f8fbff;--v12-surface2:#eef5fd;--v12-line:#d8e4f1;--v12-ink:#0d2440;--v12-muted:#60758f}
body[data-fl-page]{background:linear-gradient(180deg,#edf4fb 0,#f6f9fc 42%,#eef4fa 100%)!important;color:var(--v12-ink)!important}
.user-shared-header{height:62px!important;min-height:62px!important;padding-top:6px!important;padding-bottom:9px!important}.user-shared-header .ush-logo{width:38px!important;height:38px!important;min-width:38px!important}.user-shared-header .ush-notification{width:34px!important;height:34px!important;min-width:34px!important}
body[data-fl-page]>.container,body[data-fl-page]>.wrap,body[data-fl-page]>.shell,body[data-fl-page]>.chat-page{width:min(720px,calc(100% - 20px))!important}
/* mobile should feel mobile, not desktop shrunk down */
@media(max-width:600px){
 body[data-fl-page]{font-size:14.5px!important}
 body[data-fl-page]>.container,body[data-fl-page]>.wrap,body[data-fl-page]>.shell,body[data-fl-page]>.chat-page{width:calc(100% - 18px)!important}
 .user-shared-header .ush-name{font-size:16px!important}.user-shared-header .ush-sub{font-size:10.5px!important}
 body[data-fl-page="dashboard"] .offer-card,.offers-grid .offer-card{grid-template-columns:56px minmax(0,1fr) 94px!important;min-height:94px!important;padding:11px 11px!important;gap:4px 9px!important}
 .offers-grid .offer-logo-wrap,.offers-grid .offer-logo,.offer-logo{width:54px!important;height:54px!important}
 .offer-title{font-size:14.2px!important}.offer-desc{font-size:10.5px!important;line-height:1.42!important}.offer-reward{min-width:84px!important;font-size:12px!important;font-weight:800!important}.claim-btn,.offers-grid .claim-btn{width:92px!important;height:35px!important;min-height:35px!important;font-size:10.5px!important}
}
/* dashboard balance: compact, proportional */
body[data-fl-page="dashboard"] .balance-card{padding:14px!important;border-radius:17px!important;background:linear-gradient(145deg,#f8fbff,#edf5fc)!important}.balance-amount,.lifetime-amount{font-size:25px!important}.balance-buttons{margin-top:11px!important}.balance-btn{min-height:45px!important}
/* offer reward slightly stronger everywhere */
body[data-fl-page="offers"] .offer-reward,.offer-reward{font-size:12.5px!important;font-weight:800!important}
/* notifications: compact and delete at top-right */
body[data-fl-page="notifications"] .list .card{position:relative!important;grid-template-columns:36px minmax(0,1fr)!important;padding:10px 40px 10px 10px!important;gap:9px!important;border-radius:14px!important}.list .card-actions{position:absolute!important;top:8px!important;right:8px!important;display:flex!important;flex-direction:column!important}.list .icon-action{width:25px!important;height:25px!important}.list .card-title{font-size:12px!important}.list .message{font-size:10.5px!important}
/* auth pages: no unnecessary vertical scrolling and less empty white */
body[data-fl-page="login"],body[data-fl-page="register"],body[data-fl-page="forgot_password"]{min-height:100dvh!important;background:radial-gradient(circle at 85% 8%,rgba(44,145,255,.12),transparent 28%),linear-gradient(180deg,#edf4fb,#f7f9fc 48%,#edf3f9)!important}
body[data-fl-page="login"] .auth-center,body[data-fl-page="register"] .auth-center,body[data-fl-page="forgot_password"] .auth-center,body[data-fl-page="login"] .wrapper,body[data-fl-page="register"] .wrapper{min-height:100dvh!important;padding-top:12px!important;padding-bottom:12px!important;align-items:center!important}
body[data-fl-page="login"] .card,body[data-fl-page="register"] .card,body[data-fl-page="forgot_password"] .card{background:linear-gradient(155deg,#f8fbff,#edf4fb)!important;border-color:#d6e3f0!important}
body[data-fl-page="login"] .logo-box,body[data-fl-page="register"] .logo-box{margin-bottom:8px!important}.form-group{margin-bottom:10px!important}.optional-label{font-weight:500;opacity:.62;font-size:.9em}
/* offer details: readable premium tinted panels, not flat white */
body[data-fl-page="offer"]{background:linear-gradient(180deg,#eaf2fb 0,#f4f8fc 48%,#edf3f9 100%)!important}body[data-fl-page="offer"] .wrap{padding-top:8px!important}body[data-fl-page="offer"] .card,body[data-fl-page="offer"] .overall-status-card{background:linear-gradient(150deg,#f8fbff,#edf4fb)!important;border:1px solid #d5e2ef!important;box-shadow:0 10px 24px rgba(34,69,108,.08)!important;color:#0d2440!important}body[data-fl-page="offer"] .copy,body[data-fl-page="offer"] .muted,body[data-fl-page="offer"] small{color:#5b718d!important;opacity:1!important}body[data-fl-page="offer"] .section-title{color:#173755!important;font-weight:800!important}body[data-fl-page="offer"] .reward{font-size:28px!important;font-weight:850!important}