/* Same approved navy/orange identity as svaratel.com and the SMS/SIP portals.
   Presentation only: no login, provider, permission or send-state changes. */
:root {
  --bg:#06192d;
  --panel:#0d273d;
  --panel2:#102c45;
  --line:#2c465d;
  --text:#f4f7fb;
  --muted:#a9bdcf;
  --orange:#f47718;
  --orange-light:#ff9a3d;
  /* Existing component tokens retained for compatibility, now brand orange. */
  --green:var(--orange);
  --green2:#c95500;
  --blue:#8cb8dc;
  --shadow:0 24px 65px #0003;
  font-family:"Avenir Next",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body {
  background-color:var(--bg);
  background-image:radial-gradient(ellipse at 75% 0,#16415a80,transparent 52%),linear-gradient(#7596ac08 1px,transparent 1px),linear-gradient(90deg,#7596ac08 1px,transparent 1px);
  background-size:auto,65px 65px,65px 65px;
}
.login-card {background:#0d273df5;border-color:#57798e55;border-radius:12px}
.brand-mark {display:block;width:100%;height:auto;background:none;border-radius:0;margin:0 0 28px}
.brand-mark img {display:block;max-width:100%;height:auto}
.logo {display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.logo img {display:block;max-width:100%;height:auto}
.logo small {color:var(--orange-light);font-size:9px;letter-spacing:.15em;margin:0}
aside {background:#06192df0;border-color:var(--line)}
nav button {color:#b5c9d9;border-left:3px solid transparent}
nav button:hover,nav button.active {background:#f4771817;color:#fff;border-left-color:var(--orange)}
input,textarea,select,.login-card input {background:#081c31;border-color:#45617a;color:var(--text);border-radius:6px}
input:focus,textarea:focus,select:focus,.login-card input:focus {border-color:var(--orange);box-shadow:0 0 0 3px #f4771830}
button:focus-visible,a:focus-visible {outline:3px solid var(--orange-light);outline-offset:3px}
.primary {background:var(--orange);color:#06192d;border-radius:6px;box-shadow:none}
.primary:hover {background:var(--orange-light);filter:none}
.secondary,.small {background:#17334a;border:1px solid #42617a;color:#edf4fb;border-radius:6px}
.secondary:hover,.small:hover {border-color:var(--orange-light);background:#1a3d57}
.link {color:var(--orange-light)}
.health {background:#0b263c;color:#c3d4e2}
.health i {background:#39c98b;box-shadow:none}
.notice {background:#103448;border-color:#47758f;color:#e3f2fa}
.stat {background:linear-gradient(145deg,#102c45,#0b2036);border-radius:12px}
.card {background:#0d273de8;border-radius:12px}
th {background:#0a2036;color:#afc4d6}
.badge {background:#17374f;color:#bdd0e1}
.channel-icon {background:#f477181a;color:var(--orange-light)}
.conversation-item:hover,.conversation-item.active {background:#12344d}
.bubble {background:#17334a}
.bubble.outgoing {background:#29425a;border:1px solid #f4771840}
.target-chip {background:#102e46}
dialog {background:#0d273d;border-radius:12px}
.modal-close {color:#b5c9d9}
.risk {background:#342a1c;border-left-color:var(--orange);color:#ffe1bd}
.post-review-image {background:#06192d;max-height:300px}
.post-review-copy {color:#dbe6ef}
@media(prefers-reduced-motion:reduce) {button {transition:none!important}}
.password-control{position:relative}
.password-control input{padding-right:46px}
.password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;padding:4px;background:transparent;color:var(--muted);border:0;border-radius:6px}
.password-toggle:hover,.password-toggle:focus-visible{color:var(--orange);background:rgba(244,119,24,.1)}
.password-toggle svg{width:20px;height:20px}
.password-toggle .eye-slash{display:none}
.password-toggle[aria-pressed="true"] .eye-slash{display:block}