/* Shared interface controls and comfortable type scale. Dark is the default. */
.ui-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}
body{font-size:16px}label{font-size:15px}input,select,textarea{font-size:16px;min-height:46px}small,label small{font-size:13px}.muted{line-height:1.65}
.button{font-size:15px;min-height:46px}.button.small{font-size:14px;min-height:40px}.icon-button{width:44px;height:44px}.sidebar nav a{font-size:15px;padding:12px}.sidebar nav a>span{display:inline-flex;width:24px}.sidebar-footer{font-size:14px;padding:20px 4px 0}.sidebar-footer small{font-size:12px}.nav-label{font-size:12px}.breadcrumb{font-size:13px}.brand small{font-size:11px}.page-footer{font-size:12px}.eyebrow{font-size:12px}.page-heading .muted{font-size:15px}.section-heading>a{font-size:14px}.hero-top{font-size:15px}.hero-caption{font-size:13px}.hero-amount small{font-size:16px}.balance-row{font-size:15px}.balance-row small{font-size:12px}.balance-row strong{font-size:18px}.stat-card>.muted{font-size:14px;max-width:85%}.stat-card strong small{font-size:13px}.stat-card>a{font-size:13px}.stat-icon{right:17px;top:20px}.shop-details span{font-size:13px}.shop-details strong small{font-size:13px}.owned-shop>small{font-size:12px}.pill{font-size:12px}.empty-shop p,.empty-state,.empty-state p{font-size:14px}.notice{font-size:14px}.shop-card p,.shop-rate,.shop-price small{font-size:14px}.shop-rate strong{font-size:17px}.detail-list,.network-instructions{font-size:14px}.tabs a{font-size:14px}.notification-row h3{font-size:15px}.auth-card>.muted,.auth-switch,.form-link{font-size:14px}.trust-line{font-size:12px}.trust-line span{font-size:11px}table,td{font-size:14px}th{font-size:12px}.review summary,summary{font-size:14px}.pagination{font-size:14px}
.top-actions{gap:12px}.notification-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.notification-button .ui-icon{width:26px;height:26px}.notification-button>span{right:0;top:0;font-size:11px;min-width:17px;text-align:center}.avatar{width:42px;height:42px;border-radius:50%;background:#243449;color:#b8ccdf}.avatar .ui-icon{width:26px;height:26px}.profile-avatar{width:88px;height:88px;border:2px solid var(--line)}.profile-avatar .ui-icon{width:45px;height:45px}.profile-avatar img{object-fit:cover}.language-form{display:flex;align-items:center;gap:6px;min-width:0}.language-flag{width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #8292a333;flex-shrink:0}.language-form select{font-size:14px;width:64px;min-height:40px;padding:5px 4px;color:var(--text)}.language-select{display:flex;align-items:center;gap:10px}.language-select select{flex:1}.language-select .language-flag{margin-top:7px}
.password-control{display:block;position:relative;margin-top:7px}.password-control input{padding-right:53px;margin-top:0}.password-toggle{position:absolute;right:3px;top:2px;width:44px;height:calc(100% - 4px);max-height:48px;display:grid;place-items:center;background:transparent;color:var(--muted);border:0;border-radius:8px}.password-toggle:hover{color:var(--accent)}.password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.country-search{margin:8px 0!important;padding-left:14px}.country-search-status{color:var(--muted);font-weight:400}select[size]:not([size="1"]){background-image:none;padding:5px}select[size]:not([size="1"]) option{padding:8px;border-radius:5px}.theme-moon{display:none}[data-theme=light] .theme-moon{display:inline-block}[data-theme=light] .theme-sun{display:none}
#install-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);padding:26px;box-shadow:0 25px 100px #0006}#install-dialog::backdrop{background:#030811b3;backdrop-filter:blur(4px)}#install-dialog .section-heading{margin:0 0 18px}#install-dialog h2{font-size:24px}#install-dialog p{font-size:15px}#install-dialog .button{margin-top:12px}.install-emblem{display:grid;place-items:center;width:52px;height:52px;background:#63ebcb16;color:var(--accent);border-radius:15px}.install-emblem .ui-icon{width:30px;height:30px}
/* Light palette preserves the dark balance card's financial emphasis. */
[data-theme=light]{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--panel-alt:#edf2f8;--line:#d6dfeb;--text:#17263c;--muted:#52647c;--danger:#b32424}
[data-theme=light] body{background:var(--bg);color:var(--text)}[data-theme=light] a{color:#06735c}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff;color:var(--text);border-color:#bac9dc}[data-theme=light] label{color:#344861}[data-theme=light] .sidebar{background:#fff}[data-theme=light] .sidebar nav a{color:#445a73}[data-theme=light] .sidebar nav a.active{background:#dcf5ed;color:#08634f}[data-theme=light] .sidebar nav a:hover{background:#edf5f5}[data-theme=light] .topbar{background:#fff}[data-theme=light] .brand{color:var(--text)}[data-theme=light] .brand-mark{color:#0b8a6e}[data-theme=light] .bottom-nav{background:#fffffff5}[data-theme=light] .bottom-nav a{color:#53667f}[data-theme=light] .bottom-nav a.active{color:#08705a}[data-theme=light] .button{color:#082c24}[data-theme=light] .button.secondary,[data-theme=light] .button.ghost{color:var(--text);border-color:#c2cedc}[data-theme=light] .notification-button{color:#34506b}[data-theme=light] .avatar{background:#e6edf7;color:#46617d}[data-theme=light] .balance-hero{color:#f3f6fb}[data-theme=light] .balance-hero .button.ghost{color:#f3f6fb;border-color:#69877c}[data-theme=light] .hero-amount small{color:#567264}[data-theme=light] .balance-hero .hero-amount small{color:#c0d8ce}[data-theme=light] .balance-row small{color:#617186}[data-theme=light] .balance-icon{color:#13735e;background:#e1f6ef}[data-theme=light] .tone-1{color:#6256ba;background:#efedff}[data-theme=light] .tone-2{color:#93631b;background:#fff3dc}[data-theme=light] .accent{color:#08745b}[data-theme=light] .pill{color:#516479;border-color:#bfccdd}[data-theme=light] .balance-hero .pill{color:#bfd3ce;border-color:#526b63}[data-theme=light] .pill.success{background:#e8f7ed;color:#17613d;border-color:#b6d9c4}[data-theme=light] .notice{background:#edf6fc;border-color:#bddeeb;color:#31576e}[data-theme=light] .notice.success{background:#eaf8ef;color:#24583b}[data-theme=light] .notice.warning{background:#fff5e1;color:#735314}[data-theme=light] .invite-card{background:linear-gradient(120deg,#f2efff,#e8f6f3)}[data-theme=light] .vip-badge{color:#6253aa}[data-theme=light] .tabs a.active{background:#dcf5ed;color:#08634f;border-color:#b2dacf}[data-theme=light] .auth-intro>p,[data-theme=light] .stat-card>a,[data-theme=light] .empty-state h3{color:var(--muted)}[data-theme=light] .shop-art{background:radial-gradient(ellipse at 50% 70%,#d8deed,#f1f4fa 75%)}[data-theme=light] .art-1{background:radial-gradient(ellipse at 50% 70%,#bce5d7,#f3faf7 75%)}[data-theme=light] .art-2{background:radial-gradient(ellipse at 50% 70%,#ebd6b0,#faf7f0 75%)}[data-theme=light] .shop-art .gem{color:#726ab7}[data-theme=light] .art-1 .gem{color:#31846e}[data-theme=light] .art-2 .gem{color:#9f772c}[data-theme=light] .shop-art>span{color:#52647c}[data-theme=light] .notification-mark.unread{color:#13755c;background:#e3f5ed}[data-theme=light] .install-emblem{color:#14745e;background:#e4f5ef}
@media(max-width:1150px){.top-actions{gap:8px}.breadcrumb{font-size:12px}.topbar{padding-left:20px;padding-right:20px}}
@media(max-width:850px){.breadcrumb{display:none}.top-actions{margin-left:auto}.bottom-nav{padding-top:11px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.bottom-nav a{gap:6px}.bottom-nav a>span{display:grid;place-items:center}.bottom-nav .ui-icon{width:25px;height:25px}.bottom-nav small{font-size:12px}.bottom-nav .deposit-action>span{width:50px;height:46px}.authenticated{padding-bottom:calc(104px + env(safe-area-inset-bottom))}}
@media(max-width:620px){.topbar{min-height:72px;height:auto;padding:12px;gap:8px}.authenticated .install-trigger#install-app{width:40px;padding:6px}.authenticated #install-app>span{display:none}.top-actions{gap:6px}.language-form{gap:3px}.language-form select{width:50px;font-size:13px}.language-flag{width:22px;height:16px}.top-actions .avatar{width:38px;height:38px}.notification-button{width:38px;height:40px}.top-actions .icon-button{width:40px;height:40px}.guest .topbar{flex-wrap:wrap;padding:16px}.guest .topbar>.brand{width:100%;font-size:20px}.guest .top-actions{width:100%;justify-content:flex-end;margin-top:8px}.guest #install-app{font-size:14px;min-height:42px}.page-heading .muted{font-size:14px}.page-heading>.button{font-size:13px;min-height:42px}.eyebrow{font-size:11px;letter-spacing:1px}.hero-caption{font-size:12px}.hero-actions .button{font-size:15px}.hero-amount small{font-size:14px}.stat-card>.muted{font-size:13px;max-width:80%}.stat-card>a{font-size:12px}.stat-card strong small{font-size:12px}.stat-icon{right:12px;top:15px}.stat-icon .ui-icon{width:20px;height:20px}.section-heading h2{font-size:20px}.section-heading>a{font-size:13px}.shop-details{flex-wrap:wrap;gap:16px}.shop-details .muted,.shop-details span{font-size:12px}.shop-details strong{font-size:23px}.shop-details strong small{font-size:12px}.shop-rate{font-size:13px}.shop-card p{font-size:14px}.shop-price small{font-size:13px}.empty-shop p{font-size:14px}.auth-intro>p,.auth-card>.muted,.auth-wide>p{font-size:15px}.form-link,.auth-switch{font-size:14px}.notice{font-size:14px}.detail-list{font-size:14px}.team-member{font-size:14px}.team-member small{font-size:12px}.team-member .pill{font-size:11px}.tabs a{font-size:13px}.invite-actions>*{font-size:14px}.notification-row h3{font-size:15px}.page-footer{font-size:11px}.inline-actions .button{font-size:13px}th{font-size:11px}td{font-size:13px}.table-card{padding:6px}.sidebar-footer small{font-size:12px}.profile-avatar{width:80px;height:80px}.profile-avatar .ui-icon{width:42px;height:42px}}
@media(max-width:390px){.authenticated .topbar{padding:10px 8px;gap:4px}.authenticated .top-actions{gap:4px}.authenticated .top-actions .icon-button,.authenticated #install-app{width:36px;min-width:36px;height:40px}.authenticated .language-form select{width:43px}.authenticated .language-flag{width:20px;height:15px}.notification-button{width:34px}.top-actions .avatar{width:34px;height:34px}.drawer-toggle{width:36px}.bottom-nav small{font-size:11px}.stats-grid{gap:10px}.stat-card>strong{font-size:24px}.page-heading{flex-wrap:wrap}.balance-row{gap:9px;font-size:14px}.balance-row strong{font-size:17px}.balance-row small{font-size:11px}.hero-amount{font-size:40px}.shop-details>div{flex:1 1 40%}.guest .top-actions{gap:8px}.guest #install-app{font-size:13px;padding:9px 12px}}
input[type=checkbox]{min-height:18px}input[type=file]{font-size:14px}.table-scroll td{min-width:125px;overflow-wrap:normal;word-break:normal}.table-scroll td:last-child{overflow-wrap:anywhere}.sidebar-footer .button{font-size:14px;padding:10px 8px}
@media(max-width:850px){.sidebar:not(.open){visibility:hidden;box-shadow:none}.sidebar.open{visibility:visible;box-shadow:15px 0 80px #0006}}

/* Native option popups must have explicit contrasting colors on Windows too. */
:root:not([data-theme=light]) select{color-scheme:dark}select option,select optgroup{background:#121a26;color:#f3f6fb}[data-theme=light] select{color-scheme:light}[data-theme=light] select option,[data-theme=light] select optgroup{background:#fff;color:#17263c}

.install-trigger[hidden],[data-app-installed=true] .install-trigger{display:none!important}
@media(display-mode:standalone),(display-mode:minimal-ui),(display-mode:window-controls-overlay){.install-trigger{display:none!important}}