/* Tsehay design tokens — shared by lobby + account page */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');
:root{
  --bg:#0e141b; --surface:#131a22; --card:#1a232d; --elev:#243040;
  --border:rgba(140,165,195,.22); --fg:#f2f5f9; --muted:#97a6b8; --nav:#0a0f15;
  --gold:#F0B90B; --gold-2:#FFD75E; --gold-fg:#1c1500;
  --green:#3ddc84; --red:#ff5c5c; --blue:#5aa0ff;
  --radius:12px; --radius-sm:9px; --radius-lg:16px;
  --font:"Sora",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.t-body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}
.tnum{font-variant-numeric:tabular-nums}
.t-btn{border:0;border-radius:10px;padding:10px 16px;font:600 14px var(--font);cursor:pointer;transition:filter .12s,transform .08s}
.t-btn:active{transform:translateY(1px)}
.t-btn:disabled{opacity:.55;cursor:not-allowed}
.t-gold{background:linear-gradient(180deg,#FFD75E 0%,#F0B90B 100%);color:#1a1200;box-shadow:0 4px 14px -4px rgba(240,185,11,.55);text-shadow:0 1px 0 rgba(255,255,255,.25)}.t-gold:hover{filter:brightness(1.05)}
.t-ghost{background:var(--elev);color:var(--fg);border:1px solid var(--border)}
.t-danger{background:transparent;color:var(--red);border:1px solid rgba(255,92,92,.45)}
.t-block{width:100%;padding:14px;font-size:15px;border-radius:12px}
.t-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.t-label{display:block;font-size:11.5px;color:var(--muted);margin:14px 0 6px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.t-input,.t-select,.t-area{width:100%;box-sizing:border-box;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--fg);padding:12px 14px;font:14px var(--font);outline:none}
.t-input:focus,.t-select:focus,.t-area:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(240,185,11,.18)}
.t-input::placeholder,.t-area::placeholder{color:rgba(154,163,181,.7)}
.t-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.t-area{min-height:96px;resize:vertical}
.t-hint{display:flex;gap:8px;color:var(--muted);font-size:12.5px;margin-top:10px;align-items:flex-start;line-height:1.4}
.t-hint i{color:var(--gold);font-style:normal;flex:none}
.t-chip{background:var(--elev);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;color:var(--fg)}
.t-chip.on{background:linear-gradient(180deg,#FFD75E,#F0B90B);color:#1a1200;border-color:#F0B90B}
.t-pill{font-size:10.5px;border-radius:999px;padding:3px 9px;font-weight:700;letter-spacing:.3px}
.t-pill.pending{background:rgba(240,185,11,.14);color:var(--gold)}
.t-pill.ok{background:rgba(61,220,132,.14);color:var(--green)}
.t-pill.bad{background:rgba(255,92,92,.14);color:var(--red)}
.t-pill.grey{background:var(--elev);color:var(--muted)}
.t-toast{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#0e0f14;border:1px solid var(--border);color:var(--fg);padding:11px 16px;border-radius:12px;font-size:13.5px;font-weight:600;z-index:50;box-shadow:0 10px 30px -10px #000;max-width:92vw;text-align:center}
.t-toast.ok{border-color:rgba(61,220,132,.5)}.t-toast.bad{border-color:rgba(255,92,92,.5)}
.hidden{display:none!important}
/* fix-5: iOS embed sizing — page scrolls inside a fixed frame */
html.embed,html.embed body{height:100%;overflow:hidden;position:relative}
html.embed .wrap{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
/* prominent SMS box */
#dep-sms{min-height:118px!important;border:1.5px solid var(--gold)!important;background:rgba(240,185,11,.07)!important;box-shadow:0 0 0 4px rgba(240,185,11,.10)!important;font-size:15px!important;color:var(--fg)!important}
#dep-sms::placeholder{color:rgba(240,185,11,.75)!important;font-weight:500}
#dep-sms:focus{box-shadow:0 0 0 4px rgba(240,185,11,.22)!important}
/* SMS box v2 — stronger */
#dep-sms{min-height:130px!important;border:2px solid #F0B90B!important;background:rgba(240,185,11,.12)!important;box-shadow:0 0 0 5px rgba(240,185,11,.14),0 8px 24px -12px rgba(240,185,11,.8)!important;border-radius:12px!important}
#dep-sms::placeholder{color:#FFD75E!important;opacity:.95!important}
/* button separated from SMS box */
#dep-sms{margin-bottom:14px}
.act{margin-top:6px!important;padding:12px 0 6px!important;background:var(--bg)!important;border-top:1px solid var(--border)}
/* button in normal flow */
.act{position:static!important;margin-top:14px!important;padding:0!important;background:none!important;border-top:0!important}
#dep-sms{margin-bottom:0}
.wrap{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
/* compact deposit tab — fits one phone screen */
.hero{padding:10px 12px!important;margin:10px 14px!important}.avatar{width:40px!important;height:40px!important;font-size:15px!important}
.hero h2{font-size:14.5px!important}.hero p{font-size:12px!important}.hero .right b{font-size:16px!important}
.tabs{margin:0 14px!important}.tab{padding:8px 0!important}
.pane{padding:10px 14px!important}
.t-label{margin:9px 0 4px!important;font-size:11px!important}
.t-select{padding:10px 14px!important}
#p-dep .t-card{padding:10px 14px!important}
#dep-acct{font-size:19px!important}
#dep-sms{min-height:92px!important;box-shadow:0 0 0 3px rgba(240,185,11,.14)!important}
.act{margin-top:10px!important}
.t-btn.t-block{padding:12px!important}
/* withdrawable block — Admas style */
.hero .right span{color:var(--gold)!important;font-size:11.5px!important;font-weight:600!important;margin-bottom:2px}
.hero .right b{color:var(--fg)!important;font-size:19px!important}
.hero .right b#u-wd::after{content:" ETB";font-size:11px;color:var(--muted);font-weight:500}
/* scroll safety for small/old phones */
html.embed,html.embed body{height:100%;min-height:100%}
html.embed .wrap{height:100vh;height:100dvh;overflow-y:auto!important;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}
.pane{min-height:0}
/* embed: real room under the last button (nav + fab + iOS toolbar) */
html.embed .wrap{padding-bottom:calc(240px + env(safe-area-inset-bottom))!important}

/* panel v3: lobby scrolls the panel; panel nav hidden in embed */
html.embed, html.embed body{height:auto!important;overflow:visible!important}
html.embed .wrap{height:auto!important;min-height:0!important;overflow:visible!important;overflow-y:visible!important;padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
html.embed .nav{display:none!important}
/* send-to row fits small phones */
#dep-acct{font-size:clamp(14px,4.6vw,19px)!important;letter-spacing:0!important;min-width:0;white-space:nowrap}
#dep-logo+span{white-space:nowrap}
@media(max-width:380px){#dep-logo{width:28px!important;height:28px!important}#dep-logo+span{font-size:12px!important}.copy{padding:6px 8px!important;font-size:11px!important}#dep-acct{font-size:clamp(13px,4.2vw,17px)!important}}

html.embed body{min-height:0!important}