/* ===== UserModal page-specific styles ===== */
.user-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:2000;align-items:center;justify-content:center;padding:20px}
.user-modal-overlay.show{display:flex}
.user-modal-content{width:min(560px,calc(100vw - 24px));max-height:85vh;overflow-y:auto;background:rgba(17,24,39,0.95);border:1px solid var(--border);border-radius:16px;padding:28px;position:relative}
.user-modal-close{position:absolute;top:12px;right:16px;font-size:24px;color:var(--text3);cursor:pointer;background:none;border:none;transition:color .2s;line-height:1}
.user-modal-close:hover{color:var(--text)}
.user-modal-title{font-size:20px;font-weight:700;margin-bottom:18px;background:linear-gradient(135deg,var(--gold),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.user-modal-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:0;overflow:visible}
.user-modal-tabs::-webkit-scrollbar{display:none}
.user-modal-tab{min-width:0;padding:8px 6px;font-size:12px;line-height:1.2;white-space:nowrap;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none;text-align:center;overflow:hidden;text-overflow:ellipsis}
.user-modal-tab:hover{color:var(--text)}
.user-modal-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
.user-modal-tab-content{display:none}.user-modal-tab-content.active{display:block}
.user-modal-description{font-size:12px;color:var(--text2);margin-bottom:12px}
.user-modal-muted{font-size:13px;color:var(--text2);margin-bottom:10px}
.user-modal-lang-select{display:flex;gap:8px;flex-wrap:wrap}
.user-modal-alert-symbols{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;max-height:180px;overflow-y:auto;padding:4px 0}
.user-modal-radar-timeframes{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.user-modal-radar-timeframes label{font-size:12px;color:var(--text2)}
.user-modal-help{font-size:11px;color:var(--text3);margin-top:4px}
.user-modal-status{font-size:11px;color:var(--text3);margin-top:4px}
.user-modal-action{margin-top:4px}
.user-modal-footer{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}
.user-modal-logout{width:100%;padding:10px;border:1px solid rgba(246,70,93,0.2);color:var(--red);font-size:13px;border-radius:8px;cursor:pointer;background:transparent}
.user-confirm-overlay{position:fixed;inset:0;z-index:99999;background:rgba(2,6,23,.72);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(4px)}
.user-confirm-box{width:min(420px,92vw);background:linear-gradient(180deg,#111827,#0b1220);border:1px solid rgba(148,163,184,.28);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.45);padding:20px;color:#f8fafc;font-family:inherit}
.user-confirm-title{font-size:17px;font-weight:700;margin-bottom:10px}
.user-confirm-body{font-size:14px;line-height:1.7;color:#cbd5e1;margin-bottom:18px;white-space:pre-wrap}
.user-confirm-actions{display:flex;justify-content:flex-end;gap:10px}
.user-confirm-btn{font-size:13px;padding:8px 18px;border:1px solid rgba(148,163,184,.35);color:#e2e8f0;background:rgba(15,23,42,.9)}
.user-confirm-ok{font-size:13px;padding:8px 18px}
@media(max-width:560px){.user-modal-tabs{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:2px}.user-modal-tab{font-size:12px;padding:8px 6px}}
@media(max-width:480px){.user-modal-overlay{padding:12px}.user-modal-content{width:100%;padding:22px 18px}.user-modal-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.user-modal-tab{font-size:12px;padding:8px 5px}}


/* Light theme: personal settings modal must follow daytime style. */
body.light .user-modal-overlay{background:rgba(15,23,42,.20);backdrop-filter:blur(5px)}
body.light .user-modal-content{background:linear-gradient(180deg,#ffffff,#f8fafc);border-color:rgba(15,23,42,.12);box-shadow:0 28px 80px rgba(15,23,42,.18);color:#0f172a}
body.light .user-modal-close{color:#64748b}body.light .user-modal-close:hover{color:#0f172a}
body.light .user-modal-title{background:linear-gradient(135deg,#b45309,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.light .user-modal-tabs{border-bottom-color:rgba(15,23,42,.12)}
body.light .user-modal-tab{color:#64748b;background:transparent}body.light .user-modal-tab:hover{color:#0f172a;background:rgba(15,23,42,.035)}body.light .user-modal-tab.active{color:#b45309;border-bottom-color:#b45309;background:rgba(245,158,11,.08)}
body.light .user-modal-description,body.light .user-modal-muted,body.light .user-modal-radar-timeframes label{color:#475569}
body.light .user-modal-help,body.light .user-modal-status{color:#64748b}
body.light .user-modal-content .form-label{color:#334155}
body.light .user-modal-content .form-input,body.light .user-modal-content input,body.light .user-modal-content select,body.light .user-modal-content textarea{background:#fff!important;color:#0f172a!important;border-color:rgba(15,23,42,.14)!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.04)}
body.light .user-modal-content .form-input:focus,body.light .user-modal-content input:focus,body.light .user-modal-content select:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.14)!important;outline:none}
body.light .user-modal-footer{border-top-color:rgba(15,23,42,.12)}
body.light .user-modal-logout{background:#fff;color:#dc2626;border-color:rgba(220,38,38,.22)}body.light .user-modal-logout:hover{background:rgba(220,38,38,.06)}
body.light .user-confirm-overlay{background:rgba(15,23,42,.20)}
body.light .user-confirm-box{background:linear-gradient(180deg,#fff,#f8fafc);border-color:rgba(15,23,42,.14);color:#0f172a;box-shadow:0 24px 80px rgba(15,23,42,.18)}
body.light .user-confirm-body{color:#475569}body.light .user-confirm-btn{background:#fff;color:#334155;border-color:rgba(15,23,42,.14)}