/* Radiant-inspired gold, ivory and neutral grey. */
:root{--primary:#856313;--pale:#faf5e4;--ink:#252622;--muted:#70716b;--body:#50524c;--line:#dedfd8;--surface:#fffefa;--fill:#f1f2ee;--gold:#e8cc75;--gold-line:#d9c794;--button-ink:#302713;color-scheme:light}
:root.dark{--primary:#e8cc75;--pale:#302d23;--ink:#f5f3eb;--muted:#a7aaa3;--body:#ced0c8;--line:#3b3e38;--surface:#232621;--fill:#191c19;--gold:#e8cc75;--gold-line:#605639;--button-ink:#302713;color-scheme:dark}
body.dashboard,.auth-body{background:var(--fill)}
button{background:var(--gold);color:var(--button-ink)}
button:hover{filter:brightness(.97)}
button:disabled{opacity:.55;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
input,select,.outline{border-color:var(--line)}
.primary-wide,#auth-submit,.modal-actions>button:not(.outline),#sepay-config button[type=submit]{background:linear-gradient(115deg,#f3e5ad,#e3c565);color:#302713;border:1px solid #cfb05a;box-shadow:0 2px 8px #a7831920}
#sidebar{background:var(--surface)}
.app-brand{border-bottom:1px solid var(--line)}
.rentotp-brand>span,.auth-brand span{color:var(--primary)}
.app-header{border-bottom:1px solid var(--line)}
#app-nav a.active{background:var(--pale);color:var(--primary);box-shadow:inset 3px 0 var(--gold);font-weight:600}
.app-header #menu,.announcements>div,.info-box{border-color:var(--gold-line)}
.announcements>div{background:var(--pale)}
.segments button.selected{background:var(--pale);color:var(--primary);border-color:var(--gold-line)}
.panel,.auth-card{box-shadow:0 3px 14px #20251a05}
.auth-card{border-top:3px solid var(--gold)}
.auth-body{background:radial-gradient(ellipse at 50% 0%,#eadba966,transparent 65%),var(--fill)}
.picker-popup{box-shadow:0 12px 32px #161a1426}
.external{background:var(--gold);color:var(--button-ink)}
.dark .recent-table th{background:#2c302a}
#recent-orders .recent-codes .inline-otp,.dark #recent-orders .recent-codes .inline-otp{background:var(--pale);border-color:var(--gold-line);color:var(--primary)}
.dark .otp-placeholder{border-color:var(--line)}
.dark .cancel-popover{background:var(--surface);border-color:var(--line)}
.dark .cancel-popover-back{background:var(--fill);border-color:var(--line)}
.cancel-popover-confirm{background:#dc2626;color:#fff}
.featured-card:hover{box-shadow:0 3px 12px #a7831914}
.app-brand{gap:10px;text-decoration:none}
.app-brand img.rentotp-mark{width:38px;height:38px;flex-shrink:0;filter:drop-shadow(0 2px 4px #171a1420)}
.rentotp-brand{font-size:23px;font-weight:800;letter-spacing:-.8px;line-height:1.05;color:var(--ink)}
.rentotp-brand small{display:block;font-size:9px;font-weight:500;letter-spacing:1.5px;margin-top:5px;color:var(--muted)}
.auth-brand{display:flex;align-items:center;gap:12px;letter-spacing:-.8px;text-decoration:none}
.auth-brand .rentotp-mark{width:48px;height:48px}
.auth-brand .auth-wordmark{color:var(--ink)}
.input-unit{display:flex;align-items:stretch;margin-top:6px}
.panel .input-unit input{flex:1;width:0;min-width:0;height:36px;margin:0;border-radius:7px 0 0 7px}
.input-unit span{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:36px;padding:0 12px;box-sizing:border-box;border-radius:0 7px 7px 0}
#app-nav a{align-items:center;min-height:44px}
.nav-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}
.nav-icon svg{display:block;width:20px;height:20px}
#app-nav a.active .nav-icon{color:var(--primary)}
/* Compact announcement banners; body must not inherit the icon's 17px size. */
.announcements>div{gap:8px;padding:5px 16px;align-items:flex-start}
.announcements>div>span{flex:0 0 auto;font-size:13px;line-height:20px}
.announcements p{min-width:0;margin:0;font-size:12px;line-height:20px}
.announcements .announcement-body{display:inline;font-size:inherit;line-height:inherit;color:var(--body);white-space:pre-wrap}
.announcements .announcement-body::before{content:' \00b7 ';color:var(--muted)}
.announcements button{flex:0 0 24px;min-height:24px;margin:-2px -4px -2px 0;padding:0;font-size:16px;line-height:24px}
@media(max-width:767px){.announcements>div{padding:5px 12px}.announcements p{font-size:11px;line-height:18px}}
/* Increase the compact announcement scale by 50%. */
.announcements>div{gap:12px;padding:7.5px 24px}
.announcements>div>span{font-size:19.5px;line-height:30px}
.announcements p{font-size:18px;line-height:30px}
.announcements button{flex-basis:36px;min-height:36px;margin:-3px -6px -3px 0;font-size:24px;line-height:36px}
@media(max-width:767px){.announcements>div{padding:7.5px 18px}.announcements p{font-size:16.5px;line-height:27px}}
/* Reduce the current announcement scale by 30%. */
.announcements>div{gap:8.4px;padding:5.25px 16.8px}
.announcements>div>span{font-size:13.65px;line-height:21px}
.announcements p{font-size:12.6px;line-height:21px}
.announcements button{flex-basis:25.2px;min-height:25.2px;margin:-2.1px -4.2px -2.1px 0;font-size:16.8px;line-height:25.2px}
@media(max-width:767px){.announcements>div{padding:5.25px 12.6px}.announcements p{font-size:11.55px;line-height:18.9px}}

.language-switch{width:auto;min-width:100px;padding:6px 9px;border:1px solid var(--gold-line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.auth-card>.language-switch{display:block;margin:0 0 16px auto}