/* Ecuador palette. Original layout retained. */
:root{--ec-graphite:#111214;--ec-burgundy:#4A101C;--ec-champagne:#D6B873}
html,body{background-color:var(--ec-graphite)!important}
.app-shell{background-color:var(--ec-graphite)!important}
.client-card,.profile-card,.mission-card{background-color:var(--ec-burgundy)!important}
.balance-value{color:var(--ec-champagne)!important}
.home-screen .vp-earned-today{padding:7px 11px!important;min-width:94px!important}
.home-screen .vp-earned-today small{font-size:10px!important;line-height:1!important;font-weight:850!important;letter-spacing:.09em!important}
.home-screen .vp-earned-today b{font-size:17px!important;line-height:1.08!important;font-weight:900!important;white-space:nowrap!important}
.splash-version-lockup{overflow:visible!important;padding:8px 6px 12px!important}
.splash-name{line-height:1.18!important;padding-bottom:.12em!important;overflow:visible!important}
.home-screen.vp-emerald-live .telegram-actions{
  height:62px!important;
  margin:0 0 8px!important;
}
.home-screen.vp-emerald-live .telegram-actions>div,
.home-screen.vp-emerald-live .telegram-action{
  height:62px!important;
  min-height:62px!important;
}
.wallet-screen .vp-wallet-earned-today{
  top:14px!important;
  right:15px!important;
  margin:0!important;
}
.wallet-screen .usd-value,.tasks-screen .usd-value{display:none!important}
.tasks-screen .tasks-balance>strong>small{display:none!important}
.tasks-screen .tasks-balance,
.tasks-screen .task-hero,
.tasks-screen .vp-daily-missions{
  border:1px solid rgba(214,184,115,.58)!important;
  box-shadow:inset 0 0 0 1px rgba(255,244,210,.06),0 5px 14px rgba(0,0,0,.18)!important;
}
.tasks-screen .vp-mission-card{
  border:1px solid rgba(214,184,115,.26)!important;
  box-shadow:inset 0 0 0 1px rgba(255,244,210,.035)!important;
}
.tasks-screen{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
.tasks-screen .tasks-balance .eyebrow,
.tasks-screen .tasks-balance>span>small{font-weight:800!important;color:#fff2ca!important}
.tasks-screen .tasks-balance>span>b{font-weight:700!important;color:rgba(255,244,210,.82)!important}
.tasks-screen .task-hero strong{font-weight:850!important;text-shadow:0 1px 3px rgba(0,0,0,.75)!important}
.tasks-screen .task-hero small{font-weight:700!important;color:#fff4d2!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}
.tasks-screen .vp-missions-head h2{font-weight:900!important;color:#fff7df!important}
.tasks-screen .vp-missions-head small{font-weight:750!important;color:rgba(255,244,210,.9)!important}
.tasks-screen .vp-mission-card>b{font-weight:900!important;color:#fff4d2!important}
.tasks-screen .vp-all-videos{font-weight:900!important;letter-spacing:.01em!important}
button.vp-verification-locked{
  pointer-events:none!important;
  cursor:default!important;
  opacity:.72!important;
}
button.vp-verification-locked:disabled{filter:saturate(.72)!important}
.wallet-screen .payment-methods>button>i{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.wallet-screen .payment-methods>button:nth-child(1)>i{background-image:url('/assets/bank-logos-ecuador/pichincha.svg')!important}
.wallet-screen .payment-methods>button:nth-child(2)>i{background-image:url('/assets/bank-logos-ecuador/guayaquil.svg')!important}
.wallet-screen .payment-methods>button:nth-child(3)>i{background-image:url('/assets/bank-logos-ecuador/pacifico.svg')!important}
.wallet-screen .payment-methods>button:nth-child(4)>i{background-image:url('/assets/bank-logos-ecuador/produbanco.svg')!important}
.wallet-screen .payment-methods>button:nth-child(5)>i{background-image:url('/assets/bank-logos-ecuador/bolivariano.svg')!important}
.wallet-screen .payment-methods>button:nth-child(6)>i{background-image:url('/assets/bank-logos-ecuador/internacional.svg')!important}

/* Compact phones keep the premium hierarchy, but scroll instead of crushing
   labels or letting the utility row collide with the fixed navigation. */
@media (max-width:375px), (max-height:667px){
  .app-shell.vp-home-active>.page-scroll{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
  }
  .app-shell.vp-home-active .home-screen.vp-emerald-live{
    gap:7px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px 11px calc(94px + env(safe-area-inset-bottom))!important;
  }
  .home-screen.vp-emerald-live .user-row{min-height:70px!important}
  .home-screen.vp-emerald-live .vp-rewards-heading{margin-top:1px!important}
  .home-screen.vp-emerald-live .telegram-actions{
    height:58px!important;
    gap:5px!important;
    margin:0 0 10px!important;
  }
  .home-screen.vp-emerald-live .telegram-actions>div,
  .home-screen.vp-emerald-live .telegram-action{
    height:58px!important;
    min-height:58px!important;
    padding:6px 5px!important;
  }
  .home-screen.vp-emerald-live .telegram-action span strong,
  .home-screen.vp-emerald-live .channel-action span strong b{
    font-size:11px!important;
    line-height:1.02!important;
  }
}

/* Tareas: one composed premium viewport on current phones. */
@media (min-width:376px) and (min-height:668px){
  .page-scroll.tab-tareas{
    overflow:hidden!important;
    padding-bottom:calc(74px + env(safe-area-inset-bottom))!important;
  }
  .tasks-screen{
    display:grid!important;
    grid-template-rows:88px 108px minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    height:calc(var(--tg-viewport-stable-height,100dvh) - 148px)!important;
    min-height:0!important;
    overflow:hidden!important;
    padding-bottom:7px!important;
  }
  .tasks-screen .tasks-balance{
    width:100%!important;
    height:88px!important;
    min-height:88px!important;
    margin:0!important;
    padding:10px 13px!important;
    border-radius:17px!important;
  }
  .tasks-screen .tasks-balance .balance-value{font-size:36px!important;line-height:1!important}
  .tasks-screen .tasks-balance>strong,
  .tasks-screen .tasks-balance .balance-value{
    display:block!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
  }
  .tasks-screen .tasks-balance .eyebrow{font-size:13px!important;line-height:1.08!important}
  .tasks-screen .tasks-balance>span>small{font-size:14px!important;line-height:1.08!important}
  .tasks-screen .tasks-balance>span>b{font-size:10px!important;line-height:1.2!important}
  .tasks-screen .tasks-balance .usd-value{font-size:9px!important}
  .tasks-screen .task-hero{
    width:100%!important;
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    margin:0!important;
    border-radius:17px!important;
  }
  .tasks-screen .vp-daily-missions{
    display:flex!important;
    min-height:0!important;
    margin:0!important;
    padding:7px!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:17px!important;
  }
  .tasks-screen .vp-missions-head{flex:0 0 auto!important;margin:0 2px 5px!important}
  .tasks-screen .vp-missions-head h2{font-size:18px!important;line-height:1!important}
  .tasks-screen .vp-missions-head small{font-size:9px!important;line-height:1.2!important}
  .tasks-screen .vp-mission-cards{
    display:grid!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
    flex:1 1 auto!important;
    min-height:0!important;
    gap:5px!important;
  }
  .tasks-screen .vp-mission-card{
    height:auto!important;
    min-height:0!important;
    padding:5px 8px!important;
    border-radius:12px!important;
  }
  .tasks-screen .vp-mission-card>i{width:28px!important;height:28px!important}
  .tasks-screen .vp-mission-card strong{display:block!important;font-size:9px!important;line-height:1!important;font-weight:650!important;letter-spacing:.025em!important;opacity:.78!important}
  .tasks-screen .vp-mission-card small{display:block!important;font-size:14px!important;line-height:1!important;font-weight:850!important;margin:2px 0 1px!important;color:#fff4d2!important}
  .tasks-screen .vp-mission-card>b{font-size:12px!important}
  .tasks-screen .vp-all-videos{
    flex:0 0 32px!important;
    min-height:32px!important;
    margin-top:4px!important;
    padding:3px 8px!important;
    border-radius:11px!important;
    font-size:11px!important;
  }
  .tasks-screen .vp-all-videos img{width:20px!important;height:20px!important}
}

/* Very small phones prioritize legibility and controlled vertical scrolling. */
@media (max-width:375px), (max-height:667px){
  .page-scroll.tab-tareas{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  .tasks-screen{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:92px!important}
  .tasks-screen .tasks-balance{min-height:72px!important;margin:0 0 5px!important;padding:9px 11px!important}
  .tasks-screen .tasks-balance .balance-value{font-size:32px!important}
  .tasks-screen .tasks-balance>strong,.tasks-screen .tasks-balance .balance-value{display:block!important;min-width:max-content!important;white-space:nowrap!important;word-break:keep-all!important}
  .tasks-screen .task-hero{height:96px!important;min-height:96px!important;max-height:96px!important;margin:0 0 5px!important}
  .tasks-screen .vp-daily-missions{margin:0 0 10px!important;padding:7px!important}
  .tasks-screen .vp-mission-card{min-height:50px!important}
  .tasks-screen .vp-all-videos{min-height:36px!important;margin-top:5px!important}
}
/* Telegram touch reliability for the video-preference dialog. */
.preference-backdrop{z-index:2147483500!important;pointer-events:auto!important;touch-action:manipulation!important}
.preference-panel,.preference-grid,.preference-grid button,.preference-close,.preference-skip{pointer-events:auto!important;touch-action:manipulation!important}
.preference-grid button{position:relative!important;z-index:2!important;cursor:pointer!important;-webkit-tap-highlight-color:rgba(214,184,115,.18)!important}

/* The mission dashboard fits one screen; the opened catalogue must scroll. */
.page-scroll.tab-tareas.vp-video-list-open,
.page-scroll.tab-tareas:has(.tasks-screen.vp-task-list-mode){
  overflow-x:hidden!important;
  overflow-y:auto!important;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
}
.tasks-screen.vp-task-list-mode{
  display:block!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
}
.tasks-screen.vp-task-list-mode .task-list{
  display:grid!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:24px!important;
}
.tasks-screen.vp-task-list-mode .task-row{pointer-events:auto!important;touch-action:manipulation!important}
.tasks-screen.vp-task-list-mode .task-row{
  position:relative!important;
  z-index:1!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:rgba(214,184,115,.14)!important;
}
.task-row::before,.task-row::after{pointer-events:none!important}
.task-row .task-thumb-reward{display:none!important}
.task-row[data-reward]::after{
  content:'PAGO ' attr(data-reward)!important;
  position:absolute!important;
  right:12px!important;
  bottom:9px!important;
  display:block!important;
  padding:4px 7px!important;
  border:1px solid rgba(214,184,115,.48)!important;
  border-radius:8px!important;
  background:rgba(17,18,20,.76)!important;
  color:#ead8ad!important;
  font:900 9px/1 Sora,system-ui,sans-serif!important;
  letter-spacing:.055em!important;
}
.tasks-screen button,.bottom-nav button,.preference-panel button,.dialog-panel button{touch-action:manipulation!important}