/* Dark-glass skin for every CRM pop-up (.overlay > .modal) and for ui-dialogs.js. Same look as the Traders Hub dialogs.
   Loaded after the page styles; inline light colours inside pop-ups are mapped to the dark palette below. */
:root{--ui-bg1:#0e2b46;--ui-bg2:#071b30;--ui-bd:rgba(48,134,255,.35);--ui-tx:#d2dde9;--ui-mut:#9db4cc;--ui-field:rgba(2,11,22,.62);--ui-line:rgba(120,170,220,.18);}
.overlay{background:rgba(1,8,18,.72) !important;}
.overlay.open{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.overlay .modal,.overlay .modal-content{background:linear-gradient(180deg,rgba(14,43,70,.97),rgba(7,27,48,.99)) !important;color:var(--ui-tx);border:1px solid var(--ui-bd);border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(21,150,255,.12),inset 0 1px 0 rgba(255,255,255,.06);color-scheme:dark;}
.overlay :is(.modal,.modal-content) h1,.overlay :is(.modal,.modal-content) h2,.overlay :is(.modal,.modal-content) h3,.overlay :is(.modal,.modal-content) h4,.overlay .modal-hdr h2{color:var(--ui-tx);}
.overlay :is(.modal,.modal-content) p,.overlay :is(.modal,.modal-content) li,.overlay :is(.modal,.modal-content) label,.overlay :is(.modal,.modal-content) .fg label,.overlay :is(.modal,.modal-content) td,.overlay :is(.modal,.modal-content) small{color:inherit;}
.overlay :is(.modal,.modal-content) .m-close{color:var(--ui-mut);}
.overlay :is(.modal,.modal-content) .m-close:hover{background:rgba(255,255,255,.08);color:#fff;}
.overlay :is(.modal,.modal-content) .modal-foot{border-top-color:var(--ui-line);}
.overlay :is(.modal,.modal-content) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.overlay :is(.modal,.modal-content) select,.overlay :is(.modal,.modal-content) textarea,
.overlay :is(.modal,.modal-content) .fg input,.overlay :is(.modal,.modal-content) .fg select,.overlay :is(.modal,.modal-content) .fg textarea{background:var(--ui-field) !important;color:var(--ui-tx) !important;border:1px solid var(--ui-bd) !important;}
.overlay :is(.modal,.modal-content) input::placeholder,.overlay :is(.modal,.modal-content) textarea::placeholder{color:#6f8aa5;}
.overlay :is(.modal,.modal-content) input:focus,.overlay :is(.modal,.modal-content) select:focus,.overlay :is(.modal,.modal-content) textarea:focus{border-color:#24c7f4 !important;box-shadow:0 0 0 3px rgba(36,199,244,.15) !important;outline:none;}
.overlay :is(.modal,.modal-content) select option{background:#0b2340;color:var(--ui-tx);}
.overlay :is(.modal,.modal-content) .btn-secondary{background:rgba(255,255,255,.07);color:var(--ui-tx);border:1px solid var(--ui-bd);}
.overlay :is(.modal,.modal-content) .btn-secondary:hover{background:rgba(21,151,255,.18);}
.overlay :is(.modal,.modal-content) .btn-primary{background:linear-gradient(135deg,#087bff,#1597ff);color:#fff;box-shadow:0 0 14px rgba(21,151,255,.3);}
.overlay :is(.modal,.modal-content) .btn-danger{background:rgba(228,30,63,.16);color:#ff8a9a;border:1px solid rgba(228,30,63,.4);}
.overlay :is(.modal,.modal-content) .btn-warning{background:rgba(245,177,37,.14);color:#f7c860;border:1px solid rgba(245,177,37,.35);}
.overlay :is(.modal,.modal-content) .btn-success{background:rgba(16,185,129,.16);color:#6ee7b7;border:1px solid rgba(16,185,129,.35);}
.overlay :is(.modal,.modal-content) th{background:rgba(255,255,255,.05);color:var(--ui-mut);border-bottom-color:var(--ui-line);}
.overlay :is(.modal,.modal-content) td{border-bottom-color:var(--ui-line);}
.overlay :is(.modal,.modal-content) hr{border-color:var(--ui-line);}
.overlay :is(.modal,.modal-content) a{color:#6cb6ff;}
/* inline light backgrounds / dark greys inside pop-ups */
.overlay :is(.modal,.modal-content) [style*="background:#f" i],.overlay :is(.modal,.modal-content) [style*="background: #f" i],.overlay :is(.modal,.modal-content) [style*="background:#e" i],.overlay :is(.modal,.modal-content) [style*="background: #e" i],.overlay :is(.modal,.modal-content) [style*="background:#fff" i],.overlay :is(.modal,.modal-content) [style*="background:white" i]{background:rgba(255,255,255,.06) !important;}
.overlay :is(.modal,.modal-content) [style*="border:1px solid #e" i],.overlay :is(.modal,.modal-content) [style*="border: 1px solid #e" i],.overlay :is(.modal,.modal-content) [style*="border:1px solid #f" i],.overlay :is(.modal,.modal-content) [style*="border-top:1px solid #f" i],.overlay :is(.modal,.modal-content) [style*="border-bottom:1px solid #f" i]{border-color:var(--ui-line) !important;}
.overlay :is(.modal,.modal-content) [style*="color:#111827" i],.overlay :is(.modal,.modal-content) [style*="color: #111827" i],.overlay :is(.modal,.modal-content) [style*="color:#1f2937" i],.overlay :is(.modal,.modal-content) [style*="color: #1f2937" i],.overlay :is(.modal,.modal-content) [style*="color:#374151" i],.overlay :is(.modal,.modal-content) [style*="color: #374151" i],.overlay :is(.modal,.modal-content) [style*="color:#4b5563" i],.overlay :is(.modal,.modal-content) [style*="color: #4b5563" i],.overlay :is(.modal,.modal-content) [style*="color:#6b7280" i],.overlay :is(.modal,.modal-content) [style*="color: #6b7280" i],.overlay :is(.modal,.modal-content) [style*="color:#9ca3af" i],.overlay :is(.modal,.modal-content) [style*="color: #9ca3af" i],.overlay :is(.modal,.modal-content) [style*="color:#334155" i],.overlay :is(.modal,.modal-content) [style*="color: #334155" i],.overlay :is(.modal,.modal-content) [style*="color:#475569" i],.overlay :is(.modal,.modal-content) [style*="color: #475569" i],.overlay :is(.modal,.modal-content) [style*="color:#64748b" i],.overlay :is(.modal,.modal-content) [style*="color: #64748b" i],.overlay :is(.modal,.modal-content) [style*="color:#1e293b" i],.overlay :is(.modal,.modal-content) [style*="color: #1e293b" i],.overlay :is(.modal,.modal-content) [style*="color:#0f172a" i],.overlay :is(.modal,.modal-content) [style*="color: #0f172a" i],.overlay :is(.modal,.modal-content) [style*="color:#111" i],.overlay :is(.modal,.modal-content) [style*="color: #111" i],.overlay :is(.modal,.modal-content) [style*="color:#222" i],.overlay :is(.modal,.modal-content) [style*="color: #222" i],.overlay :is(.modal,.modal-content) [style*="color:#333" i],.overlay :is(.modal,.modal-content) [style*="color: #333" i],.overlay :is(.modal,.modal-content) [style*="color:#444" i],.overlay :is(.modal,.modal-content) [style*="color: #444" i],.overlay :is(.modal,.modal-content) [style*="color:#555" i],.overlay :is(.modal,.modal-content) [style*="color: #555" i],.overlay :is(.modal,.modal-content) [style*="color:#666" i],.overlay :is(.modal,.modal-content) [style*="color: #666" i],.overlay :is(.modal,.modal-content) [style*="color:#000" i],.overlay :is(.modal,.modal-content) [style*="color: #000" i]{color:var(--ui-tx) !important;}
.overlay :is(.modal,.modal-content) [style*="color:#9ca3af" i],.overlay :is(.modal,.modal-content) [style*="color:#6b7280" i],.overlay :is(.modal,.modal-content) [style*="color:#64748b" i]{color:var(--ui-mut) !important;}

/* class-based light surfaces inside pop-ups + extra inline tints and accents */
.overlay :is(.modal,.modal-content) :is(.chip,.opt-pill,.cp-photo-slot,.country-list,.dep-sym){background:rgba(255,255,255,.07) !important;color:var(--ui-tx) !important;border-color:var(--ui-bd) !important;}
.overlay :is(.modal,.modal-content) [style*="background:#d" i],.overlay :is(.modal,.modal-content) [style*="background: #d" i]{background:rgba(21,151,255,.18) !important;}
.overlay :is(.modal,.modal-content) [style*="color:#7c3aed" i],.overlay :is(.modal,.modal-content) [style*="color:#6d28d9" i]{color:#c4b0ff !important;}
.overlay :is(.modal,.modal-content) [style*="color:#dc2626" i],.overlay :is(.modal,.modal-content) [style*="color:#ef4444" i],.overlay :is(.modal,.modal-content) [style*="color:#b91c1c" i],.overlay :is(.modal,.modal-content) [style*="color:#991b1b" i]{color:#ff8a9a !important;}
.overlay :is(.modal,.modal-content) [style*="color:#2563eb" i],.overlay :is(.modal,.modal-content) [style*="color:#1d4ed8" i]{color:#6cb6ff !important;}
.overlay :is(.modal,.modal-content) [style*="color:#059669" i],.overlay :is(.modal,.modal-content) [style*="color:#065f46" i],.overlay :is(.modal,.modal-content) [style*="color:#16a34a" i]{color:#6ee7b7 !important;}
.overlay :is(.modal,.modal-content) [style*="color:#d97706" i],.overlay :is(.modal,.modal-content) [style*="color:#b45309" i],.overlay :is(.modal,.modal-content) [style*="color:#92400e" i]{color:#f7c860 !important;}
.overlay :is(.modal,.modal-content) .field-error input,.overlay :is(.modal,.modal-content) .field-error select,.overlay :is(.modal,.modal-content) .field-error textarea{background:rgba(228,30,63,.12) !important;}
/* ui-dialogs.js: confirm / prompt / alert */
.ui-ask{position:fixed;inset:0;z-index:100000;background:rgba(1,8,18,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:uiFade .18s ease-out both;}
.ui-ask.closing{opacity:0;transition:opacity .12s ease-in;}
.ui-ask-box{width:min(420px,100%);border-radius:18px;padding:22px 22px 18px;color:var(--ui-tx);font-family:inherit;background:linear-gradient(180deg,rgba(14,43,70,.97),rgba(7,27,48,.99));border:1px solid var(--ui-bd);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(21,150,255,.12),inset 0 1px 0 rgba(255,255,255,.06);animation:uiSettle .22s cubic-bezier(.22,1,.36,1) both;}
.ui-ask-box h3{margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.35;color:var(--ui-tx);overflow-wrap:anywhere;}
.ui-ask-box p{margin:0 0 14px;color:var(--ui-mut);font-size:13.5px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;}
.ui-ask-box textarea,.ui-ask-box input{width:100%;box-sizing:border-box;margin:4px 0 12px;padding:10px 12px;border-radius:12px;border:1px solid var(--ui-bd);background:var(--ui-field);color:var(--ui-tx);font:inherit;font-size:14px;resize:vertical;}
.ui-ask-box textarea:focus,.ui-ask-box input:focus{outline:2px solid #24c7f4;outline-offset:1px;}
.ui-ask-box .ui-ask-err{color:#ff8a8a;margin:-6px 0 10px;font-size:12.5px;}
.ui-ask-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;}
.ui-btn{min-width:92px;height:38px;padding:0 16px;border-radius:12px;border:1px solid var(--ui-bd);background:rgba(8,32,60,.7);color:var(--ui-tx);font:600 13.5px/1 inherit;font-family:inherit;cursor:pointer;transition:background .18s ease,box-shadow .18s ease;}
.ui-btn:hover{background:rgba(21,151,255,.2);box-shadow:0 0 14px rgba(21,151,255,.3);}
.ui-btn.primary{background:linear-gradient(135deg,#087bff,#1597ff);border-color:rgba(36,199,244,.5);}
.ui-btn.danger{background:rgba(228,30,63,.22);border-color:rgba(228,30,63,.55);color:#ffb3bf;}
.ui-btn.danger:hover{background:rgba(228,30,63,.34);box-shadow:0 0 14px rgba(228,30,63,.3);}
.ui-btn:focus-visible{outline:2px solid #24c7f4;outline-offset:2px;}
@keyframes uiFade{from{opacity:0}to{opacity:1}} @keyframes uiSettle{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){ .ui-ask,.ui-ask-box{animation:none;} }
.overlay :is(.modal,.modal-content) .f-sec-title{color:var(--ui-mut) !important;border-color:var(--ui-line) !important;}

/* Messenger (Team Chat) panel: same dark glass as everything else */
.tc-panel{--tc-bg:#0a2038; --tc-bg-alt:rgba(255,255,255,.06); --tc-border:rgba(120,170,220,.18); --tc-text:#eaf4ff; --tc-text-muted:#8fb0cf; --tc-hover:rgba(21,151,255,.14); --tc-offline:#46627f;
  background:linear-gradient(180deg,rgba(14,43,70,.98),rgba(7,27,48,.99)) !important;border:1px solid var(--ui-bd) !important;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(21,150,255,.12) !important;color-scheme:dark;}
.tc-panel input,.tc-panel textarea{background:var(--ui-field);color:var(--ui-tx);border-color:var(--ui-bd);}
.tc-panel [style*="background:#fff" i],.tc-panel [style*="background:#f" i]{background:rgba(255,255,255,.06) !important;}
.tc-panel [style*="color:#0f172a" i],.tc-panel [style*="color:#111827" i],.tc-panel [style*="color:#334155" i]{color:var(--ui-tx) !important;}

/* System Alert pop-up (inline-styled) */
#sys-notif-overlay{background:rgba(1,8,18,.72) !important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
#sys-notif-overlay > div{background:linear-gradient(180deg,rgba(14,43,70,.97),rgba(7,27,48,.99)) !important;border:1px solid var(--ui-bd);border-radius:18px !important;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(21,150,255,.12),inset 0 1px 0 rgba(255,255,255,.06) !important;color:var(--ui-tx);}
#sys-notif-overlay [style*="color:#111827" i]{color:var(--ui-tx) !important;}
#sys-notif-overlay [style*="color:#9ca3af" i]{color:var(--ui-mut) !important;}
#sys-notif-overlay [style*="background:#fffbeb" i],#sys-notif-overlay [style*="background:#fef3c7" i]{background:rgba(245,177,37,.12) !important;border-color:rgba(245,177,37,.35) !important;}
#sys-notif-overlay button{background:linear-gradient(135deg,#087bff,#1597ff) !important;box-shadow:0 0 14px rgba(21,151,255,.3);}

/* Account menu used on phones */
.mobile-user-menu{background:linear-gradient(180deg,rgba(14,43,70,.98),rgba(7,27,48,.99)) !important;border:1px solid var(--ui-bd) !important;}
.mobile-user-menu .mu-name{color:var(--ui-tx) !important;} .mobile-user-menu .mu-role{border-bottom-color:var(--ui-line) !important;}
.mobile-user-menu a{color:var(--ui-tx) !important;} .mobile-user-menu a:hover{background:rgba(21,151,255,.14) !important;}