/* BOTIQ — shared user interface. Presentation only. */
:root {
 color-scheme: dark;
 --bg:#080e0b;--bg-soft:#101a15;--panel:#101a15;--panel-2:#17251c;
 --text:#edf6f0;--muted:#9cafa2;--gold:#58ef83;--gold-strong:#80ffa4;
 --gold-soft:rgba(88,239,131,.1);--line:#263b2e;
 --workspace-bg:#080e0b;--workspace-card:#101a15;--workspace-raised:#15231b;
 --workspace-border:#263b2e;--workspace-accent:#58ef83;
 --brand-navy:#080e0b;--brand-gold:#58ef83;--brand-ink:#edf6f0;--brand-border:#263b2e;
 --bs-body-color:#edf6f0;--bs-body-bg:#080e0b;--bs-border-color:#263b2e;
 --bs-primary:#58ef83;--bs-primary-rgb:88,239,131;--bs-secondary-color:#9cafa2;
 --bs-link-color:#80ffa4;--bs-link-hover-color:#b0ffc7;
}
html {scroll-behavior:smooth}
body {background:#080e0b!important;color:var(--text);font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body .phone-frame,body .app-shell {background:#080e0b}
body .screen,body[data-page] .screen {background:radial-gradient(ellipse at 90% 0,rgba(46,145,75,.1),transparent 48%),#080e0b;color:var(--text)}
body .crypto-sidebar {background:#0c140f;border-right:1px solid #263b2e;padding:30px 18px}
.botiq-brand {display:flex;align-items:center;gap:12px;color:#f0fff4;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:.04em}
.botiq-brand img {width:49px;height:49px;object-fit:contain}
.botiq-brand small {display:block;font-size:8px;font-weight:500;letter-spacing:.19em;color:#92ab9a;margin-top:4px}
body .crypto-nav-label {font-size:10px;letter-spacing:.18em;color:#728a7a;margin:32px 14px 12px}
body .crypto-nav {display:grid;gap:5px}
body .crypto-nav a {display:flex;align-items:center;gap:12px;min-height:46px;border:1px solid transparent;border-radius:11px;padding:11px 14px;color:#a4b7aa;font-size:12px;text-decoration:none;transition:background .18s,border-color .18s,color .18s}
body .crypto-nav a i {font-size:18px}
body .crypto-nav a:hover {background:#14241a;color:#edfff3}
body .crypto-nav a.active {background:linear-gradient(90deg,rgba(88,239,131,.16),rgba(88,239,131,.04));color:#80ffa4;border-color:#2a613c;box-shadow:inset 3px 0 #58ef83}
body .crypto-sidebar-note {background:radial-gradient(ellipse at top right,#1a3824,transparent),#101c14;border:1px solid #294b34;border-radius:16px;padding:20px;margin-top:32px}
body .crypto-sidebar-note strong {color:#eafff0;font-size:13px;line-height:1.6}
body .crypto-sidebar-note p {color:#9cafa2;font-size:11px;line-height:1.7;margin:8px 0 0}
body .top-app-bar {border-bottom-color:#263b2e}
body .top-brand-name {color:#edf6f0;font-weight:700;letter-spacing:.04em}
body .top-brand-meta,body .wallet-eyebrow,body .workspace-eyebrow {color:#93aa9b;font-size:10px;letter-spacing:.15em}
body .screen .top-app-bar .top-icon-btn {background:#132019;border:1px solid #2b4133;color:#bccec2;box-shadow:none;width:44px;height:44px}
body .screen .top-app-bar .top-icon-btn.is-user {background:#203e2a;color:#80ffa4;border-color:#376547}
body .wallet-welcome h1,body .workspace-heading h1,body .crypto-page-heading h1 {font-weight:600;letter-spacing:-.045em;color:#edf6f0}
body .wallet-overview,body .hero-card,body .history-hero,body .referral-hero,body .level-hero,body .profile-hero {background:radial-gradient(ellipse at 100% 0,rgba(88,239,131,.15),transparent 65%),linear-gradient(130deg,#14251a,#0f1913);border:1px solid #365940;border-radius:22px;box-shadow:0 16px 40px #0002,inset 0 1px 0 #a7ffc110}
body .wallet-total,body .balance-figure {color:#effff4;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.05em}
body .wallet-total > span,body .wallet-pockets small,body .wallet-balance-caption {color:#9eb6a5;opacity:1}
body .wallet-card-top,body .wallet-pockets strong {color:#e6f6eb}
body .wallet-orb {opacity:.5;filter:hue-rotate(65deg)}
body .section-panel,body .portfolio-allocation,body .portfolio-activity,body .support-card,body .profile-panel,body .insight-panel,body .earning-panel,body .filter-panel,body .asset-filter-panel,body .transaction-filter-panel,body .search-panel,body .profile-menu,body .auth-card {background:#101a15;border:1px solid #263b2e;border-radius:18px;box-shadow:0 8px 30px #0001}
body .metric-card,body .account-card,body .history-stat-card,body .referral-metric-card,body .level-stat-card,body .asset-summary-tile,body .wallet-actions a {background:#132019;border-color:#294032;border-radius:14px;box-shadow:none}
body .wallet-actions a {transition:transform .18s,border-color .18s}
body .wallet-actions a:hover {transform:translateY(-3px);border-color:#58ef83}
body .wallet-actions a > span,body .row-icon {background:#203a29;color:#80ffa4}
body .wallet-actions strong,body .portfolio-heading h2,body .section-title {color:#edf6f0}
body .wallet-actions small,body .portfolio-heading p,body .section-subtitle,body .text-muted {color:#9cafa2!important}
body .btn-gold,body .btn-primary,body .dream-btn,body .balance-action-btn.deposit {background:linear-gradient(135deg,#8affaa,#3de66f)!important;color:#06150b!important;border:1px solid #73ff99!important;font-weight:600;min-height:46px;border-radius:11px;box-shadow:0 5px 20px #58ef8315;letter-spacing:.01em}
body .btn-gold:hover,body .btn-primary:hover {background:#a6ffc0!important;box-shadow:0 6px 24px #58ef8328}
body .btn-outline-gold,body .balance-action-btn.withdraw {color:#80ffa4;background:#58ef8309;border:1px solid #386849}
body .form-control,body .form-select,body .filter-field,body .search-field,body .asset-filter-select,body .transaction-filter-select,body .login-input-wrap {background-color:#0b140e;color:#edf6f0;border-color:#304737;font-size:13px;min-height:48px}
body .form-control:focus,body .form-select:focus,body .login-input-wrap:focus-within {background-color:#0b140e;color:#edf6f0;border-color:#58ef83;box-shadow:0 0 0 3px #58ef8315}
body input::placeholder,body textarea::placeholder {color:#748c7b;opacity:1}
/* Global form focus: one boundary around the complete control. */
:root{--field-focus-border:#83f5bd;--field-focus-ring:0 0 0 3px #83f5bd1a}
body input:not([type='radio']):not([type='checkbox']):not([type='range']):not([type='hidden']):not([type='submit']):not([type='button']):not([type='reset']):not([type='color']):focus,
body textarea:focus,body select:focus{
 border-color:var(--field-focus-border)!important;
 box-shadow:var(--field-focus-ring)!important;
 outline:0!important;
}
body :is(.funding-amount-input,.login-input-wrap,.security-password-field,.input-group,.search-field,.withdraw-channel-search):focus-within{
 border-color:var(--field-focus-border)!important;
 box-shadow:var(--field-focus-ring)!important;
 outline:0!important;
}
body :is(.funding-amount-input,.login-input-wrap,.search-field,.withdraw-channel-search):focus-within input:focus{
 border:0!important;box-shadow:none!important;outline:0!important;
}
/* Wrappers with bordered children keep one ring outside the group. */
body :is(.security-password-field,.input-group):focus-within input:focus{
 border-color:var(--field-focus-border)!important;box-shadow:none!important;outline:0!important;
}
/* Native date controls inherit the same palette as other BOTIQ fields. */
body input[type='date'],body input[type='datetime-local'],body input[type='month'] {
 color-scheme:dark;min-width:0;max-width:100%;min-height:48px;
 background-color:var(--workspace-bg)!important;color:var(--text)!important;
 border:1px solid var(--workspace-border)!important;border-radius:8px;
 padding:12px 14px;font-family:inherit;font-size:13px;line-height:1.5;
}
body input[type='date']:focus,body input[type='datetime-local']:focus,body input[type='month']:focus {
 border-color:var(--workspace-accent)!important;
 box-shadow:0 0 0 3px var(--gold-soft)!important;
}
body input[type='date']::-webkit-calendar-picker-indicator,
body input[type='datetime-local']::-webkit-calendar-picker-indicator,
body input[type='month']::-webkit-calendar-picker-indicator {
 cursor:pointer;opacity:.85;padding:4px;margin:0;filter:none;
}
body input[type='date']::-webkit-datetime-edit,
body input[type='datetime-local']::-webkit-datetime-edit,
body input[type='month']::-webkit-datetime-edit {color:var(--text);padding:0}
body .form-label,body .crypto-field-label,body .support-field label {color:#b6c9bd;font-size:12px}
body .form-select option {background:#101a15;color:#edf6f0}
body .list-row,body .transaction-row,body .transaction-card,body .notification-card,body .message-card,body .history-card,body .referral-card {background:#111e16;border-color:#294032;color:#edf6f0}
body .modal-content,body .dropdown-menu,body .swal2-popup {background:#142019;color:#edf6f0;border-color:#36523e}
body .dropdown-item {color:#d1e4d8}
body .dropdown-item:hover {background:#203a29;color:#80ffa4}
body .table {--bs-table-color:#dbece1;--bs-table-bg:transparent;--bs-table-border-color:#294032;--bs-table-hover-color:#effff4;--bs-table-hover-bg:#58ef830a;--bs-table-striped-color:#dbece1}
body nav.bottom-nav[aria-label='Primary navigation'] {background:#101c15f5;border:1px solid #33533e;box-shadow:0 -8px 32px #0005;backdrop-filter:blur(18px)}
body nav.bottom-nav[aria-label='Primary navigation'] .nav-item-mobile {color:#9eb6a5;min-height:48px}
body nav.bottom-nav[aria-label='Primary navigation'] .nav-item-mobile.active {background:#58ef8318;color:#80ffa4}
body .auth-card {padding:32px!important;border-color:#365940!important}
body .crypto-auth-story h1 {color:#edf6f0!important;font-weight:600!important;line-height:1.15!important}
body .crypto-auth-story p {color:#a9c0b1!important;opacity:1!important;font-size:14px!important}
body .crypto-auth-features {color:#80ffa4;gap:20px;font-size:12px}
body .crypto-eyebrow,body .login-card-kicker {color:#80ffa4!important;font-size:10px!important}
body[data-page='login'] .auth-card .section-title {color:#edf6f0;font-weight:600}
body[data-page='login'] .auth-card .section-subtitle,body .login-card-footer {color:#9cafa2;opacity:1;font-size:12px}
body[data-page='login'] .crypto-field-label {color:#c4d8cb;font-size:12px}
body[data-page='login'] .login-input-wrap .form-control {color:#edf6f0;font-size:13px;background:transparent}
body #toggleLoginPassword {color:#9cafa2}
.botiq-robot-stage {display:grid;place-items:center;min-height:260px;margin:22px 0;position:relative;background:radial-gradient(ellipse,#58ef8315,transparent 65%)}
.botiq-robot-stage img {width:240px;max-width:70%;filter:drop-shadow(0 15px 30px #58ef8320)}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible {outline:2px solid #80ffa4;outline-offset:4px}
::selection {background:#58ef83;color:#08120c}
@media(min-width:1200px){body .screen{padding-top:30px}body .crypto-sidebar{flex-basis:248px;width:248px}body .wallet-welcome{padding:10px 0 6px}}
@media(max-width:767px){body .screen{padding-bottom:115px}body .auth-screen{padding:28px 20px!important}body .auth-card{padding:25px!important}body .crypto-auth-story h1{font-size:30px!important}.botiq-robot-stage{min-height:130px;margin:14px 0}.botiq-robot-stage img{width:135px}body .crypto-auth-features{font-size:10px}body .wallet-total{font-size:44px}body .wallet-member{max-width:130px}body .top-brand-meta{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Consistent expanded desktop navigation width across all user pages. */
@media(min-width:768px){
 body:not(.terminal-sidebar-collapsed) .phone-frame>.crypto-sidebar{width:240px!important;flex:0 0 240px!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}
 body:not(.terminal-sidebar-collapsed) .crypto-sidebar .crypto-nav a{white-space:normal;line-height:1.5}
}
/* Supplied BOTIQ image assets: wordmark, robot icon, and full auth lockup. */
body .botiq-wordmark,body .crypto-sidebar .botiq-brand img.botiq-wordmark{display:block!important;width:120px!important;height:auto!important;max-width:100%;object-fit:contain;flex-shrink:0}
body .crypto-sidebar .botiq-brand>img{object-fit:contain;background:transparent;border:0}
body .crypto-sidebar .botiq-brand>span{min-width:0}
body .screen .top-brand-name .botiq-wordmark{width:100px!important;max-height:34px;height:auto!important;object-fit:contain}
body .screen .top-brand-meta{margin-top:4px}
body .botiq-auth-logo>img{width:150px!important;height:150px!important;object-fit:contain}
body.terminal-sidebar-collapsed .crypto-sidebar .botiq-brand>span{display:none!important}
@media(max-width:400px){body .screen .top-brand-name .botiq-wordmark{width:85px!important}}