/* TapEquity premium navy/amber system selected by the owner on 2026-09-06. */
:root {
  --navy:#0d2b43;
  --blue:#185a82;
  --gold:#f4b942;
  --dark:#081e30;
  --bg:#eef1f2;
  --card:#fffaf0;
  --text:#102a43;
  --muted:#52687a;
  --green:#18844b;
  --line:#d8dee2;
  --biz:#0d2b43;
  --surface-brand:#0d2b43;
  --surface-brand-deep:#081e30;
  --surface-warm:#fffaf0;
  --surface-amber:#f4b942;
  --surface-amber-soft:#ffd98a;
  --accent:#f4b942;
  --positive:#18844b;
  --shadow-card:0 8px 24px rgba(8,30,48,.10);
  --shadow-nav:0 -8px 26px rgba(8,30,48,.24);
  --radius-card:18px;
  --radius-control:14px;
}

html { background:var(--surface-brand); }
body { background:var(--bg); color:var(--text); }
.screen:not(#s-auth) { background:var(--bg); }
.screen.on { animation:te-screen-in 180ms ease-out; }

header:not(.te-home-header) {
  background:linear-gradient(155deg,var(--surface-brand-deep),var(--surface-brand)) !important;
  color:#fff !important;
  border-radius:0 !important;
  padding:max(18px,calc(env(safe-area-inset-top) + 14px)) max(18px,env(safe-area-inset-right)) 22px max(18px,env(safe-area-inset-left)) !important;
  box-shadow:none;
}
header:not(.te-home-header) h1 { color:#fff; font-size:24px; letter-spacing:-.35px; }
header:not(.te-home-header) h1 span { color:var(--gold); }
header:not(.te-home-header) .sub { color:#c6d3dd; opacity:1; margin-top:4px; }

.wrap { width:100%; max-width:720px; margin:0 auto; padding:16px; }
.card,.menu-sec,.stat {
  background:var(--surface-warm);
  border:1px solid rgba(244,185,66,.28);
  border-radius:var(--radius-card);
  box-shadow:var(--shadow-card);
}
.card h3,.menu-sec h4,.biz .card h3 { color:var(--surface-brand); }
.stat .v,.biz .stat .v { color:var(--surface-brand); font-variant-numeric:tabular-nums; }
.stats { max-width:720px; margin-left:auto; margin-right:auto; }
.task,.led,.rowlink { border-color:rgba(13,43,67,.13); }
.task .ic { background:#e9eef1; color:var(--surface-brand); }

.btn,.btn.biz { min-height:48px; background:var(--surface-brand); color:#fff; border-radius:var(--radius-control); box-shadow:0 5px 14px rgba(8,30,48,.16); }
.btn.gold { background:var(--gold); color:var(--surface-brand-deep); }
.btn.ghost { background:transparent; color:var(--surface-brand); border-color:rgba(13,43,67,.35); box-shadow:none; }
.btn:active,.rowlink:active,.menu-grid button:active { opacity:.78; }
input,select,textarea { background:#fff; border-color:#bfcbd3; color:var(--text); }
input:focus,select:focus,textarea:focus { border-color:var(--gold); }

/* Selected Worker Home direction: compact navy dashboard, ivory tiles, amber earning card. */
#s-home { background:var(--bg); }
#s-home .te-home-header {
  background:linear-gradient(155deg,var(--surface-brand-deep),var(--surface-brand) 58%,#123c58);
  border-radius:0 0 28px 28px;
  color:#fff;
  padding:calc(14px + env(safe-area-inset-top)) 18px 20px;
  box-shadow:0 10px 28px rgba(8,30,48,.2);
}
.te-brand strong { letter-spacing:-1.25px; }
.te-brand small { color:#c4d1dc; }
.te-round-button { background:rgba(255,255,255,.08); border-color:rgba(244,185,66,.32); }
.te-greeting { margin-top:14px; }
.te-points { background:var(--gold); color:var(--surface-brand-deep); border-color:var(--gold); box-shadow:0 6px 14px rgba(244,185,66,.22); }
.te-points .te-svg { color:var(--surface-brand); }
.te-points small { color:var(--surface-brand-deep); }
.te-info-card { border-radius:16px; min-height:116px; box-shadow:0 7px 18px rgba(3,19,31,.2); }
.te-shares-card { background:var(--surface-warm); }
.te-share-mark { background:#e7edf2; color:#185a82; }
.te-box-card {
  background:linear-gradient(145deg,var(--surface-amber-soft),var(--gold));
  border-color:#ffd777;
  color:var(--surface-brand-deep);
  box-shadow:0 7px 18px rgba(244,185,66,.22);
}
.te-box-card::before { background:radial-gradient(circle at 55% 28%,rgba(255,255,255,.45),transparent 50%); }
.te-box-card .te-box-title,.te-box-card #rail-rate { color:var(--surface-brand-deep); }
.te-box-card[aria-label*="agreement"] #rail-rate { white-space:normal; font-size:16px; line-height:1.12; }
.te-box-card[aria-label*="paused"] #rail-rate { white-space:normal; font-size:18px; }
.te-box-art { width:78px; height:54px; filter:drop-shadow(0 7px 8px rgba(8,30,48,.2)); }
.te-checklist { background:var(--surface-warm); border-color:rgba(244,185,66,.72); color:var(--surface-brand); }
.te-checklist span { color:var(--muted); }
.te-check-progress { background:#d9e0e5; }
.te-quick-actions { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.te-quick-actions button {
  min-height:86px;
  background:var(--surface-warm);
  color:var(--surface-brand);
  border-color:rgba(244,185,66,.34);
  border-radius:16px;
  box-shadow:0 6px 14px rgba(3,19,31,.15);
}
.te-quick-actions button:active { background:#ffe7ad; }
.te-quick-actions .te-quick-icon,.te-quick-actions b { color:#d58c08; }
.te-quick-actions span { font-size:12px; }
#s-home .te-home-wrap { max-width:720px; padding-top:16px; }
#s-home .tapcard {
  background:linear-gradient(145deg,#ffd98a 0%,#f4b942 100%);
  border-color:#efaa24;
  color:var(--surface-brand-deep);
  box-shadow:0 12px 28px rgba(91,58,5,.16);
}
#s-home #h-session h3,#s-home #h-session .te-session-head,#s-home #h-session .tap-explain { color:var(--surface-brand-deep); }
#s-home .session-open-badge { background:#e9f8ef; color:#176d3e; }
#s-home #h-session .miner-stage { background:rgba(255,250,240,.64); }
#s-home #h-session .te-timer-panel { background:rgba(255,250,240,.94); border-color:rgba(13,43,67,.18); }
#s-home #h-session .session-pending { background:#e8f7ee; color:#176d3e; }
#s-home #h-session .te-session-footer { border-color:rgba(13,43,67,.18); }
#s-home #h-session .te-rate-icon { background:rgba(255,250,240,.82); }
#s-home #h-session .te-rate-label,#s-home #h-session .te-rate-value small,#s-home #h-session .te-session-note { color:#405568; }
#s-home #h-session .te-rate-value { color:var(--surface-brand); }
#s-home #h-session .te-view-details { background:var(--surface-brand); color:#fff; }
#s-home .te-secondary .card,#s-home .te-home-wrap>.card:not(.tapcard) { background:var(--surface-warm); border-color:rgba(244,185,66,.28); }

/* Wallet follows the approved companion screen. */
#s-wallet,#s-wallet .wrap { background:var(--surface-brand); }
#s-wallet .wrap { min-height:calc(100dvh - 150px); }
#s-wallet .wallet-balance-card {
  min-height:154px;
  background:linear-gradient(145deg,#ffd98a,var(--gold));
  border-color:#ffd777;
  color:var(--surface-brand-deep);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
#s-wallet .wallet-balance-card h3 { color:var(--surface-brand-deep); font-size:15px; }
#s-wallet .wallet-balance-row { justify-content:center; }
#s-wallet .wallet-balance-total { color:var(--surface-brand-deep); font-size:58px; }
#s-wallet .wallet-balance-row .muted { color:#334a5b; }
#s-wallet .wallet-welcome { width:100%; background:#def3e6; border-color:#b8dfc7; color:#126c3b; text-align:left; }
#s-wallet>.wrap>.card:not(.wallet-balance-card) { background:var(--surface-warm); }

/* Jobs, Feed, Team, More, business and every interior sheet share one material system. */
#s-jobs,#s-feed,#s-refer,#s-tasks,#s-more,
#s-bhome,#s-bcamp,#s-bprod,#s-bbill,#s-bacct { background:var(--bg); }
#s-more header { background:linear-gradient(155deg,var(--surface-brand-deep),var(--surface-brand)) !important; color:#fff !important; }
#s-more header .muted { color:#c6d3dd !important; }
#s-more>.wrap { background:var(--bg) !important; }
.menu-sec { padding:16px; }
.menu-grid { gap:12px; }
.menu-grid button { min-height:78px; border-radius:14px; padding:6px; }
.menu-grid button i { width:50px; height:50px; background:#e9eef1; color:var(--surface-brand); }
.menu-grid button i .te-svg { width:24px; height:24px; }
.news-jump a,.news-empty { background:var(--surface-warm); }
.news-card { border-left-color:var(--gold); }
#f-tabs { background:#dce4e8 !important; }
#f-tabs button.on { background:var(--surface-brand); color:#fff !important; }
.job,.post,.product { border-color:rgba(244,185,66,.28); }
#sheet { background:rgba(8,30,48,.72); }
#sheet .box { background:var(--surface-warm); border:1px solid rgba(244,185,66,.38); }
#sheet h3 { color:var(--surface-brand); }
.biz header,.auth.biz { background:linear-gradient(155deg,var(--surface-brand-deep),var(--surface-brand)) !important; }
.biz .btn.biz { background:var(--gold); color:var(--surface-brand-deep); }
.plan .p { color:#bd7900; }

nav.tabs {
  background:var(--surface-brand);
  border-top:1px solid rgba(244,185,66,.28);
  box-shadow:var(--shadow-nav);
  padding-top:6px;
}
nav.tabs button,nav.tabs.biz button { min-height:58px; color:#c6d3dd; }
nav.tabs button i,nav.tabs.biz button i { color:currentColor; }
nav.tabs button .te-svg,nav.tabs.biz button .te-svg { width:22px; height:22px; }
nav.tabs button.on,nav.tabs.biz button.on { color:var(--gold); background:rgba(244,185,66,.08); }
#tabs button,#btabs button { color:#c6d3dd; }
#tabs button.on,#btabs button.on { color:var(--gold); background:rgba(244,185,66,.09); }
.hdrback { top:max(10px,calc(env(safe-area-inset-top) + 8px)); background:rgba(255,255,255,.1); border:1px solid rgba(244,185,66,.32); color:#fff; }
.screen.on header.hasback h1,#s-feed header.hasback .sub { padding-left:0; }
.screen.on header:has(.hdrback) h1 { padding-left:52px; }

#toast { background:var(--surface-brand-deep); border:1px solid rgba(244,185,66,.42); }
#cookiebar { background:var(--surface-brand-deep); border-top:1px solid rgba(244,185,66,.34); }
.auth { background:linear-gradient(155deg,var(--surface-brand-deep),var(--surface-brand)); }
.auth .card { background:var(--surface-warm); }
.seg button.on { color:var(--surface-brand); }

@keyframes te-screen-in { from { opacity:.72; } to { opacity:1; } }

@media (max-width:600px) {
  .wrap { padding:14px; }
  #s-home .te-home-header { padding:max(110px,calc(env(safe-area-inset-top) + 70px)) 14px 16px; }
  #s-home .te-brand-row {
    background:linear-gradient(155deg,var(--surface-brand-deep),var(--surface-brand));
    border-bottom:1px solid rgba(244,185,66,.18);
  }
  .te-info-row { gap:10px; }
  .te-info-card { min-height:108px; }
  .te-quick-actions { gap:8px; }
  .te-quick-actions button { min-height:80px; }
  #s-home #h-session .te-session-grid { grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); }
  #s-home #h-session .miner-stage { width:min(100%,230px); }
  nav.tabs { padding-bottom:max(18px,env(safe-area-inset-bottom)); }
}

@media (min-width:720px) {
  .te-quick-actions { grid-template-columns:repeat(6,minmax(0,1fr)); }
}

@media (max-width:380px) {
  .te-greeting h1 { font-size:22px; }
  .te-points { padding:8px 10px; }
  .te-info-card { padding:10px; }
  .te-share-number { font-size:31px; }
  .te-share-mark { width:36px; height:36px; right:10px; top:10px; }
  .te-quick-actions span { font-size:11px; }
  #s-home #h-session .te-session-grid { gap:8px; }
  #s-home #h-session .te-timer-panel,#s-home #h-session .session-pending { padding:9px 8px; }
  #s-home #h-session .session-timer b { font-size:24px; }
  #s-home #h-session .te-session-footer { align-items:flex-end; }
  .te-box-card[aria-label*="agreement"] #rail-rate { font-size:14px; }
}

@media (orientation:landscape) and (max-height:520px) {
  #s-home .te-brand-row { position:static; padding:0; background:transparent; border:0; box-shadow:none; }
  #s-home .te-home-header { padding:max(12px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 16px max(22px,env(safe-area-inset-left)); }
  .te-quick-actions { grid-template-columns:repeat(6,minmax(0,1fr)); }
}

@media (prefers-reduced-motion:reduce) {
  .screen.on { animation:none; }
}