/* Shared corner treatment for desktop and mobile controls. */
:root{--radius-control:10px;--radius-panel:14px}
.metric,.panel,.bot-panel,.risk-console,.system-card,.admin-user-card{border-color:#34442b}
.panel:before,.metric:after,.topbar:after,.maintenance-dialog:before,.nav-item.active:before{display:none!important;content:none!important}
.money-value{display:inline-flex;align-items:baseline;gap:.3em;white-space:nowrap}
.money-value small{display:inline;font:inherit;line-height:inherit}
.nav-item,.nav-item.active,.button,.channel-banner,.arena-banner,.admin-danger,.small-avatar{clip-path:none!important}
.nav-item,.nav-item.active{border-radius:var(--radius-control)}
.nav-item.active{border:1px solid #739b3b88;background:linear-gradient(110deg,#b6ff461c,#b6ff4605);box-shadow:inset 0 0 20px #b6ff4603}
.nav-item.active:before{display:none}
.button,.lang,.trade-tabs button,.periods,.periods button,.admin-user-actions button,.admin-filters input,.admin-filters select,.settings-panel input,.user-history-pagination button,.mobile-menu-toggle,.mobile-menu-close{border-radius:var(--radius-control)}
.panel,.metric,.channel-banner,.arena-banner,.system-card,.admin-user-card,.maintenance-dialog,.sidebar .sidebar-profile,.risk-console{border-radius:var(--radius-panel)}
.metric:before{display:none}
.metric:after{left:18px;bottom:0;width:30px;border-radius:3px}
.panel:before{top:0;left:22px;height:2px;border-radius:0 0 3px 3px}
.channel-banner,.arena-banner{overflow:hidden}
.panel>.panel-heading:first-child{border-radius:var(--radius-panel) var(--radius-panel) 0 0}
.sidebar .system-card{padding:16px 13px}
.risk-console{background:linear-gradient(135deg,#b6ff4605,transparent),#0c1309}
@media(max-width:760px){
 #app .trade-tabs{padding:16px;gap:8px}
 #app .panel>.table-scroll>table>tbody{padding:0 14px 20px;box-sizing:border-box}
 #app .panel>.table-scroll>table>tbody>tr:first-child{margin-top:16px}
 #app .panel>.table-scroll>table>tbody>tr:last-child{margin-bottom:0}
 #app .content{padding-bottom:24px}
 #boot{padding:24px;box-sizing:border-box}
 #boot .boot-mark img{width:min(68vw,280px,42dvh);height:min(68vw,280px,42dvh);object-fit:contain}
 #boot .wordmark{font-size:clamp(22px,6vw,28px);letter-spacing:2px;margin:24px 0 20px;white-space:nowrap}
 #boot .boot-line{width:min(80vw,340px);height:5px;border-radius:5px;margin:10px 0 22px;overflow:hidden;box-shadow:0 0 18px #b6ff4615}
 #boot small{font-size:clamp(11px,3vw,14px);letter-spacing:1.5px;line-height:1.6;text-align:center}
 #app .sidebar .nav-item,#app .sidebar .nav-item.active{border-radius:var(--radius-control)}
 tbody tr{border-radius:var(--radius-control)}
 #app .sidebar .nav-item{font-size:20px;font-weight:600;line-height:1.4;min-height:58px;gap:12px}
 #app .sidebar .nav-item [data-i]{font:inherit}
 #app .sidebar .nav-key{font-size:12px;font-weight:500}
 #app .sidebar .sidebar-profile #profile-name{font:600 16px/1.4 'Manrope',sans-serif}
 #app .sidebar .sidebar-profile small{font-size:12px;line-height:1.5}
 #app .sidebar .system-card>div{font-size:12px;line-height:1.5}
 #app .sidebar .system-card p{font-size:11px;line-height:1.6}
 #app .sidebar .system-card small{font-size:10px}
 /* Readable mobile hierarchy without enlarging desktop typography. */
 #app .metric-label{font-size:12px;line-height:1.5}
 #app .metric-foot{font-size:12px;line-height:1.6}
 #app .metric-foot>span:last-child{font-size:11px}
 #app .metric-number small,#app .metric-number .number-detail{font-size:11px}
 #app .pair-pills span{font-size:11px}
 #app .panel h2{font-size:16px;line-height:1.4}
 #app .panel-heading p,#app .chart-footer{font-size:12px;line-height:1.6}
 #app .chart-summary>span,#app .metrics-sync-row{font-size:12px}
 #app td{font-size:14px;line-height:1.5}
 #app td:before{font-size:12px}
 #app .instrument b{font-size:15px}
 #app .instrument small{font-size:12px}
 #app .table-status{font-size:14px}
 #app .direction,#app .status-pill{font-size:11px}
 #app .trade-tabs button,#app .periods button{font-size:13px}
 #app .setting-row b{font-size:14px}
 #app .setting-row p,#app .settings-panel>p,#app .settings-panel>.notice{font-size:13px;line-height:1.7}
 #app .settings-panel label{font-size:12px}
 #app .settings-panel input{font-size:16px}
 #app .risk-note{font-size:13px;line-height:1.7}
 #app .loss-limit>div>span{font-size:13px}
 #app .bot-identity h3{font-size:14px}
 #app .bot-identity>div>span,#app .bot-bottom{font-size:11px}
 #app .bot-actions .button{font-size:15px}
 #app .admin-user-card dt,#app .admin-user-header small,#app .user-history-hint{font-size:12px}
 #app .admin-user-header h3{font-size:16px}
 #app .admin-user-card summary,#app .admin-filters label,#app .user-history-tabs button{font-size:13px}
 #app .admin-user-card [data-field="details"] td{font-size:14px}
 #app .admin-user-actions button,#app .emergency-controls .button{font-size:13px}
 .maintenance-dialog p{font-size:14px;line-height:1.8}
 .maintenance-dialog small{font-size:12px}
}