/* FokatLoot V12 SAFE HOTFIX — preserve V12 structure, correct scale/contrast/consistency only */
:root{
  --v12h-bg:#e3ebf4;
  --v12h-bg2:#edf3f8;
  --v12h-surface:#edf4fa;
  --v12h-surface2:#e4edf5;
  --v12h-line:#d2deea;
  --v12h-ink:#10233d;
  --v12h-muted:#60748e;
  --v12h-blue:#0d73ed;
  --v12h-green:#07994e;
  --v12h-greenbg:#e2f5ea;
  --v12h-shadow:0 8px 20px rgba(32,61,96,.075);
}

/* Softer light UI — no glaring full-white canvas */
body[data-fl-page]{
  background:
    radial-gradient(circle at 88% 4%,rgba(49,143,246,.10),transparent 24%),
    linear-gradient(180deg,var(--v12h-bg) 0%,var(--v12h-bg2) 42%,#e7eef6 100%)!important;
  color:var(--v12h-ink)!important;
}
body[data-fl-page] .card,
body[data-fl-page] .balance-card,
body[data-fl-page] .wallet-card,
body[data-fl-page] .withdraw-card,
body[data-fl-page] .activity-card,
body[data-fl-page] .hero-card,
body[data-fl-page] .referral-hero,
body[data-fl-page] .stat-box,
body[data-fl-page] .stat-card,
body[data-fl-page] .support-box,
body[data-fl-page] .category-card,
body[data-fl-page] .overall-status-card,
body[data-fl-page] .notification-card,
body[data-fl-page] .transaction-card,
body[data-fl-page] .profile-card,
body[data-fl-page] .menu-card,
body[data-fl-page] .settings-card,
body[data-fl-page] .shell .hero,
body[data-fl-page] .shell .card,
body[data-fl-page] .list .card,
body[data-fl-page] .fl8-profile-main,
body[data-fl-page] .fl8-stat,
body[data-fl-page] .fl8-menu,
body[data-fl-page] .search-box{
  background:linear-gradient(160deg,var(--v12h-surface),var(--v12h-surface2))!important;
  border-color:var(--v12h-line)!important;
  box-shadow:var(--v12h-shadow)!important;
}

/* Header: only slightly smaller than V12, preserve exact structure */
.user-shared-header{
  height:42px!important;min-height:42px!important;
  padding:3px 10px 5px!important;margin-bottom:-3px!important;
  border-radius:0 0 15px 15px!important;
}
.user-shared-header .ush-logo{width:28px!important;height:28px!important;min-width:28px!important}
.user-shared-header .ush-name{font-size:12.6px!important;line-height:1.04!important;color:#fff!important;max-width:200px!important}
.user-shared-header .ush-sub{font-size:8px!important;margin-top:1px!important;color:rgba(255,255,255,.94)!important}
.user-shared-header .ush-notification{width:28px!important;height:28px!important;min-width:28px!important}
.user-shared-header .ush-notification svg{width:15px!important;height:15px!important}

/* Dashboard: same V12 card layout, just bigger and easier to read */
body[data-fl-page="dashboard"] .container{padding-top:8px!important}
body[data-fl-page="dashboard"] .offer-card{
  grid-template-columns:64px minmax(0,1fr) 108px!important;
  min-height:110px!important;padding:14px 13px!important;gap:6px 11px!important;
  border-radius:17px!important;margin-bottom:11px!important;
}
body[data-fl-page="dashboard"] .offer-logo{width:62px!important;height:62px!important}
body[data-fl-page="dashboard"] .offer-title{font-size:15.2px!important;line-height:1.25!important}
body[data-fl-page="dashboard"] .offer-desc{font-size:11px!important;line-height:1.52!important}
body[data-fl-page="dashboard"] .offer-reward{min-width:98px!important;padding:9px 10px!important;font-size:13.4px!important;font-weight:800!important;background:var(--v12h-greenbg)!important;color:var(--v12h-green)!important}
body[data-fl-page="dashboard"] .claim-btn{width:102px!important;height:39px!important;min-height:39px!important;font-size:11px!important}
body[data-fl-page="dashboard"] .balance-card{padding:13px!important}
body[data-fl-page="dashboard"] .balance-amount,body[data-fl-page="dashboard"] .lifetime-amount{font-size:24px!important}

/* Offers page: keep horizontal V12 mobile card, only enlarge */
body[data-fl-page="offers"] .offers-grid{grid-template-columns:1fr!important;gap:12px!important}
body[data-fl-page="offers"] .offer-card{
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr) 108px!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;row-gap:4px!important;
  width:100%!important;max-width:none!important;min-height:114px!important;
  padding:15px 14px!important;margin:0!important;border-radius:18px!important;
  background:linear-gradient(160deg,var(--v12h-surface),var(--v12h-surface2))!important;
  border:1px solid var(--v12h-line)!important;box-shadow:var(--v12h-shadow)!important;
}
body[data-fl-page="offers"] .offer-logo-wrap{grid-column:1!important;grid-row:1/3!important;width:62px!important;height:62px!important;margin:0!important;align-self:center!important}
body[data-fl-page="offers"] .offer-logo{width:100%!important;height:100%!important}
body[data-fl-page="offers"] .offer-title{grid-column:2!important;grid-row:1!important;text-align:left!important;font-size:14.8px!important;line-height:1.3!important;margin:0!important}
body[data-fl-page="offers"] .offer-desc{grid-column:2!important;grid-row:2!important;text-align:left!important;font-size:11px!important;line-height:1.52!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body[data-fl-page="offers"] .offer-reward{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:start!important;min-width:98px!important;margin:0!important;padding:9px 10px!important;font-size:13.8px!important;background:var(--v12h-greenbg)!important;color:var(--v12h-green)!important;box-shadow:none!important}
body[data-fl-page="offers"] .claim-btn{grid-column:3!important;grid-row:2!important;justify-self:end!important;align-self:end!important;width:102px!important;height:40px!important;min-height:40px!important;margin:0!important;font-size:10.9px!important;border-radius:12px!important}
body[data-fl-page="offers"] .live-badge{top:8px!important;left:8px!important;padding:4px 7px!important;font-size:8px!important}

/* Offer details stays V12, but remove faded text / white glare */
body[data-fl-page="offer"] .card,body[data-fl-page="offer"] .overall-status-card{background:linear-gradient(155deg,var(--v12h-surface),var(--v12h-surface2))!important;border-color:var(--v12h-line)!important}
body[data-fl-page="offer"] .copy,body[data-fl-page="offer"] .muted,body[data-fl-page="offer"] small{color:#536b87!important;opacity:1!important}
body[data-fl-page="offer"] .reward{font-size:29px!important;font-weight:850!important}

/* Auth: compact enough for normal phone viewport; remove non-essential height */
body[data-fl-page="login"],body[data-fl-page="register"],body[data-fl-page="forgot_password"]{
  min-height:100svh!important;
  background:radial-gradient(circle at 84% 7%,rgba(45,139,244,.10),transparent 26%),linear-gradient(180deg,#eaf1f8,#f3f7fa 48%,#eaf1f7)!important;
}
body[data-fl-page="login"] .auth-center,body[data-fl-page="register"] .auth-center,body[data-fl-page="forgot_password"] .auth-center{
  min-height:100svh!important;padding:3px 10px!important;align-items:center!important;
}
body[data-fl-page="login"] .wrapper,body[data-fl-page="register"] .wrapper,body[data-fl-page="forgot_password"] .wrapper{max-width:392px!important;min-height:0!important}
body[data-fl-page="login"] .logo-box,body[data-fl-page="register"] .logo-box,body[data-fl-page="forgot_password"] .logo-box{margin-bottom:2px!important}
body[data-fl-page="login"] .logo,body[data-fl-page="register"] .logo,body[data-fl-page="forgot_password"] .logo{width:44px!important;height:44px!important;margin-bottom:2px!important;border-radius:14px!important}
body[data-fl-page="login"] .site-name,body[data-fl-page="register"] .site-name,body[data-fl-page="forgot_password"] .site-name{font-size:18px!important}
body[data-fl-page="login"] .site-sub,body[data-fl-page="register"] .site-sub,body[data-fl-page="forgot_password"] .site-sub{font-size:9.5px!important;margin-top:0!important}
body[data-fl-page="login"] .card,body[data-fl-page="register"] .card,body[data-fl-page="forgot_password"] .card{padding:10px!important;border-radius:16px!important;background:linear-gradient(160deg,var(--v12h-surface),var(--v12h-surface2))!important;border-color:var(--v12h-line)!important}
body[data-fl-page="login"] .form-group,body[data-fl-page="register"] .form-group,body[data-fl-page="forgot_password"] .form-group{margin-bottom:5px!important}
body[data-fl-page="login"] label,body[data-fl-page="register"] label,body[data-fl-page="forgot_password"] label{font-size:10.5px!important;margin-bottom:2px!important}
body[data-fl-page="login"] .input,body[data-fl-page="register"] .input,body[data-fl-page="forgot_password"] .input{height:38px!important;padding:0 11px!important;font-size:12.5px!important;background:#f7fafc!important;color:var(--v12h-ink)!important;border-color:#cad8e6!important}
body[data-fl-page="login"] .login-btn,body[data-fl-page="register"] .register-btn{min-height:38px!important;padding:0 12px!important;margin-top:1px!important}
body[data-fl-page="login"] .info-box,body[data-fl-page="register"] .info-box{display:none!important}
body[data-fl-page="login"] .links,body[data-fl-page="register"] .bottom-link{margin-top:8px!important;font-size:11.5px!important}
body[data-fl-page="register"] .bottom-link br{display:none!important}
.optional-label{display:inline-flex!important;align-items:center!important;min-height:19px!important;padding:0 7px!important;margin-left:5px!important;border-radius:999px!important;background:#e6eef7!important;border:1px solid #d0deeb!important;color:#5c718b!important;font-size:9px!important;font-weight:700!important;opacity:1!important;vertical-align:middle!important}


body[data-fl-page] h1,body[data-fl-page] h2,body[data-fl-page] h3,body[data-fl-page] .title,body[data-fl-page] .section-title,body[data-fl-page] .hero-title,body[data-fl-page] .support-title,body[data-fl-page] .offer-title,body[data-fl-page] .card-title,body[data-fl-page] strong{color:var(--v12h-ink)!important}
body[data-fl-page] .muted,body[data-fl-page] .sub,body[data-fl-page] .copy,body[data-fl-page] .message,body[data-fl-page] .time,body[data-fl-page] .profile-mobile,body[data-fl-page] .member-since,body[data-fl-page] .wallet-title,body[data-fl-page] .wallet-label,body[data-fl-page] .offer-desc,body[data-fl-page] small{color:#596f89!important;opacity:1!important}
body[data-fl-page] .card,body[data-fl-page] .balance-card,body[data-fl-page] .wallet-card,body[data-fl-page] .withdraw-card,body[data-fl-page] .activity-card,body[data-fl-page] .hero-card,body[data-fl-page] .support-box,body[data-fl-page] .category-card,body[data-fl-page] .overall-status-card,body[data-fl-page] .notification-card,body[data-fl-page] .transaction-card,body[data-fl-page] .profile-card,body[data-fl-page] .menu-card,body[data-fl-page] .settings-card,body[data-fl-page] .fl8-profile-main,body[data-fl-page] .fl8-stat,body[data-fl-page] .fl8-menu,body[data-fl-page] .search-box{border:1px solid var(--v12h-line)!important}

/* Profile: preserve V12 profile shell, enlarge readability + more complete menu */
body[data-fl-page="profile"] .container>.hero,body[data-fl-page="profile"] .container>.wallet-card,body[data-fl-page="profile"] .container>.activity-card{display:none!important}
body[data-fl-page="profile"] .container{padding-top:8px!important} body[data-fl-page="profile"] .fl8-profile-reference{display:grid!important;gap:10px!important}
.fl8-profile-main{grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;border-radius:18px!important;margin-bottom:8px!important}
.fl8-avatar-inner{width:70px!important;height:70px!important;font-size:22px!important}
.fl8-info-row{grid-template-columns:26px minmax(0,1fr) auto!important;gap:7px!important;min-height:42px!important;padding:8px 9px!important;border-radius:12px!important;background:rgba(255,255,255,.28)!important;border:1px solid rgba(204,217,230,.92)!important}
.fl8-i{width:26px!important;height:26px!important}.fl8-info-row small{font-size:9px!important}.fl8-info-row strong{font-size:11.2px!important}.fl8-verified{font-size:8px!important;padding:3px 6px!important}.fl8-copy{font-size:8.6px!important;padding:5px 8px!important}
.fl8-profile-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important}.fl8-stat{padding:9px!important;border-radius:15px!important}.fl8-stat-icon{width:27px!important;height:27px!important;min-width:27px!important}.fl8-stat small{font-size:8.4px!important}.fl8-stat strong{font-size:13.5px!important}.fl8-stat em{font-size:7.3px!important}
.fl8-menu{padding:4px 10px!important;border-radius:18px!important}.fl8-menu a,.fl8-menu button{min-height:42px!important;font-size:11.2px!important;grid-template-columns:28px 1fr 14px!important;border-bottom:1px solid #d7e2ed!important}.fl8-menu a:last-child,.fl8-menu button:last-child{border-bottom:0!important}.fl8-menu a span,.fl8-menu button span{width:26px!important;height:26px!important;border-radius:8px!important}

/* One modal/popup language on all user pages */
body[data-fl-page] .modal{background:rgba(9,18,31,.52)!important;backdrop-filter:blur(5px)!important}
body[data-fl-page] .modal-content,body[data-fl-page] .otp-profile-modal .otp-compact{background:linear-gradient(160deg,var(--v12h-surface),var(--v12h-surface2))!important;border:1px solid var(--v12h-line)!important;color:var(--v12h-ink)!important;border-radius:18px!important;box-shadow:0 20px 50px rgba(25,48,80,.18)!important}
body[data-fl-page] .modal-content h3{color:var(--v12h-ink)!important}
body[data-fl-page] .modal-input{background:#f7fafc!important;color:var(--v12h-ink)!important;border:1px solid #cad8e6!important}
body[data-fl-page] .close-btn{background:#eaf1f7!important;color:#39516e!important;border:1px solid var(--v12h-line)!important}
.fokat-notification-popup{top:70px!important;background:linear-gradient(160deg,var(--v12h-surface),var(--v12h-surface2))!important;border-color:var(--v12h-line)!important}



/* Support and support chat should match the same soft premium look */
body[data-fl-page="support"],body[data-fl-page="support_chat"]{background:radial-gradient(circle at 88% 5%,rgba(49,143,246,.10),transparent 24%),linear-gradient(180deg,var(--v12h-bg),var(--v12h-bg2) 42%,#e7eef6 100%)!important}
body[data-fl-page="support"] .category-card,
body[data-fl-page="support"] .ticket-card,
body[data-fl-page="support"] .faq-card,
body[data-fl-page="support"] .support-box,
body[data-fl-page="support_chat"] .support-card,
body[data-fl-page="support_chat"] .chat-box,
body[data-fl-page="support_chat"] .composer,
body[data-fl-page="support_chat"] .create-form,
body[data-fl-page="support_chat"] .quick-replies button,
body[data-fl-page="support_chat"] .notice,
body[data-fl-page="support_chat"] .error{
  background:linear-gradient(160deg,var(--v12h-surface),var(--v12h-surface2))!important;
  border:1px solid var(--v12h-line)!important;
  box-shadow:var(--v12h-shadow)!important;
  color:var(--v12h-ink)!important;
}
body[data-fl-page="support_chat"] .support-card{padding:14px!important}
body[data-fl-page="support_chat"] .chat-box{padding:12px!important;min-height:400px!important;background:linear-gradient(180deg,#eef4fa,#e8f0f8)!important}
body[data-fl-page="support_chat"] .composer{padding:9px!important}
body[data-fl-page="support_chat"] .create-form textarea,
body[data-fl-page="support_chat"] .composer textarea{background:#f6f9fc!important;border:1px solid #cad8e6!important;color:var(--v12h-ink)!important}
body[data-fl-page="support_chat"] .attach-btn,
body[data-fl-page="support_chat"] .send-btn,
body[data-fl-page="support_chat"] .create-btn{border-radius:12px!important}
body[data-fl-page="support_chat"] .attach-btn{background:#eaf1f8!important;border:1px solid var(--v12h-line)!important;color:#35506e!important}
body[data-fl-page="support_chat"] .send-btn,
body[data-fl-page="support_chat"] .create-btn{background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;color:#fff!important;border:0!important}
body[data-fl-page="support_chat"] .quick-replies button{min-height:36px!important;border-radius:999px!important;padding:0 12px!important;background:#edf4fa!important;color:#38526f!important}
body[data-fl-page="support_chat"] .bubble{background:#e7f0fb!important;color:var(--v12h-ink)!important;border:1px solid rgba(202,216,230,.75)!important}
body[data-fl-page="support_chat"] .chat-row.user .bubble{background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;color:#fff!important;border-color:transparent!important}
body[data-fl-page="support_chat"] .sender{color:#59708a!important}
body[data-fl-page="support_chat"] .time{color:#6c819a!important}
body[data-fl-page="support_chat"] .chat-file-card{background:rgba(255,255,255,.42)!important;border:1px solid var(--v12h-line)!important;color:var(--v12h-ink)!important}
body[data-fl-page="support_chat"] .chat-file-action{background:#edf4fa!important;border:1px solid var(--v12h-line)!important;color:#31506d!important}
body[data-fl-page="support_chat"] .chat-file-action.save{background:#e3f5ea!important;color:#0d8d4e!important}
body[data-fl-page="support_chat"] #jumpLatest{background:#edf4fa!important;border:1px solid var(--v12h-line)!important;color:#35506e!important}
body[data-fl-page="support_chat"] .typing{color:#59708a!important}
body[data-fl-page="support_chat"] .chat-toast{background:#10233d!important;color:#fff!important}
body[data-fl-page="support_chat"] .chat-toast.error{background:#a91d31!important}
body[data-fl-page="support_chat"] .attachment-upload-preview,
body[data-fl-page="support_chat"] .create-attachment-preview{background:rgba(255,255,255,.45)!important;border:1px solid var(--v12h-line)!important}
body[data-fl-page="support_chat"] .status-pill{background:#e8f0fb!important;color:#2d5688!important;border:1px solid var(--v12h-line)!important}
body[data-fl-page="support_chat"] .support-meta,
body[data-fl-page="support_chat"] .category-help{color:#5c718b!important}

/* Small auth cleanup */
body[data-fl-page="login"] .auth-support-float,body[data-fl-page="register"] .auth-support-float,body[data-fl-page="forgot_password"] .auth-support-float{right:10px!important;bottom:12px!important}
body[data-fl-page="login"] .auth-support-float a,body[data-fl-page="register"] .auth-support-float a,body[data-fl-page="forgot_password"] .auth-support-float a{width:40px!important;height:40px!important}

@media(max-width:520px){
 body[data-fl-page="profile"] .fl8-profile-stats{grid-template-columns:1fr!important}
 body[data-fl-page="profile"] .fl8-profile-main{grid-template-columns:72px minmax(0,1fr)!important;padding:11px!important}
 body[data-fl-page="profile"] .fl8-avatar-inner{width:62px!important;height:62px!important;font-size:20px!important}
 body[data-fl-page="profile"] .fl8-menu a,body[data-fl-page="profile"] .fl8-menu button{font-size:11px!important}
 .user-shared-header{height:40px!important;min-height:40px!important;padding:3px 9px 4px!important}
 .user-shared-header .ush-logo{width:26px!important;height:26px!important;min-width:26px!important}
 .user-shared-header .ush-name{font-size:11.9px!important;max-width:140px!important}
 .user-shared-header .ush-sub{font-size:7.5px!important}
 .user-shared-header .ush-notification{width:26px!important;height:26px!important;min-width:26px!important}
 .user-shared-header .ush-notification svg{width:14px!important;height:14px!important}
}

@media(max-width:380px){
 body[data-fl-page="dashboard"] .offer-card{grid-template-columns:56px minmax(0,1fr) 94px!important;padding:12px 10px!important}
 body[data-fl-page="dashboard"] .offer-logo{width:54px!important;height:54px!important}
 body[data-fl-page="offers"] .offer-card{grid-template-columns:58px minmax(0,1fr) 94px!important;padding:12px 10px!important}
 body[data-fl-page="offers"] .offer-logo-wrap{width:54px!important;height:54px!important}
 body[data-fl-page="offers"] .offer-reward{min-width:86px!important;font-size:12px!important}
 body[data-fl-page="offers"] .claim-btn{width:90px!important}
}

/* =========================================================
   V12.3 SURGICAL PATCH — keep the approved V12.3 appearance
   Only fixes requested mobile sizing / header / auth / profile
   ========================================================= */

/* Header: 25% shorter than the current V12.3 header. */
.user-shared-header{
  height:32px!important;
  min-height:32px!important;
  padding:2px 9px 3px!important;
  margin-bottom:-2px!important;
  border-radius:0 0 14px 14px!important;
}
.user-shared-header .ush-logo{width:22px!important;height:22px!important;min-width:22px!important}
.user-shared-header .ush-name{font-size:11.4px!important;line-height:1.03!important;max-width:180px!important}
.user-shared-header .ush-sub{font-size:7.3px!important;line-height:1.1!important;margin-top:0!important}
.user-shared-header .ush-notification{width:24px!important;height:24px!important;min-width:24px!important;margin-top:0!important}
.user-shared-header .ush-notification svg{width:13px!important;height:13px!important}
.user-shared-header .ush-badge{top:1px!important;right:1px!important}

/* Stronger readability without changing the palette/layout. */
body[data-fl-page] .muted,
body[data-fl-page] .sub,
body[data-fl-page] .copy,
body[data-fl-page] .message,
body[data-fl-page] .time,
body[data-fl-page] .profile-mobile,
body[data-fl-page] .member-since,
body[data-fl-page] .wallet-title,
body[data-fl-page] .wallet-label,
body[data-fl-page] .offer-desc,
body[data-fl-page] small{color:#526983!important;opacity:1!important}

/* Dashboard Latest Offers: preserve the old card design, only fix overlap and enlarge slightly. */
body[data-fl-page="dashboard"] .offer-card{
  display:block!important;
  position:relative!important;
  min-height:0!important;
  padding:16px 14px!important;
  margin-bottom:13px!important;
  border-radius:18px!important;
}
body[data-fl-page="dashboard"] .offer-top{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:66px!important;
}
body[data-fl-page="dashboard"] .offer-logo{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  border-radius:50%!important;
}
body[data-fl-page="dashboard"] .offer-info{
  min-width:0!important;
  flex:1!important;
  padding-right:108px!important;
}
body[data-fl-page="dashboard"] .offer-title{
  font-size:15.5px!important;
  line-height:1.3!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}
body[data-fl-page="dashboard"] .offer-desc{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:10px 0 0!important;
  font-size:11.2px!important;
  line-height:1.55!important;
  padding:0!important;
}
body[data-fl-page="dashboard"] .offer-reward{
  position:absolute!important;
  top:15px!important;
  right:14px!important;
  min-width:98px!important;
  padding:9px 10px!important;
  font-size:13.5px!important;
  line-height:1!important;
  margin:0!important;
  z-index:4!important;
}
body[data-fl-page="dashboard"] .claim-btn{
  display:flex!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:12px 0 0!important;
  font-size:11.5px!important;
  border-radius:12px!important;
}

/* Offers page: same exact horizontal card layout, just ~5% larger. */
body[data-fl-page="offers"] .offer-card{
  grid-template-columns:68px minmax(0,1fr) 110px!important;
  min-height:120px!important;
  padding:16px 14px!important;
}
body[data-fl-page="offers"] .offer-logo-wrap{width:65px!important;height:65px!important}
body[data-fl-page="offers"] .offer-title{font-size:15.1px!important}
body[data-fl-page="offers"] .offer-desc{font-size:11.2px!important;line-height:1.55!important}
body[data-fl-page="offers"] .offer-reward{min-width:100px!important;font-size:14px!important}
body[data-fl-page="offers"] .claim-btn{width:104px!important;height:42px!important;min-height:42px!important;font-size:11px!important}

/* Login/Register: compact only; do not redesign them. */
body[data-fl-page="login"] .auth-center,
body[data-fl-page="register"] .auth-center,
body[data-fl-page="forgot_password"] .auth-center{
  padding:2px 8px!important;
}
body[data-fl-page="login"] .wrapper,
body[data-fl-page="register"] .wrapper,
body[data-fl-page="forgot_password"] .wrapper{max-width:382px!important}
body[data-fl-page="login"] .logo-box,
body[data-fl-page="register"] .logo-box,
body[data-fl-page="forgot_password"] .logo-box{margin-bottom:1px!important}
body[data-fl-page="login"] .logo,
body[data-fl-page="register"] .logo,
body[data-fl-page="forgot_password"] .logo{width:38px!important;height:38px!important;margin-bottom:1px!important}
body[data-fl-page="login"] .site-name,
body[data-fl-page="register"] .site-name,
body[data-fl-page="forgot_password"] .site-name{font-size:17px!important;line-height:1.05!important}
body[data-fl-page="login"] .site-sub,
body[data-fl-page="register"] .site-sub,
body[data-fl-page="forgot_password"] .site-sub{font-size:9px!important;line-height:1.2!important}
body[data-fl-page="login"] .card,
body[data-fl-page="register"] .card,
body[data-fl-page="forgot_password"] .card{padding:9px 10px!important}
body[data-fl-page="login"] .form-group,
body[data-fl-page="register"] .form-group,
body[data-fl-page="forgot_password"] .form-group{margin-bottom:4px!important}
body[data-fl-page="login"] label,
body[data-fl-page="register"] label,
body[data-fl-page="forgot_password"] label{font-size:10.3px!important;margin-bottom:2px!important}
body[data-fl-page="login"] .input,
body[data-fl-page="register"] .input,
body[data-fl-page="forgot_password"] .input{height:35px!important;font-size:12px!important}
body[data-fl-page="login"] .login-btn,
body[data-fl-page="register"] .register-btn{height:36px!important;min-height:36px!important}
body[data-fl-page="login"] .links,
body[data-fl-page="register"] .bottom-link{margin-top:5px!important;font-size:10.7px!important;line-height:1.35!important}
body[data-fl-page="login"] .auth-support-float,
body[data-fl-page="register"] .auth-support-float,
body[data-fl-page="forgot_password"] .auth-support-float{display:none!important}
body[data-fl-page="login"] .g-recaptcha,
body[data-fl-page="register"] .g-recaptcha,
body[data-fl-page="forgot_password"] .g-recaptcha{
  transform:scale(.82)!important;
  transform-origin:center top!important;
  width:304px!important;
  max-width:100%!important;
  margin:0 auto -12px!important;
}

/* Profile: keep the approved design, only tighten stats/menu. */
body[data-fl-page="profile"] .fl8-profile-stats{gap:8px!important}
body[data-fl-page="profile"] .fl8-stat{padding:9px!important;min-height:74px!important}
body[data-fl-page="profile"] .fl8-stat em{display:none!important}
body[data-fl-page="profile"] .fl8-stat strong{font-size:14px!important}
body[data-fl-page="profile"] .fl8-menu a,
body[data-fl-page="profile"] .fl8-menu button{min-height:42px!important}

@media(max-width:390px){
  body[data-fl-page="dashboard"] .offer-info{padding-right:94px!important}
  body[data-fl-page="dashboard"] .offer-logo{width:58px!important;height:58px!important;flex-basis:58px!important}
  body[data-fl-page="dashboard"] .offer-reward{min-width:86px!important;font-size:12.5px!important}
  body[data-fl-page="offers"] .offer-card{grid-template-columns:60px minmax(0,1fr) 96px!important;padding:13px 11px!important;min-height:112px!important}
  body[data-fl-page="offers"] .offer-logo-wrap{width:56px!important;height:56px!important}
  body[data-fl-page="offers"] .offer-reward{min-width:88px!important;font-size:12.6px!important}
  body[data-fl-page="offers"] .claim-btn{width:92px!important;height:38px!important;min-height:38px!important}
}


/* ===== AUG15 precise UI corrections ===== */
/* Preserve logo/name scale; only remove excess header space below them. */
body.has-user-shared-header .user-shared-header{
  height:36px!important;min-height:36px!important;padding:3px 10px 2px!important;margin-bottom:-2px!important;border-radius:0 0 14px 14px!important;
}
body.has-user-shared-header .user-shared-header .ush-logo{width:28px!important;height:28px!important;min-width:28px!important}
body.has-user-shared-header .user-shared-header .ush-name{font-size:12.6px!important;line-height:1.04!important}
body.has-user-shared-header .user-shared-header .ush-sub{font-size:8px!important;margin-top:1px!important}
body.has-user-shared-header .user-shared-header .ush-notification{width:27px!important;height:27px!important;min-width:27px!important}

/* Dashboard latest offers: exact clean three-column mobile layout. */
body[data-fl-page="dashboard"] .offer-card{
  display:grid!important;grid-template-columns:64px minmax(0,1fr) 104px!important;grid-template-rows:auto auto!important;
  column-gap:11px!important;row-gap:5px!important;align-items:center!important;min-height:108px!important;padding:13px!important;
  background:linear-gradient(160deg,#edf3f8,#e5edf5)!important;border:1px solid #c9d7e4!important;border-radius:17px!important;
  box-shadow:0 8px 20px rgba(31,58,92,.075)!important;position:relative!important;
}
body[data-fl-page="dashboard"] .offer-top{display:contents!important}
body[data-fl-page="dashboard"] .offer-logo{grid-column:1!important;grid-row:1/3!important;width:60px!important;height:60px!important;align-self:center!important;margin:0!important}
body[data-fl-page="dashboard"] .offer-info{grid-column:2!important;grid-row:1!important;min-width:0!important;padding:0!important;align-self:end!important}
body[data-fl-page="dashboard"] .offer-title{font-size:14px!important;line-height:1.3!important;margin:0!important;color:#10233d!important;white-space:normal!important;overflow:visible!important}
body[data-fl-page="dashboard"] .offer-desc{grid-column:2!important;grid-row:2!important;margin:0!important;padding:0!important;font-size:10.3px!important;line-height:1.5!important;color:#5d7189!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;align-self:start!important}
body[data-fl-page="dashboard"] .offer-reward{grid-column:3!important;grid-row:1!important;position:static!important;justify-self:end!important;align-self:end!important;background:transparent!important;color:#09934d!important;font-size:15.5px!important;font-weight:850!important;padding:0!important;min-width:0!important;margin:0!important}
body[data-fl-page="dashboard"] .claim-btn{grid-column:3!important;grid-row:2!important;justify-self:end!important;align-self:start!important;width:100px!important;height:38px!important;min-height:38px!important;margin:0!important;border-radius:12px!important;font-size:10.5px!important;background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;color:#fff!important}
@media(max-width:390px){
 body[data-fl-page="dashboard"] .offer-card{grid-template-columns:58px minmax(0,1fr) 94px!important;padding:11px!important;column-gap:9px!important;min-height:102px!important}
 body[data-fl-page="dashboard"] .offer-logo{width:54px!important;height:54px!important}
 body[data-fl-page="dashboard"] .offer-title{font-size:13.4px!important}
 body[data-fl-page="dashboard"] .offer-desc{font-size:9.8px!important}
 body[data-fl-page="dashboard"] .offer-reward{font-size:14px!important}
 body[data-fl-page="dashboard"] .claim-btn{width:90px!important;height:36px!important;min-height:36px!important;font-size:9.8px!important}
}

/* Profile menu typography must be uniform. */
body[data-fl-page="profile"] .fl8-menu a,
body[data-fl-page="profile"] .fl8-menu button{font-weight:700!important;color:#10233d!important;font-family:Poppins,sans-serif!important}
body[data-fl-page="profile"] .fl8-menu .logout{color:#d13b4b!important}

/* Withdrawal history compact cards */
body[data-fl-page="withdraw_history"] .overview{display:none!important}
body[data-fl-page="withdraw_history"] .container{max-width:620px!important;padding-top:8px!important}
body[data-fl-page="withdraw_history"] .withdraw-card{background:linear-gradient(160deg,#edf3f8,#e5edf5)!important;border:1px solid #c9d6e3!important}

/* More reliable deep offers-page tone across user pages, without changing layout. */
body[data-fl-page]:not([data-fl-page="login"]):not([data-fl-page="register"]){background:linear-gradient(180deg,#dce7f1 0%,#e6eef6 46%,#e1e9f2 100%)!important}

/* V130 tone-only user-side refinement — no layout changes */
:root{--v12h-bg:#d8e4ef;--v12h-bg2:#e3ebf3;--v12h-surface:#e7eef5;--v12h-surface2:#dfe8f1;--v12h-line:#c5d3e1;--v12h-ink:#10243f;--v12h-muted:#566d86}
body[data-fl-page]{background:radial-gradient(circle at 88% 4%,rgba(38,122,224,.10),transparent 23%),linear-gradient(180deg,var(--v12h-bg),var(--v12h-bg2) 48%,#dfe8f1 100%)!important}
body[data-fl-page] .card,body[data-fl-page] .balance-card,body[data-fl-page] .wallet-card,body[data-fl-page] .withdraw-card,body[data-fl-page] .activity-card,body[data-fl-page] .hero-card,body[data-fl-page] .referral-hero,body[data-fl-page] .stat-box,body[data-fl-page] .stat-card,body[data-fl-page] .support-box,body[data-fl-page] .category-card,body[data-fl-page] .overall-status-card,body[data-fl-page] .notification-card,body[data-fl-page] .transaction-card,body[data-fl-page] .profile-card,body[data-fl-page] .menu-card,body[data-fl-page] .settings-card,body[data-fl-page] .shell .hero,body[data-fl-page] .shell .card,body[data-fl-page] .list .card,body[data-fl-page] .fl8-profile-main,body[data-fl-page] .fl8-stat,body[data-fl-page] .fl8-menu,body[data-fl-page] .search-box{background:linear-gradient(160deg,#e8eff6,#e0e9f2)!important;border-color:#c5d3e1!important}

/* =========================================================
   V131 CONSISTENCY + DEEPER LIGHT PALETTE
   Visual-only final layer: keep page layouts, reduce glare,
   unify user-side surfaces with the Offers-page language.
   ========================================================= */
:root{
  --fl131-bg:#cfdbe7;
  --fl131-bg2:#d9e4ee;
  --fl131-surface:#dfe8f1;
  --fl131-surface2:#d6e2ec;
  --fl131-line:#b9c9d8;
  --fl131-ink:#10243d;
  --fl131-muted:#536b84;
  --fl131-blue:#0876ec;
  --fl131-blue2:#2b94fb;
  --fl131-green:#078d49;
  --fl131-shadow:0 9px 22px rgba(28,55,89,.09);
}
body[data-fl-page]{
  background:
    radial-gradient(circle at 90% 3%,rgba(33,117,218,.10),transparent 24%),
    linear-gradient(180deg,var(--fl131-bg) 0%,var(--fl131-bg2) 48%,#d3dfe9 100%)!important;
  color:var(--fl131-ink)!important;
}
body[data-fl-page] .card,
body[data-fl-page] .balance-card,
body[data-fl-page] .wallet-card,
body[data-fl-page] .withdraw-card,
body[data-fl-page] .activity-card,
body[data-fl-page] .hero-card,
body[data-fl-page] .referral-hero,
body[data-fl-page] .stat-box,
body[data-fl-page] .stat-card,
body[data-fl-page] .support-box,
body[data-fl-page] .category-card,
body[data-fl-page] .overall-status-card,
body[data-fl-page] .notification-card,
body[data-fl-page] .transaction-card,
body[data-fl-page] .profile-card,
body[data-fl-page] .menu-card,
body[data-fl-page] .settings-card,
body[data-fl-page] .shell .hero,
body[data-fl-page] .shell .card,
body[data-fl-page] .list .card,
body[data-fl-page] .fl8-profile-main,
body[data-fl-page] .fl8-stat,
body[data-fl-page] .fl8-menu,
body[data-fl-page] .search-box,
body[data-fl-page] .offer-card,
body[data-fl-page] .support-card,
body[data-fl-page] .chat-box,
body[data-fl-page] .composer,
body[data-fl-page] .create-form,
body[data-fl-page="withdraw"] .history-item,
body[data-fl-page="withdraw_history"] .withdraw-card{
  background:linear-gradient(160deg,var(--fl131-surface),var(--fl131-surface2))!important;
  border:1px solid var(--fl131-line)!important;
  box-shadow:var(--fl131-shadow)!important;
}
body[data-fl-page] h1,
body[data-fl-page] h2,
body[data-fl-page] h3,
body[data-fl-page] .title,
body[data-fl-page] .section-title,
body[data-fl-page] .card-title,
body[data-fl-page] .offer-title,
body[data-fl-page] strong{color:var(--fl131-ink)!important}
body[data-fl-page] .muted,
body[data-fl-page] .sub,
body[data-fl-page] .copy,
body[data-fl-page] .message,
body[data-fl-page] .time,
body[data-fl-page] .offer-desc,
body[data-fl-page] .profile-mobile,
body[data-fl-page] .member-since,
body[data-fl-page] .wallet-title,
body[data-fl-page] .wallet-label,
body[data-fl-page] small{color:var(--fl131-muted)!important;opacity:1!important}
body[data-fl-page] input,
body[data-fl-page] select,
body[data-fl-page] textarea,
body[data-fl-page] .input,
body[data-fl-page] .modal-input{
  background:#e7eef5!important;
  color:var(--fl131-ink)!important;
  border-color:#b8c9d9!important;
}
body[data-fl-page] input::placeholder,
body[data-fl-page] textarea::placeholder{color:#758ba1!important;opacity:1!important}
body[data-fl-page] .claim-btn,
body[data-fl-page] .submit-btn,
body[data-fl-page] .save-btn,
body[data-fl-page] .send-btn,
body[data-fl-page] .create-btn,
body[data-fl-page] .login-btn,
body[data-fl-page] .register-btn{
  background:linear-gradient(135deg,var(--fl131-blue2),var(--fl131-blue))!important;
  color:#fff!important;
}
body[data-fl-page="login"],
body[data-fl-page="register"],
body[data-fl-page="forgot_password"]{
  background:
    radial-gradient(circle at 86% 5%,rgba(33,117,218,.10),transparent 25%),
    linear-gradient(180deg,#cedbe7,#dbe5ee 50%,#d2dfe9)!important;
}
body[data-fl-page="login"] .card,
body[data-fl-page="register"] .card,
body[data-fl-page="forgot_password"] .card{
  background:linear-gradient(160deg,#dfe8f1,#d5e1eb)!important;
  border-color:#b9c9d8!important;
}
body[data-fl-page="support_chat"] .chat-box{background:linear-gradient(180deg,#dce6ef,#d4e0ea)!important}
body[data-fl-page="support_chat"] .bubble{background:#d9e5ef!important;border-color:#b9cad9!important;color:var(--fl131-ink)!important}
body[data-fl-page="support_chat"] .chat-row.user .bubble{background:linear-gradient(135deg,var(--fl131-blue2),var(--fl131-blue))!important;color:#fff!important}
body[data-fl-page="profile"] .fl8-menu a,
body[data-fl-page="profile"] .fl8-menu button{font-weight:650!important;color:var(--fl131-ink)!important}


/* V132 palette normalization — visual only */
:root{--fl131-bg:#d6e2ec;--fl131-bg2:#dfe8f1;--fl131-surface:#e6edf4;--fl131-surface2:#dfe8f1;--fl131-line:#c1cfdd;--fl131-muted:#536b84}
body[data-fl-page]{background:radial-gradient(circle at 90% 3%,rgba(33,117,218,.09),transparent 24%),linear-gradient(180deg,var(--fl131-bg),var(--fl131-bg2) 48%,#d8e3ed 100%)!important}


/* V133 dashboard card sizing only */
body[data-fl-page="dashboard"] .offer-card{min-height:118px!important;padding:14px!important;grid-template-columns:66px minmax(0,1fr) 104px!important;column-gap:11px!important;row-gap:6px!important;border-radius:19px!important}
body[data-fl-page="dashboard"] .offer-logo{width:62px!important;height:62px!important}
body[data-fl-page="dashboard"] .offer-title{font-size:15px!important;line-height:1.28!important}
body[data-fl-page="dashboard"] .offer-desc{font-size:10.8px!important;line-height:1.48!important}
body[data-fl-page="dashboard"] .offer-reward{font-size:14.5px!important}
body[data-fl-page="dashboard"] .claim-btn{width:100px!important;height:40px!important;min-height:40px!important;font-size:10.7px!important}
@media(max-width:390px){body[data-fl-page="dashboard"] .offer-card{grid-template-columns:60px minmax(0,1fr) 94px!important;min-height:112px!important;padding:12px!important}body[data-fl-page="dashboard"] .offer-logo{width:56px!important;height:56px!important}body[data-fl-page="dashboard"] .claim-btn{width:90px!important;height:38px!important;min-height:38px!important}}

/* V134 — requested mobile scale fixes only */
/* Dashboard Latest Offers: ~1.5x visual size from V133. */
body[data-fl-page="dashboard"] .offer-card{
  min-height:170px!important;
  padding:20px!important;
  grid-template-columns:94px minmax(0,1fr) 132px!important;
  column-gap:15px!important;
  row-gap:9px!important;
  border-radius:23px!important;
  margin-bottom:16px!important;
}
body[data-fl-page="dashboard"] .offer-logo{width:90px!important;height:90px!important}
body[data-fl-page="dashboard"] .offer-title{font-size:20px!important;line-height:1.28!important}
body[data-fl-page="dashboard"] .offer-desc{font-size:14px!important;line-height:1.5!important;-webkit-line-clamp:3!important}
body[data-fl-page="dashboard"] .offer-reward{font-size:20px!important;line-height:1.1!important}
body[data-fl-page="dashboard"] .claim-btn{width:128px!important;height:52px!important;min-height:52px!important;font-size:14px!important;border-radius:15px!important}
/* Dashboard browser app prompt at top; no backdrop, no haze. */
.fl-dash-install{top:42px!important;bottom:auto!important;left:10px!important;right:10px!important;max-width:520px!important;z-index:10020!important}

/* Refer: cancel old desktop/tiny V9 sizing and make it true phone-first. */
body[data-fl-page="refer"]{overflow-x:hidden!important}
body[data-fl-page="refer"]>.container,body[data-fl-page="refer"] .container{width:calc(100% - 14px)!important;max-width:540px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
body[data-fl-page="refer"] .referral-hero{width:100%!important;padding:17px!important;margin:8px 0 11px!important;border-radius:20px!important;box-sizing:border-box!important}
body[data-fl-page="refer"] .compact-hero-top{display:block!important}
body[data-fl-page="refer"] .hero-title{font-size:22px!important;line-height:1.25!important;margin-bottom:7px!important}
body[data-fl-page="refer"] .hero-text{font-size:12.5px!important;line-height:1.58!important}
body[data-fl-page="refer"] .referral-code{display:inline-flex!important;font-size:14px!important;padding:8px 10px!important;border-radius:11px!important;margin-top:9px!important}
body[data-fl-page="refer"] .compact-link-row{display:grid!important;grid-template-columns:minmax(0,1fr) 86px!important;gap:8px!important;margin-top:10px!important}
body[data-fl-page="refer"] .compact-link-input{height:44px!important;min-height:44px!important;font-size:11.5px!important;padding:0 11px!important;min-width:0!important}
body[data-fl-page="refer"] .compact-copy-btn{height:44px!important;min-height:44px!important;font-size:10.5px!important;padding:0 10px!important}
body[data-fl-page="refer"] .compact-share-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:9px!important}
body[data-fl-page="refer"] .mini-share{height:40px!important;min-height:40px!important;font-size:10px!important;min-width:0!important;padding:0 5px!important}
body[data-fl-page="refer"] .stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:11px 0!important}
body[data-fl-page="refer"] .stat-box{padding:13px 8px!important;border-radius:16px!important;min-width:0!important}
body[data-fl-page="refer"] .stat-number{font-size:20px!important;line-height:1.2!important}
body[data-fl-page="refer"] .stat-label{font-size:10px!important;line-height:1.35!important;margin-top:4px!important}
body[data-fl-page="refer"] .container>.card{width:100%!important;padding:14px!important;border-radius:20px!important;box-sizing:border-box!important}
body[data-fl-page="refer"] .container>.card>.section-title,body[data-fl-page="refer"] .section-title{font-size:19px!important;line-height:1.3!important}
body[data-fl-page="refer"] .offer-card[id^="offer-"]{width:100%!important;padding:13px!important;margin-top:10px!important;border-radius:17px!important;box-sizing:border-box!important}
body[data-fl-page="refer"] .offer-card[id^="offer-"] .offer-image,body[data-fl-page="refer"] .offer-card[id^="offer-"] .offer-placeholder{width:56px!important;height:56px!important}
body[data-fl-page="refer"] .offer-card[id^="offer-"] .offer-title{font-size:14px!important;line-height:1.3!important}
body[data-fl-page="refer"] .reward-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body[data-fl-page="refer"] .reward-box{padding:11px!important;border-radius:13px!important;min-width:0!important}
body[data-fl-page="refer"] .reward-label{font-size:9.5px!important}.reward-value{font-size:17px!important}.reward-note{font-size:8.5px!important;line-height:1.4!important}
body[data-fl-page="refer"] .share-offer-btn{min-height:40px!important;font-size:10.5px!important}
body[data-fl-page="refer"] .list-item{padding:12px 0!important;gap:8px!important;min-width:0!important}
body[data-fl-page="refer"] .list-title{font-size:12.5px!important;line-height:1.4!important}
body[data-fl-page="refer"] .list-sub{font-size:10px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
body[data-fl-page="refer"] .list-amount{font-size:13px!important}
body[data-fl-page="refer"] .status-pill{font-size:8.5px!important;padding:5px 7px!important;max-width:104px!important;white-space:normal!important;text-align:center!important}
@media(max-width:390px){
 body[data-fl-page="dashboard"] .offer-card{min-height:156px!important;padding:17px!important;grid-template-columns:82px minmax(0,1fr) 112px!important;column-gap:12px!important}
 body[data-fl-page="dashboard"] .offer-logo{width:78px!important;height:78px!important}
 body[data-fl-page="dashboard"] .offer-title{font-size:18px!important}
 body[data-fl-page="dashboard"] .offer-desc{font-size:12.5px!important}
 body[data-fl-page="dashboard"] .offer-reward{font-size:18px!important}
 body[data-fl-page="dashboard"] .claim-btn{width:108px!important;height:48px!important;min-height:48px!important;font-size:12.5px!important}
 body[data-fl-page="refer"]>.container,body[data-fl-page="refer"] .container{width:calc(100% - 10px)!important}
 body[data-fl-page="refer"] .hero-title{font-size:20px!important}
 body[data-fl-page="refer"] .compact-share-row{grid-template-columns:1fr!important}
 body[data-fl-page="refer"] .mini-share{height:38px!important}
}