/* Lucky Diamond Royal V85
   Final customer-only presentation layer. Functional IDs and interaction
   state remain owned by the existing HTML and JavaScript controllers. */

:root{
  --ldr-v85-ink:#fff9e8;
  --ldr-v85-muted:#cdbdd7;
  --ldr-v85-purple-950:#100116;
  --ldr-v85-purple-900:#190520;
  --ldr-v85-purple-800:#260a32;
  --ldr-v85-gold:#ffd85a;
  --ldr-v85-gold-soft:#fff0a8;
  --ldr-v85-blue:#63c8ff;
  --ldr-v85-green:#4ce38b;
  --ldr-v85-green-dark:#0b5d37;
  --ldr-v85-danger:#ff7789;
}

/* Profile window: compact phone-first casino card with stable, non-shifting
   controls. The selectors intentionally retain every existing functional ID. */
html body[data-page="home"] #customer-auth-modal{
  padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;
  background:rgba(5,0,8,.78)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
html body[data-page="home"] #customer-auth-modal .customer-auth-card{
  width:min(470px,calc(100vw - 16px))!important;
  max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;
  margin:auto!important;
  padding:0 12px 14px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  border:1px solid rgba(255,216,90,.7)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#45145a 0,#24092f 58px,#15041d 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.26),inset 0 0 24px rgba(189,67,232,.1),0 0 18px rgba(222,101,255,.2),0 22px 56px rgba(0,0,0,.6)!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-titlebar{
  position:sticky!important;
  top:0!important;
  z-index:6!important;
  grid-template-columns:30px minmax(0,1fr) 38px!important;
  min-height:52px!important;
  margin:0 -12px 9px!important;
  padding:7px 8px 7px 12px!important;
  border-bottom:1px solid rgba(255,216,90,.48)!important;
  background:linear-gradient(180deg,#5b1b73,#321043)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 12px rgba(0,0,0,.24)!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-email-icon{
  width:28px!important;
  height:28px!important;
  border:1px solid rgba(255,225,112,.78)!important;
  background:rgba(255,215,75,.1)!important;
  color:var(--ldr-v85-gold)!important;
  box-shadow:0 0 8px rgba(255,210,70,.22)!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-titlebar small{color:#ffe88e!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-titlebar strong{color:#fff!important}
html body[data-page="home"] #customer-auth-modal #customer-auth-close{
  position:static!important;
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #ffe47a!important;
  border-radius:50%!important;
  background:#c99a18!important;
  background-image:linear-gradient(180deg,#f0c84c,#a87308)!important;
  color:#1b1000!important;
  -webkit-text-fill-color:#1b1000!important;
  box-shadow:inset 0 1px rgba(255,255,255,.46),0 0 9px rgba(255,207,55,.34)!important;
}
html body[data-page="home"] #customer-auth-modal #customer-profile-view{
  display:grid!important;
  gap:8px!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-identity{
  gap:5px!important;
  padding:7px 8px 8px!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-avatar,
html body[data-page="home"] #customer-auth-modal .customer-profile-avatar :is(img,.customer-profile-initials){
  width:70px!important;
  height:70px!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-avatar :is(img,.customer-profile-initials){
  border:2px solid var(--ldr-v85-gold)!important;
  background:radial-gradient(circle at 35% 24%,#b32fe0,#5b1476 68%,#270833)!important;
  color:#fff7d8!important;
  box-shadow:inset 0 0 12px rgba(255,255,255,.14),0 0 12px rgba(255,210,70,.32)!important;
}
html body[data-page="home"] #customer-auth-modal #customer-profile-name{
  color:#fff8dc!important;
  font-size:18px!important;
  text-shadow:0 0 7px rgba(255,215,90,.16)!important;
}
html body[data-page="home"] #customer-auth-modal .my-profile-id-box{
  min-height:52px!important;
  margin:0!important;
  padding:8px 9px!important;
  border:1px solid rgba(94,198,255,.58)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,rgba(13,74,112,.64),rgba(18,7,31,.86))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 9px rgba(75,190,255,.12)!important;
}
html body[data-page="home"] #customer-auth-modal #customer-profile-id{color:#78d7ff!important}
html body[data-page="home"] #customer-auth-modal #customer-copy-profile-id{
  min-width:58px!important;
  min-height:34px!important;
  border:1px solid rgba(115,211,255,.68)!important;
  border-radius:8px!important;
  background:#145d88!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18)!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-tabs{
  gap:5px!important;
  padding:4px!important;
  border:1px solid rgba(200,135,231,.42)!important;
  border-radius:10px!important;
  background:#16051f!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button{
  min-height:38px!important;
  margin:0!important;
  padding:7px 5px!important;
  border-radius:8px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  transform:none!important;
  transition:filter .14s ease,box-shadow .14s ease,border-color .14s ease!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button[data-profile-panel="account"]{border-color:#58bdf3!important;background:#124b70!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button[data-profile-panel="member"]{border-color:#55db94!important;background:#12603d!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button[data-profile-panel="referral"]{border-color:#e8ba42!important;background:#74500d!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button.active{
  border-color:#fff0a6!important;
  filter:brightness(1.17)!important;
  transform:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 10px currentColor!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-panel{
  gap:8px!important;
  margin:0!important;
  padding:9px!important;
  border-radius:11px!important;
}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-panel[data-profile-panel-content="account"]{border-color:rgba(89,194,255,.54)!important;background:linear-gradient(145deg,rgba(10,63,96,.56),rgba(18,5,27,.9))!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-panel[data-profile-panel-content="member"]{border-color:rgba(72,225,142,.55)!important;background:linear-gradient(145deg,rgba(8,75,44,.57),rgba(18,5,27,.9))!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-panel[data-profile-panel-content="referral"]{border-color:rgba(255,188,63,.57)!important;background:linear-gradient(145deg,rgba(94,57,7,.57),rgba(18,5,27,.9))!important}
html body[data-page="home"] #customer-auth-modal :is(.profile-email-row,.profile-phone-choice,.profile-referral-box,.customer-member-list,.customer-member-list-row,.customer-member-card){
  border-radius:9px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
}
html body[data-page="home"] #customer-auth-modal .customer-member-list{
  display:grid!important;
  gap:7px!important;
  margin-top:7px!important;
}
html body[data-page="home"] #customer-auth-modal :is(.customer-member-list-row,.customer-member-card){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:center!important;
  gap:3px!important;
  min-height:36px!important;
  padding:6px 9px!important;
  border:1px solid rgba(77,229,144,.4)!important;
  background:rgba(7,52,31,.68)!important;
}
html body[data-page="home"] #customer-auth-modal :is(.customer-member-list-row,.customer-member-card)>div{display:grid!important;gap:2px!important;min-width:0!important}
html body[data-page="home"] #customer-auth-modal :is(.customer-member-list-row,.customer-member-card) strong{overflow:hidden!important;color:#fff!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}
html body[data-page="home"] #customer-auth-modal :is(.customer-member-list-row,.customer-member-card) small{color:#9ef3c2!important;font-size:10px!important}
html body[data-page="home"] #customer-auth-modal :is(input,select,textarea){font-size:16px!important}
html body[data-page="home"] #customer-auth-modal :is(button,input,select){touch-action:manipulation!important}
html body[data-page="home"] #customer-auth-modal :is(button,input,select):focus-visible{
  outline:2px solid var(--ldr-v85-gold-soft)!important;
  outline-offset:2px!important;
}

/* Wallet and direct member transfer. Future transfer markup can use either
   the IDs or companion classes below without changing this stylesheet. */
html body[data-page="home"] :is(#customer-wallet-modal,#customer-wallet-share-modal){
  padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;
  background:rgba(5,0,8,.8)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
html body[data-page="home"] #customer-wallet-modal>.customer-wallet-panel,
html body[data-page="home"] #customer-wallet-share-modal>.customer-wallet-share-panel{
  width:min(500px,calc(100vw - 16px))!important;
  max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;
  margin:auto!important;
  padding:18px 14px 15px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  border:1px solid rgba(255,215,82,.68)!important;
  border-radius:16px!important;
  background:linear-gradient(155deg,#2d0c3b,#16051f 52%,#100217)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 0 24px rgba(161,50,201,.1),0 0 17px rgba(238,116,255,.16),0 22px 54px rgba(0,0,0,.58)!important;
}
html body[data-page="home"] :is(#customer-wallet-title,#customer-wallet-share-title){
  margin:0 42px 12px!important;
  color:#fff4c0!important;
  text-align:center!important;
  font-size:21px!important;
  text-shadow:0 0 8px rgba(255,212,77,.24)!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-total{
  gap:4px!important;
  margin:2px 0 11px!important;
  padding:16px 12px!important;
  border:1px solid #e7bc45!important;
  border-radius:12px!important;
  background:radial-gradient(circle at 50% 0,rgba(255,230,111,.17),transparent 55%),linear-gradient(145deg,#624807,#342505)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.17),inset 0 0 18px rgba(255,208,62,.08),0 0 12px rgba(255,204,52,.2)!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-total strong{
  color:#ffe26b!important;
  font-size:38px!important;
  text-shadow:0 0 9px rgba(255,210,60,.25)!important;
}
html body[data-page="home"] #customer-wallet-modal :is(#customer-wallet-guide,#customer-wallet-add-balance,#customer-wallet-share){
  width:100%!important;
  min-height:44px!important;
  margin:0 0 8px!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:900!important;
  touch-action:manipulation!important;
  transform:none!important;
}
/* Keep this override in the mobile base rule's layer. Layered !important
   declarations outrank unlayered ones, regardless of selector specificity. */
@layer ldr-v83-wallet-strip{
  html body[data-page="home"] #customer-wallet-modal #customer-wallet-guide{
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    padding:0 10px!important;
    border:1px solid #b86de0!important;
    background-color:#421454!important;
    background:linear-gradient(180deg,#672483,#421454)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:11px!important;
    line-height:20px!important;
    box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 7px rgba(190,92,229,.2)!important;
  }
}
html body[data-page="home"] #customer-wallet-modal :is(#customer-wallet-add-balance,#customer-wallet-share){
  border:1px solid #6cf0a7!important;
  background:linear-gradient(180deg,#159759,#0b6439)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 10px rgba(53,226,132,.22)!important;
}
html body[data-page="home"] #customer-wallet-modal #customer-wallet-share{
  border-color:#ffe172!important;
  background:linear-gradient(180deg,#f0c23e,#b67808)!important;
  color:#211300!important;
  -webkit-text-fill-color:#211300!important;
  box-shadow:inset 0 1px rgba(255,255,255,.42),0 0 10px rgba(255,201,49,.25)!important;
}
html body[data-page="home"] :is(#customer-wallet-share-panel,#customer-wallet-share-form,.customer-wallet-share-form){
  display:grid!important;
  gap:10px!important;
}
html body[data-page="home"] #customer-wallet-share-panel{
  margin:2px 0 10px!important;
  padding:12px!important;
  border:1px solid rgba(86,231,153,.5)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(10,70,43,.72),rgba(20,5,28,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 10px rgba(62,226,139,.14)!important;
}
html body[data-page="home"] #customer-wallet-share-panel[hidden]{display:none!important}
html body[data-page="home"] .customer-wallet-share-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
html body[data-page="home"] .customer-wallet-share-heading :is(h3,small){margin:0!important}
html body[data-page="home"] .customer-wallet-share-heading h3{color:#fff6c7!important;font-size:16px!important}
html body[data-page="home"] .customer-wallet-share-heading small{color:#aaf4ca!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
html body[data-page="home"] :is(#customer-wallet-share-panel,#customer-wallet-share-form,.customer-wallet-share-form) label{
  display:grid!important;
  gap:3px!important;
  color:#ffe88f!important;
  font-size:12px!important;
  font-weight:850!important;
}
html body[data-page="home"] :is(#customer-wallet-share-member,#customer-wallet-share-amount,.customer-wallet-share-member,.customer-wallet-share-amount){
  width:100%!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border:1px solid #58e49a!important;
  border-radius:10px!important;
  background:#0d3b28!important;
  color:#f4fff8!important;
  -webkit-text-fill-color:#f4fff8!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 9px rgba(61,222,137,.18)!important;
  font-size:16px!important;
  font-variant-numeric:tabular-nums!important;
}
html body[data-page="home"] :is(#customer-wallet-share-member,#customer-wallet-share-amount,.customer-wallet-share-member,.customer-wallet-share-amount):focus{
  border-color:#a2ffc9!important;
  outline:2px solid rgba(79,232,150,.28)!important;
  outline-offset:2px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 12px rgba(61,226,139,.34)!important;
}
html body[data-page="home"] #customer-wallet-share-confirm{
  width:100%!important;
  min-height:46px!important;
  border:1px solid #73efaa!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#19a963,#0b6b3c)!important;
  color:#fff!important;
  font-weight:950!important;
  box-shadow:inset 0 1px rgba(255,255,255,.23),0 0 11px rgba(61,226,139,.22)!important;
}
html body[data-page="home"] .customer-wallet-share-actions{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;gap:8px!important}
html body[data-page="home"] #customer-wallet-share-cancel{min-height:46px!important;margin:0!important;border-radius:10px!important;background:#d7d4d9!important;color:#171319!important;-webkit-text-fill-color:#171319!important}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history{
  gap:6px!important;
  max-height:min(310px,34dvh)!important;
  padding-right:2px!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row{
  min-height:54px!important;
  padding:9px 10px!important;
  border:1px solid rgba(176,101,207,.46)!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#271032,#190820)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05)!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-type{
  display:inline-flex!important;
  justify-self:start!important;
  width:max-content!important;
  margin:0 0 2px!important;
  padding:2px 7px!important;
  border:1px solid rgba(255,221,91,.5)!important;
  border-radius:999px!important;
  background:rgba(115,76,0,.38)!important;
  color:#ffe58b!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
  line-height:1.3!important;
  text-transform:uppercase!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-history-type="recharged"] .customer-wallet-history-type,
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-history-type="wallet-add-balance"] .customer-wallet-history-type,
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-history-type="wallet-request"][data-wallet-outcome="success"] .customer-wallet-history-type{
  border-color:rgba(78,225,144,.52)!important;
  background:rgba(12,98,55,.42)!important;
  color:#8fffc0!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-history-type="member-transfer"] .customer-wallet-history-type{
  border-color:rgba(90,180,255,.52)!important;
  background:rgba(15,75,128,.43)!important;
  color:#a9dbff!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-credit-status="sent"]{
  border-color:rgba(255,139,151,.43)!important;
  background:linear-gradient(145deg,#35131d,#19080e)!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-credit-status="sent"]>span{color:#ff9aa7!important}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-credit-status="received"]{
  border-color:rgba(79,226,145,.43)!important;
  background:linear-gradient(145deg,#123424,#0b1e16)!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-outcome="failure"]{
  border-color:rgba(255,112,129,.58)!important;
  background:linear-gradient(145deg,#38111d,#1c080e)!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-outcome="failure"] em,
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-outcome="failure"]>span{color:#ff9eaa!important}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-outcome="failure"] .customer-wallet-history-type{
  border-color:rgba(255,130,144,.58)!important;
  background:rgba(124,24,42,.48)!important;
  color:#ffc0c8!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-outcome="processing"]{
  border-color:rgba(255,211,91,.5)!important;
  background:linear-gradient(145deg,#34260d,#1d1305)!important;
}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-outcome="processing"] em,
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-outcome="processing"]>span{color:#ffe184!important}
html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-reason{
  display:block!important;
  max-width:52ch!important;
  margin-top:3px!important;
  color:#e7d9ed!important;
  font-size:10px!important;
  line-height:1.35!important;
}
html body[data-page="home"] #customer-wallet-modal .wallet-history-requested-amount{
  max-width:88px!important;
  color:#ead9ef!important;
  font-size:11px!important;
  line-height:1.2!important;
  text-align:right!important;
  white-space:normal!important;
}

/* The shared amount field becomes emerald only while the Add Balance payment
   section is visible. Normal Add Score keeps its existing trained appearance. */
html body[data-page="home"] #score-amount-section[data-entry-mode="add_balance"] #score-amount,
html body[data-page="home"] #add-score-payment-modal:has(#score-payment-method-section:not([hidden])) #score-amount,
html body[data-page="home"] #add-score-payment-modal.is-add-balance #score-amount{
  border:2px solid #52e497!important;
  background:#0d3c28!important;
  color:#f4fff8!important;
  -webkit-text-fill-color:#f4fff8!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 10px rgba(59,226,137,.24)!important;
}
html body[data-page="home"] #score-amount-section[data-entry-mode="add_balance"] #score-amount:focus,
html body[data-page="home"] #add-score-payment-modal:has(#score-payment-method-section:not([hidden])) #score-amount:focus,
html body[data-page="home"] #add-score-payment-modal.is-add-balance #score-amount:focus{
  border-color:#a3ffca!important;
  outline:2px solid rgba(78,231,147,.27)!important;
  outline-offset:2px!important;
}

/* Familiar Google provider treatment. The original text remains in the DOM
   for assistive technology; generated presentation avoids the old plain G. */
html body[data-page="home"] :is(#landing-login-button,#customer-google-login,#customer-link-google){
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:46px!important;
  padding:9px 14px!important;
  border:1px solid #dadce0!important;
  border-radius:10px!important;
  background:#fff!important;
  background-image:none!important;
  color:#202124!important;
  -webkit-text-fill-color:#202124!important;
  box-shadow:0 1px 2px rgba(60,64,67,.18),0 1px 3px rgba(60,64,67,.1)!important;
  font-size:14px!important;
  font-family:Arial,Roboto,sans-serif!important;
  font-weight:600!important;
  letter-spacing:normal!important;
  text-shadow:none!important;
  transform:none!important;
  touch-action:manipulation!important;
}
html body[data-page="home"] :is(#landing-login-button,#customer-google-login,#customer-link-google) .google-g-mark{
  display:block!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
}
html body[data-page="home"] :is(#landing-login-button,#customer-google-login,#customer-link-google)>span{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  flex:0 1 auto!important;
  white-space:nowrap!important;
  color:#202124!important;
  -webkit-text-fill-color:#202124!important;
  font-size:14px!important;
  line-height:1.2!important;
}
html body[data-page="home"] :is(#landing-login-button,#customer-google-login,#customer-link-google):hover{background:#f8f9fa!important;filter:none!important}
html body[data-page="home"] :is(#landing-login-button,#customer-google-login,#customer-link-google):active{background:#f1f3f4!important;box-shadow:inset 0 1px 2px rgba(60,64,67,.16)!important;transform:none!important}
html body[data-page="home"] :is(#landing-login-button,#customer-google-login,#customer-link-google):focus-visible{
  outline:3px solid rgba(26,115,232,.36)!important;
  outline-offset:2px!important;
}
html body[data-page="home"] #customer-link-google:disabled{opacity:.74!important;cursor:default!important}

/* The 10% Score Back entry action uses a softer off-blue identity. */
html body[data-page="home"] #app#app :is(#home-eligibility-button,.promo-eligibility-button){
  border-color:#a9d8ef!important;
  background:linear-gradient(180deg,#8bc5e1,#4c91b6)!important;
  color:#071724!important;
  -webkit-text-fill-color:#071724!important;
  box-shadow:inset 0 1px rgba(255,255,255,.48),0 3px 0 #315f78,0 6px 12px rgba(0,0,0,.3),0 0 10px rgba(122,197,232,.24)!important;
}

/* Staff-uploaded images always remain inside the visible phone viewport. */
html body[data-page="home"] #customer-promo-modal #customer-promo-image,
html body[data-page="home"] #guide-section-view .guide-slide :is(img,video){
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(100dvh - 24px)!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Update and Guide uploads always preserve the complete source artwork.
   These selectors intentionally exclude app/card icons. */
html body[data-page="home"] #customer-promo-modal #customer-promo-image,
html body[data-page="home"] #guide-section-view .guide-slide>:is(img,video){
  object-fit:contain!important;
  object-position:center!important;
}

/* Keep Enter Amount dark and readable while making its outer edge clearly
   emerald in both Wallet funding and normal Add Score entry. This stays in
   the established popup layer so its important color is not masked by the
   generic mobile field rule in that same layer. */
@layer ldr-v83-wallet-strip{
  html body[data-page="home"] #add-score-payment-modal #score-amount{
    border:2px solid #5cf0a1!important;
    border-color:#5cf0a1!important;
    box-shadow:0 0 0 1px rgba(92,240,161,.24),0 0 14px rgba(55,232,137,.48)!important;
  }
  html body[data-page="home"] #add-score-payment-modal #score-amount:is(:hover,:focus,:focus-visible){
    border-color:#a8ffce!important;
    box-shadow:0 0 0 2px rgba(92,240,161,.3),0 0 18px rgba(55,232,137,.62)!important;
  }
}

@media(max-width:430px){
  html body[data-page="home"] #customer-auth-modal .customer-auth-card,
  html body[data-page="home"] #customer-wallet-modal>.customer-wallet-panel,
  html body[data-page="home"] #customer-wallet-share-modal>.customer-wallet-share-panel{
    width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:14px!important;
  }
  html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button{min-height:40px!important;padding-inline:3px!important;font-size:11px!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-total strong{font-size:34px!important}
}

@media(prefers-reduced-motion:reduce){
  html body[data-page="home"] #customer-auth-modal *,
  html body[data-page="home"] :is(#customer-wallet-modal,#customer-wallet-share-modal) *,
  html body[data-page="home"] :is(#landing-login-button,#customer-google-login,#customer-link-google){
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}