/* Three theme token sets. One DOM, one stylesheet: only the custom
   properties below change between aurora, signal and atlas, so no
   template and no route ever branches on the active theme.

   aurora  light, blue and cyan      (default)
   signal  dark, navy neon and green
   atlas   light, blue and green

   The retired auto / light / dark values are mapped onto these in
   theme.py, so an old cookie still renders a real theme. */

:root,
html[data-theme="aurora"] {
  color-scheme: light;
  --bg: #eef4fc;
  --surface: #ffffff;
  --surface-2: #f5f9ff;
  --border: #dbe7f6;
  --text: #0b1b33;
  --muted: #5b7191;
  --accent: #0b7fd4;
  --accent-2: #21c7e8;
  --accent-soft: #e0f1fe;
  --ok: #10794a;
  --ok-soft: #d8f5e6;
  --warn: #a35a06;
  --warn-soft: #fdf0d5;
  --err: #b3211f;
  --err-soft: #fde5e3;
  --info: #5b45cf;
  --info-soft: #e9e6fd;
  --shadow: 0 1px 2px rgba(11, 27, 51, .06), 0 10px 28px rgba(11, 27, 51, .07);
  --radius: 14px;
  --tap: 44px;
}
html[data-theme="signal"] {
  color-scheme: dark;
  --bg: #060a17;
  --surface: #101831;
  --surface-2: #17213f;
  --border: #25335c;
  --text: #e6edff;
  --muted: #93a3c9;
  --accent: #4da6ff;
  --accent-2: #a78bfa;
  --accent-soft: #10294f;
  --ok: #3ddc97;
  --ok-soft: #0b2f22;
  --warn: #fbbf24;
  --warn-soft: #332608;
  --err: #ff6b6b;
  --err-soft: #3b1418;
  --info: #c4b5fd;
  --info-soft: #241a45;
  --shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 12px 32px rgba(0, 0, 0, .4);
  --radius: 14px;
  --tap: 44px;
}
html[data-theme="atlas"] {
  color-scheme: light;
  --bg: #eef6f2;
  --surface: #ffffff;
  --surface-2: #f4faf7;
  --border: #d6e7de;
  --text: #0c2620;
  --muted: #55735f;
  --accent: #0e7c86;
  --accent-2: #2fae72;
  --accent-soft: #dcf2f2;
  --ok: #15733f;
  --ok-soft: #d9f2e2;
  --warn: #96580a;
  --warn-soft: #fbf0d8;
  --err: #a8261f;
  --err-soft: #fbe4e1;
  --info: #2c6d8e;
  --info-soft: #dceaf3;
  --shadow: 0 1px 2px rgba(12, 38, 32, .06), 0 10px 28px rgba(12, 38, 32, .07);
  --radius: 14px;
  --tap: 44px;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bg);
  color: var(--text);
  font: 15px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
a { color: var(--accent); text-decoration: none; }
h1, h2, h3 { margin: 0; font-weight: 650; letter-spacing: -.01em; }
h1 { font-size: 1.3rem; }
h2 { font-size: 1.02rem; }
.skip {
  position: absolute; left: -999px; top: 0; z-index: 99;
  background: var(--accent); color: #fff; padding: 12px 16px; border-radius: 0 0 8px 0;
}
.skip:focus { left: 0; }
.shell { display: flex; min-height: 100vh; min-height: 100dvh; }
.sidebar {
  width: 250px; flex: 0 0 250px; background: var(--surface);
  border-right: 1px solid var(--border); position: sticky; top: 0;
  height: 100vh; height: 100dvh; display: flex; flex-direction: column;
  padding: 18px 12px; gap: 6px;
}
.brand { display: flex; align-items: center; gap: 10px; padding: 4px 10px 14px; }
.brand-mark {
  width: 38px; height: 38px; border-radius: 11px; flex: 0 0 38px;
  background: linear-gradient(135deg, var(--accent), #6366f1);
  color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 15px;
}
.brand-text strong { display: block; font-size: 15px; letter-spacing: -.01em; }
.brand-text span { color: var(--muted); font-size: 12px; }
.nav { display: flex; flex-direction: column; gap: 2px; overflow-y: auto; }
.nav a {
  display: flex; align-items: center; gap: 11px; min-height: var(--tap);
  padding: 0 12px; border-radius: 11px; color: var(--text); font-weight: 500;
}
.nav a:hover { background: var(--surface-2); }
.nav a.active { background: var(--accent-soft); color: var(--accent); font-weight: 620; }
.nav .ico { width: 20px; text-align: center; font-size: 15px; opacity: .9; }
.side-foot { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border); }
.main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.topbar {
  position: sticky; top: 0; z-index: 20; background: var(--surface);
  border-bottom: 1px solid var(--border); display: flex; align-items: center;
  gap: 12px; padding: 10px 16px; min-height: 58px;
}
.topbar h1 { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topbar .mobile-brand { display: none; align-items: center; gap: 9px; }
.container { padding: 16px; max-width: 1180px; width: 100%; margin: 0 auto; }
.bottomnav { display: none; }
.grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.grid.wide { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
.span-all { grid-column: 1 / -1; }
.card {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius); box-shadow: var(--shadow); padding: 16px;
}
.card + .card, .grid + .card, .card + .grid, .grid + .grid { margin-top: 14px; }
.card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.card-head h2 { flex: 1 1 auto; }
.muted { color: var(--muted); }
.small { font-size: 12.5px; }
.stat-value { font-size: 1.9rem; font-weight: 680; letter-spacing: -.02em; line-height: 1.15; }
.stat-label { color: var(--muted); font-size: 12.5px; text-transform: uppercase; letter-spacing: .05em; }
.stat-sub { color: var(--muted); font-size: 13px; margin-top: 2px; }
.bar { height: 8px; border-radius: 99px; background: var(--surface-2); border: 1px solid var(--border); overflow: hidden; margin-top: 10px; }
.bar i { display: block; height: 100%; background: var(--accent); border-radius: 99px; }
.bar.is-warn i { background: var(--warn); }
.bar.is-err i { background: var(--err); }
.w-0 { width: 0; } .w-5 { width: 5%; } .w-10 { width: 10%; } .w-15 { width: 15%; }
.w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30%; } .w-35 { width: 35%; }
.w-40 { width: 40%; } .w-45 { width: 45%; } .w-50 { width: 50%; } .w-55 { width: 55%; }
.w-60 { width: 60%; } .w-65 { width: 65%; } .w-70 { width: 70%; } .w-75 { width: 75%; }
.w-80 { width: 80%; } .w-85 { width: 85%; } .w-90 { width: 90%; } .w-95 { width: 95%; }
.w-100 { width: 100%; }
.badge {
  display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px;
  border-radius: 99px; font-size: 12.5px; font-weight: 600; white-space: nowrap;
  background: var(--surface-2); color: var(--muted); border: 1px solid var(--border);
}
.badge.ok { background: var(--ok-soft); color: var(--ok); border-color: transparent; }
.badge.warn { background: var(--warn-soft); color: var(--warn); border-color: transparent; }
.badge.err { background: var(--err-soft); color: var(--err); border-color: transparent; }
.badge.info { background: var(--info-soft); color: var(--info); border-color: transparent; }
.badge.accent { background: var(--accent-soft); color: var(--accent); border-color: transparent; }
.dot { width: 8px; height: 8px; border-radius: 99px; background: currentColor; flex: 0 0 8px; }
.notice {
  display: flex; gap: 11px; align-items: flex-start; padding: 13px 15px;
  border-radius: var(--radius); border: 1px solid var(--border);
  background: var(--surface); margin-bottom: 14px; line-height: 1.45;
}
.notice.warn { background: var(--warn-soft); color: var(--warn); border-color: transparent; }
.notice.ok { background: var(--ok-soft); color: var(--ok); border-color: transparent; }
.notice.err { background: var(--err-soft); color: var(--err); border-color: transparent; }
.notice.info { background: var(--accent-soft); color: var(--accent); border-color: transparent; }
.notice b { font-weight: 660; }
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 -4px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { padding: 10px 10px; text-align: left; border-bottom: 1px solid var(--border); vertical-align: middle; }
th { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); font-weight: 650; white-space: nowrap; }
tr:last-child td { border-bottom: 0; }
td.nowrap, th.nowrap { white-space: nowrap; }
td.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; }
.list { list-style: none; margin: 0; padding: 0; }
.list li { display: flex; align-items: center; gap: 10px; padding: 11px 2px; border-bottom: 1px solid var(--border); min-height: var(--tap); }
.list li:last-child { border-bottom: 0; }
.list .grow { flex: 1 1 auto; min-width: 0; }
.list .grow b { display: block; font-weight: 600; }
form { margin: 0; }
.field { display: block; margin-bottom: 12px; }
.field > span { display: block; font-size: 13px; color: var(--muted); margin-bottom: 5px; font-weight: 550; }
input, select, textarea {
  width: 100%; min-height: var(--tap); padding: 10px 12px; font: inherit;
  color: var(--text); background: var(--surface-2);
  border: 1px solid var(--border); border-radius: 11px; outline: none;
}
textarea { min-height: 110px; resize: vertical; line-height: 1.5; }
input:focus, select:focus, textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.row { display: flex; gap: 10px; flex-wrap: wrap; }
.row > * { flex: 1 1 200px; }
.actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: var(--tap); min-width: var(--tap); padding: 0 16px; font: inherit;
  font-weight: 600; border-radius: 11px; border: 1px solid var(--border);
  background: var(--surface-2); color: var(--text); cursor: pointer;
}
.btn:hover { border-color: var(--accent); color: var(--accent); }
.btn.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.btn.primary:hover { filter: brightness(1.08); color: #fff; }
.btn.danger { color: var(--err); }
.btn.danger:hover { border-color: var(--err); }
.btn.full { width: 100%; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; }
.chip {
  display: inline-flex; align-items: center; min-height: 38px; padding: 0 13px;
  border-radius: 99px; border: 1px solid var(--border); background: var(--surface-2);
  color: var(--muted); font-size: 13px; font-weight: 600;
}
.chip.active { background: var(--accent-soft); color: var(--accent); border-color: transparent; }
.pref-form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.pref-form select { min-width: 0; flex: 1 1 110px; }
.check-row { display: flex; align-items: flex-start; gap: 12px; padding: 12px 2px; border-bottom: 1px solid var(--border); }
.check-row:last-child { border-bottom: 0; }
.check-row .grow { flex: 1 1 auto; min-width: 0; }
.check-row .grow b { display: block; }
.check-row .val { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; color: var(--muted); word-break: break-all; }
.check-row .hint { font-size: 12.5px; color: var(--muted); margin-top: 3px; }
details.sheet { display: none; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
footer.page-foot { padding: 18px 16px 28px; color: var(--muted); font-size: 12.5px; text-align: center; }
@media (max-width: 900px) {
  .sidebar { display: none; }
  .topbar .mobile-brand { display: flex; }
  .topbar h1 { font-size: 1.08rem; }
  .container { padding: 14px 12px calc(84px + env(safe-area-inset-bottom)); }
  .grid { gap: 12px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .grid.wide { grid-template-columns: 1fr; }
  .stat-value { font-size: 1.55rem; }
  .card { padding: 14px; border-radius: 13px; }
  th, td { padding: 9px 8px; }
  .bottomnav {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
    background: var(--surface); border-top: 1px solid var(--border);
    padding: 4px 4px calc(4px + env(safe-area-inset-bottom));
    box-shadow: 0 -2px 16px rgba(15, 23, 42, .08);
  }
  .bottomnav > a, .bottomnav summary {
    flex: 1 1 0; min-width: 0; min-height: var(--tap);
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 2px; padding: 5px 2px; border-radius: 12px; color: var(--muted);
    font-size: 11px; font-weight: 600; list-style: none; cursor: pointer;
  }
  .bottomnav summary::-webkit-details-marker { display: none; }
  .bottomnav > a .ico, .bottomnav summary .ico { font-size: 18px; line-height: 1; }
  .bottomnav > a.active { color: var(--accent); background: var(--accent-soft); }
  .bottomnav details.sheet { display: flex; flex: 1 1 0; min-width: 0; }
  .bottomnav details.sheet[open] summary { color: var(--accent); background: var(--accent-soft); }
  .sheet-body {
    position: fixed; left: 0; right: 0; bottom: calc(60px + env(safe-area-inset-bottom));
    background: var(--surface); border-top: 1px solid var(--border);
    border-radius: 18px 18px 0 0; padding: 10px 12px 14px;
    box-shadow: 0 -10px 40px rgba(15, 23, 42, .2); max-height: 62vh; overflow-y: auto;
  }
  .sheet-body .nav a { min-height: var(--tap); }
  .sheet-title { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; padding: 6px 12px; }
}
@media (min-width: 901px) {
  .topbar { background: transparent; border-bottom: 1px solid var(--border); }
}
@media (prefers-reduced-motion: no-preference) {
  .card, .btn, .nav a { transition: background .15s ease, border-color .15s ease, color .15s ease; }
}

/* Theme switcher. The same markup is mounted twice: once in the desktop
   topbar and once inside the mobile menu sheet. Which copy is visible is
   decided here, so there is still only one component. */
.theme-switch {
  display: flex; align-items: center; gap: 3px; flex-wrap: nowrap;
  background: var(--surface-2); border: 1px solid var(--border);
  border-radius: 999px; padding: 3px;
}
.theme-switch .tsw {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 34px; padding: 0 13px; border: 0; border-radius: 999px;
  background: transparent; color: var(--muted); font: inherit;
  font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap;
}
.theme-switch .tsw:hover { color: var(--accent); }
.theme-switch .tsw[aria-pressed="true"] {
  background: var(--surface); color: var(--accent); box-shadow: var(--shadow);
}
.theme-switch .tsw:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.sheet-body .theme-switch { margin: 4px 12px 10px; }
.sheet-body .theme-switch .tsw { flex: 1 1 0; min-height: var(--tap); }

/* Mail module */
.relay-state { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.kv { display: flex; gap: 8px; align-items: baseline; font-size: 13px; }
.kv span { color: var(--muted); }
.kv b { font-weight: 600; word-break: break-all; }
.mail-body { min-height: 150px; }
.stack { display: flex; flex-direction: column; gap: 12px; }

/* Sign in and forced password change share one centred card. */
.auth-shell {
  min-height: 100vh; min-height: 100dvh; display: flex; align-items: center;
  justify-content: center; padding: 24px 16px; background: var(--bg);
}
.auth-card { width: 100%; max-width: 400px; }
.auth-card .brand { padding: 0 0 16px; }
.auth-foot { text-align: center; color: var(--muted); font-size: 12.5px; padding-top: 14px; }

@media (max-width: 900px) {
  .topbar .theme-switch { display: none; }
}
@media (min-width: 901px) {
  .bottomnav { display: none; }
}
fieldset.plain { border: 0; padding: 0; margin: 0; min-width: 0; }
fieldset.plain[disabled] { opacity: .55; }
.btn[disabled] { opacity: .55; cursor: not-allowed; }
input.tiny { width: auto; min-height: 0; flex: 0 0 auto; margin-top: 4px; }

/* Mail UX refresh */
.mail-status-banner{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;margin-bottom:14px;background:linear-gradient(135deg,var(--surface),var(--accent-soft));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.mail-status-banner.warn{background:linear-gradient(135deg,var(--surface),var(--warn-soft))}
.mail-status-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:750}
.mail-status-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.mail-status-copy strong{font-size:15px}.mail-status-copy span{color:var(--muted);font-size:13px;line-height:1.35}
.mail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.mail-kpi{min-width:0;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.mail-kpi>span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.mail-kpi>strong{display:block;margin-top:7px;font-size:1.75rem;line-height:1;letter-spacing:-.03em}.mail-kpi small{display:block;margin-top:7px;color:var(--muted)}.mail-kpi-state{min-height:38px;display:flex;align-items:center;margin-top:5px}
.mail-main-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px;margin-bottom:14px}.mail-main-grid .card{margin-top:0}.mail-card-sub{margin:3px 0 0;color:var(--muted);font-size:12.5px}
.mail-disabled-hint{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:13px;line-height:1.35}
.mail-relay-list{display:grid}.mail-relay-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;border-bottom:1px solid var(--border)}.mail-relay-list>div:last-child{border-bottom:0}.mail-relay-list span{color:var(--muted);font-size:13px}.mail-relay-list b{max-width:60%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-relay-actions{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}.mail-tech{margin-top:12px;border-top:1px solid var(--border);padding-top:10px;color:var(--muted);font-size:12.5px}.mail-tech summary{cursor:pointer;color:var(--text);font-weight:600}.mail-tech p{margin:8px 0 0}
.mail-history-card{margin-top:0!important}.mail-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.mail-filter-scroll{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 9px;margin-bottom:6px}.mail-filter-scroll::-webkit-scrollbar{display:none}.mail-filter-scroll .chip{flex:0 0 auto;min-height:34px;padding:0 12px}
.mail-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:13px;background:var(--surface-2)}.mail-empty-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:20px;margin-bottom:10px}.mail-empty strong{color:var(--text);font-size:15px}.mail-empty span:last-child{margin-top:2px;font-size:12.5px}.mail-history-note{margin:10px 0 0;color:var(--muted);font-size:12px}#smtp-settings{scroll-margin-top:76px}
@media(max-width:900px){.mail-status-banner{grid-template-columns:40px minmax(0,1fr);padding:12px;gap:10px}.mail-status-icon{width:40px;height:40px;border-radius:12px}.mail-status-copy span{display:none}.mail-status-action{grid-column:1/-1;width:100%}.mail-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mail-kpi{padding:13px}.mail-kpi>strong{font-size:1.55rem}.mail-kpi small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-main-grid{grid-template-columns:1fr;gap:12px}.mail-compose-card,.mail-relay-card,.mail-history-card{border-radius:16px}.mail-body{min-height:120px}.mail-tech{display:none}.mail-relay-actions .btn{flex:1 1 130px}.mail-history-card{padding:14px 12px}.mail-history-note{display:none}.mail-table{margin-top:2px}}

/* SMS Center — compact responsive message UI */
.sms-status-banner{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:14px 16px;margin-bottom:14px}.sms-status-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:20px}.sms-status-copy{min-width:0}.sms-status-copy strong{display:block;font-size:15px}.sms-status-copy span{display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-main-grid{align-items:start}.sms-compose-card,.sms-provider-card,.sms-history-card{border-radius:18px}.sms-filter-scroll{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 10px;margin-bottom:4px}.sms-filter-scroll::-webkit-scrollbar{display:none}.sms-filter-scroll .chip{flex:0 0 auto;min-height:34px;padding:0 12px}.sms-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sms-message-list{display:grid;gap:10px}.sms-message-card{border:1px solid var(--border);background:var(--surface-2);border-radius:15px;padding:13px}.sms-message-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sms-recipient{display:block;font-size:14.5px}.sms-message-id{display:block;color:var(--muted);font-size:11.5px;margin-top:1px}.sms-message-body{margin:10px 0 9px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.sms-message-meta{display:flex;gap:7px 12px;flex-wrap:wrap;color:var(--muted);font-size:11.5px}.sms-message-meta span{display:inline-flex;align-items:center;gap:4px}.sms-message-error,.sms-message-next{margin-top:8px;font-size:12px;color:var(--err)}.sms-message-next{color:var(--muted)}.sms-message-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.sms-message-actions .btn{min-height:36px;padding:0 12px;font-size:12.5px}.sms-empty{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:14px;background:var(--surface-2)}.sms-empty-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:20px;margin-bottom:8px}
@media(max-width:900px){.sms-status-banner{grid-template-columns:40px minmax(0,1fr);padding:12px;gap:10px}.sms-status-icon{width:40px;height:40px;border-radius:12px}.sms-status-banner>.badge{grid-column:2;justify-self:start}.sms-status-copy span{display:none}.sms-tech-grid{display:none}.sms-main-grid{grid-template-columns:1fr}.sms-provider-card{display:none}.sms-compose-card,.sms-history-card{border-radius:16px}.sms-history-card{padding:14px 12px}.sms-history-head .btn{min-height:38px;padding:0 12px}.sms-message-card{padding:12px;border-radius:14px}.sms-message-body{font-size:13.5px}.sms-message-meta{font-size:11px}.sms-message-actions{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.sms-message-actions::-webkit-scrollbar{display:none}.sms-message-actions form{flex:0 0 auto}.sms-message-actions .btn{white-space:nowrap}.sms-compose-card .row{display:block}.sms-compose-card .actions .btn{width:100%}}

/* SKYNET WebMail — user mailbox shell (mail.skynet.am only) */
.mail-host .sidebar,.mail-host .topbar,.mail-host .page-foot{display:none}.mail-host .container{max-width:none;margin:0;padding:0}.mail-host .main{min-height:100vh;min-height:100dvh}.mail-host .shell{display:block}.wm-app{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text)}
.wm-topbar{height:64px;display:flex;align-items:center;gap:22px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:25}.wm-brand{display:flex;align-items:center;gap:10px;min-width:250px}.wm-brand .brand-mark{width:36px;height:36px;flex-basis:36px}.wm-brand>div{display:flex;flex-direction:column;min-width:0}.wm-brand strong{font-size:15px}.wm-brand span:last-child{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-searchbox{height:40px;max-width:560px;flex:1 1 560px;margin:auto;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.wm-searchbox:hover{border-color:var(--accent);color:var(--accent)}.wm-top-actions{display:flex;align-items:center;gap:8px}.wm-iconbtn,.wm-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--text)}.wm-iconbtn:hover{background:var(--surface-2)}.wm-avatar{border-radius:50%;background:linear-gradient(135deg,var(--accent),#6366f1);color:#fff;font-weight:750}
.wm-workspace{display:grid;grid-template-columns:280px minmax(360px,400px) minmax(0,1fr);height:calc(100dvh - 64px);overflow:hidden}.wm-sidebar{background:var(--surface-2);border-right:1px solid var(--border);padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column}.wm-compose{height:44px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;background:var(--accent);color:#fff;font-weight:700;box-shadow:var(--shadow);margin:0 4px 14px}.wm-compose:hover{filter:brightness(1.06);color:#fff}.wm-account{display:flex;align-items:center;gap:10px;padding:11px 10px;margin-bottom:7px}.wm-account-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:750}.wm-account>div{min-width:0}.wm-account strong,.wm-account span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-account strong{font-size:14px}.wm-account span{font-size:11.5px;color:var(--muted)}.wm-folder-nav{display:grid;gap:2px}.wm-folder-nav a{min-height:42px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:9px;color:var(--text);font-size:14px}.wm-folder-nav a:hover{background:var(--surface)}.wm-folder-nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.wm-folder-nav a b{margin-left:auto;font-size:12px;color:var(--accent)}.wm-folder-icon{width:20px;text-align:center;font-size:17px}.wm-new-folder{color:var(--accent)!important}.wm-side-section{padding:17px 11px 7px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.wm-folder-nav.compact a{min-height:39px}.wm-dot{width:10px;height:10px;border-radius:50%;margin:0 5px}.wm-dot.blue{background:var(--accent)}.wm-dot.flag{width:20px;height:20px;margin:0;color:var(--warn);display:grid;place-items:center;font-size:12px}.wm-side-settings{margin-top:auto;min-height:42px;display:flex;align-items:center;gap:11px;padding:0 11px;color:var(--text);border-radius:9px}.wm-side-settings:hover{background:var(--surface)}
.wm-mainpane{background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;position:relative}.wm-list-header{position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:1px solid var(--border)}.wm-desktop-title{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.wm-desktop-title h1{font-size:18px}.wm-desktop-title>div:first-child>span{font-size:11.5px;color:var(--muted)}.wm-list-actions{display:flex;gap:6px}.wm-list-actions a,.wm-list-actions button{width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;border-radius:9px;color:var(--text);font-size:18px}.wm-list-actions a:hover,.wm-list-actions button:hover{background:var(--surface-2)}.wm-mobile-title{display:none}.wm-filter-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.wm-filter-row::-webkit-scrollbar{display:none}.wm-filter-row a{flex:0 0 auto;min-height:32px;display:flex;align-items:center;padding:0 11px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:600;background:var(--surface-2)}.wm-filter-row a.active{background:var(--accent);border-color:var(--accent);color:#fff}.wm-connect-card{margin:14px 16px;padding:12px;display:flex;align-items:center;gap:11px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.wm-connect-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--surface);font-size:18px;font-weight:750}.wm-connect-card strong,.wm-connect-card span{display:block}.wm-connect-card strong{font-size:13px}.wm-connect-card span{font-size:11.5px;color:var(--muted);margin-top:1px}.wm-message-list{min-height:300px}.wm-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted)}.wm-empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--accent-soft);color:var(--accent);font-size:24px;margin-bottom:12px}.wm-empty strong{color:var(--text);font-size:15px}.wm-empty span{font-size:12.5px;margin-top:4px;max-width:270px}.wm-fab{display:none}.wm-message-row{min-height:84px;padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px}.wm-message-row:hover{background:var(--surface-2)}.wm-msg-avatar{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:750}.wm-msg-body{flex:1 1 auto;min-width:0}.wm-msg-line{display:flex;align-items:baseline;gap:10px}.wm-msg-line b{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-msg-date{flex:0 0 auto;font-size:11.5px;color:var(--muted)}.wm-msg-subject{margin-top:3px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-msg-from{margin-top:2px;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-msg-marks{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:38px}.wm-message-row.is-unread .wm-msg-line b{font-weight:750}.wm-message-row.is-unread .wm-msg-subject{font-weight:700;color:var(--text)}.wm-connect-card.is-err{background:var(--err-soft);color:var(--err)}
.wm-reading-pane{background:var(--surface);overflow:auto;display:flex}.wm-reading-empty{margin:auto;text-align:center;color:var(--muted);padding:40px}.wm-reading-empty>div{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 14px;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:20px;opacity:.75}.wm-reading-empty strong,.wm-reading-empty span{display:block}.wm-reading-empty strong{color:var(--text);font-size:16px}.wm-reading-empty span{font-size:12.5px;margin-top:3px}
.wm-section-head{padding:22px 24px 16px;border-bottom:1px solid var(--border)}.wm-section-head h1{font-size:21px}.wm-section-head span{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}.wm-mobile-folders{display:grid;padding:8px 20px}.wm-mobile-folders>a,.wm-mobile-folders>button{min-height:54px;display:flex;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font:inherit;text-align:left}.wm-mobile-folders>a b{margin-left:auto;color:var(--accent)}.wm-folder-bigicon{width:24px;text-align:center;font-size:20px}.wm-mobile-filter-title{padding:22px 0 8px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.wm-search-page{padding:18px}.wm-search-page>label{height:46px;display:flex;align-items:center;gap:10px;padding:0 13px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border)}.wm-search-page input{border:0;box-shadow:none;background:transparent;padding:0;min-height:0}.wm-search-page .wm-filter-row{padding:14px 0;border:0}.wm-compose-form{padding:20px 24px;max-width:860px}.wm-compose-form label{display:block;margin-bottom:12px}.wm-compose-form label>span{display:block;color:var(--muted);font-size:12.5px;font-weight:600;margin-bottom:5px}.wm-compose-body textarea{min-height:300px}.wm-compose-actions{display:flex;align-items:center;gap:12px}.wm-compose-actions span{font-size:12px;color:var(--muted)}
.wm-settings-list{padding:8px 20px 30px;max-width:760px}.wm-settings-list>a{min-height:68px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);color:var(--text)}.wm-settings-list>a>span:nth-child(2){flex:1;min-width:0}.wm-settings-list b,.wm-settings-list small{display:block}.wm-settings-list b{font-size:15px}.wm-settings-list small{font-size:12px;color:var(--muted);margin-top:2px}.wm-settings-list i{font-style:normal;color:var(--muted);font-size:22px}.wm-setting-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:19px}.wm-setting-icon.pink{background:#fde6e9;color:#e45a70}.wm-setting-icon.green{background:#e1f6e9;color:#35a963}.wm-setting-icon.blue{background:var(--accent-soft);color:var(--accent)}.wm-setting-icon.violet{background:#f2e5f8;color:#9a50bb}.wm-setting-icon.yellow{background:#fff3d6;color:#c68a00}.wm-setting-icon.gray{background:#eceff3;color:#657083}.wm-add-account{margin-top:18px;border:0;background:transparent;color:var(--accent);font:inherit;font-weight:650;padding:12px 0}
@media(max-width:1279px) and (min-width:901px){.wm-workspace{grid-template-columns:220px minmax(360px,430px) minmax(0,1fr)}.wm-brand{min-width:195px}.wm-sidebar{padding-left:8px;padding-right:8px}}
@media(max-width:900px){.mail-host .container{padding:0 0 calc(64px + env(safe-area-inset-bottom))}.wm-topbar{display:none}.wm-workspace{display:block;height:auto;overflow:visible}.wm-sidebar,.wm-reading-pane{display:none}.wm-mainpane{min-height:calc(100dvh - 64px - env(safe-area-inset-bottom));border:0;overflow:visible}.wm-desktop-title{display:none}.wm-mobile-title{height:60px;display:flex;align-items:center;padding:0 16px;gap:14px}.wm-mobile-menu{font-size:22px;color:var(--text);width:30px}.wm-mobile-title>div:nth-child(2){display:flex;align-items:center;gap:7px;flex:1;min-width:0}.wm-mobile-title h1{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-mobile-title>div:nth-child(2)>span{color:var(--accent);font-weight:750;font-size:16px}.wm-mobile-actions{display:flex!important;align-items:center!important;gap:12px!important;flex:0 0 auto!important}.wm-mobile-actions a,.wm-mobile-actions button{border:0;background:transparent;color:var(--text);font-size:21px;padding:4px}.wm-filter-row{padding:8px 16px}.wm-connect-card{margin:10px 16px}.wm-message-list{min-height:430px}.wm-empty{min-height:360px}.wm-fab{position:fixed;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:35;min-width:56px;height:56px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;background:var(--accent);color:#fff;box-shadow:0 10px 24px rgba(15,23,42,.2)}.wm-fab span{font-size:23px}.wm-fab b{font-size:13px}.wm-section-head{padding:18px 20px 14px}.wm-section-head h1{font-size:20px}.wm-search-page{padding:14px 16px}.wm-compose-form{padding:16px}.wm-compose-body textarea{min-height:260px}.wm-settings-list{padding:4px 18px 24px}.mail-host .bottomnav{height:auto}.mail-host .bottomnav>a{font-size:11px}.mail-host .bottomnav>a .ico{font-size:20px}}
/* WebMail account actions */
.wm-account-settings{margin-top:18px;border-top:1px solid var(--border);padding-top:14px;display:grid;gap:10px}.wm-account-current{display:flex;align-items:center;gap:12px;padding:12px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border)}.wm-account-current>span:last-child{display:flex;flex-direction:column;min-width:0}.wm-account-current b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-account-current small{color:var(--muted)}.wm-add-account,.wm-logout{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;font-weight:650;border:1px solid var(--border);background:var(--surface);padding:0 16px}.wm-add-account{color:var(--accent);background:var(--accent-soft);border-color:transparent}.wm-logout{color:var(--err)}
.wm-acc-form{padding:20px 24px 40px;max-width:640px}.wm-acc-note{display:flex;gap:11px;padding:12px 13px;border-radius:12px;background:var(--warn-soft);color:var(--warn);margin-bottom:18px}.wm-acc-note-icon{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--surface);font-weight:800;font-size:13px}.wm-acc-note>div{min-width:0}.wm-acc-note b,.wm-acc-note>div span{display:block}.wm-acc-note b{font-size:13px;margin-bottom:4px}.wm-acc-note>div span{font-size:12px;line-height:1.5}.wm-acc-note>div span+span{margin-top:6px;opacity:.85}.wm-acc-hint{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 14px}.wm-acc-adv{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);margin:2px 0 18px}.wm-acc-adv>summary{min-height:48px;display:flex;align-items:center;padding:0 14px;cursor:pointer;font-weight:650;font-size:13.5px;color:var(--accent);list-style:none}.wm-acc-adv>summary::-webkit-details-marker{display:none}.wm-acc-adv>summary::after{content:"\203A";margin-left:auto;font-size:20px;line-height:1;transform:rotate(90deg)}.wm-acc-adv[open]>summary::after{transform:rotate(270deg)}.wm-acc-adv-body{padding:12px 14px 14px;border-top:1px solid var(--border)}.wm-acc-group{margin-top:14px}.wm-acc-group-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.wm-acc-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.4fr);gap:10px}.wm-acc-row .field{margin-bottom:0}.wm-acc-actions{display:flex;align-items:center;gap:10px;margin:4px 0 12px}
.wm-acc-list-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.wm-acc-card{border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:13px}.wm-acc-card.is-active{border-color:var(--accent);background:var(--accent-soft)}.wm-acc-card-head{display:flex;align-items:center;gap:11px}.wm-acc-card-id{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.wm-acc-card-id b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-acc-card-id small{font-size:11.5px;color:var(--muted)}.wm-acc-badge{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.wm-acc-card-meta{display:grid;gap:3px;margin:10px 0 12px;font-size:11.5px;color:var(--muted);word-break:break-word}.wm-acc-card-actions{display:flex;flex-wrap:wrap;gap:8px}.wm-acc-card-actions form{display:flex;flex:0 1 auto}.wm-acc-card-actions .btn{min-height:38px;padding:0 14px;font-size:12.5px;background:var(--surface)}.wm-acc-empty{padding:16px;border:1px dashed var(--border);border-radius:13px;color:var(--muted);font-size:12.5px;text-align:center}
@media(max-width:900px){.wm-acc-form{padding:16px 16px 32px}.wm-acc-row{grid-template-columns:1fr;gap:0}.wm-acc-row .field{margin-bottom:12px}.wm-acc-actions{flex-direction:column-reverse;align-items:stretch;gap:8px}.wm-acc-actions .btn{width:100%}.wm-acc-card-actions form{flex:1 1 30%}.wm-acc-card-actions .btn{width:100%}}

/* Mail Server Admin (/mail on center.skynet.am). Mobile first: the tab
   strip is the only thing allowed to scroll sideways, every card, form
   and row below it wraps instead of being cut off. */
.ms-tabs {
  display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch;
  scrollbar-width: none; margin: 0 -4px 14px; padding: 2px 4px 6px;
}
.ms-tabs::-webkit-scrollbar { display: none; }
.ms-tab {
  display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 40px;
  padding: 0 14px; border-radius: 999px; border: 1px solid var(--border);
  background: var(--surface); color: var(--muted); font-size: 13.5px;
  font-weight: 600; white-space: nowrap;
}
.ms-tab:hover { color: var(--accent); border-color: var(--accent); }
.ms-tab.is-on {
  background: var(--accent); border-color: var(--accent); color: #fff;
  box-shadow: var(--shadow);
}
.ms-kpis { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin-bottom: 14px; }
.ms-kpi {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius); box-shadow: var(--shadow); padding: 14px;
  display: flex; flex-direction: column; gap: 4px; min-width: 0;
}
.ms-kpi > span { color: var(--muted); font-size: 12.5px; text-transform: uppercase; letter-spacing: .04em; }
.ms-kpi > strong { font-size: 1.5rem; font-weight: 680; letter-spacing: -.02em; overflow-wrap: anywhere; }
.ms-kpi > small { color: var(--muted); font-size: 12.5px; overflow-wrap: anywhere; }
.ms-chiprow { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.ms-hint { color: var(--muted); font-size: 12.5px; margin: 8px 0 0; line-height: 1.45; }
.ms-empty {
  padding: 22px 14px; text-align: center; color: var(--muted); font-size: 13.5px;
  border: 1px dashed var(--border); border-radius: var(--radius);
}
.ms-form { margin-top: 4px; }
.ms-form .row > * { flex: 1 1 210px; min-width: 0; }
.ms-form fieldset.plain { border: 0; padding: 0; margin: 0; min-width: 0; }
.ms-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 12px; }
.ms-actions form { display: flex; }
.ms-rows{display:grid;gap:10px;margin-top:10px;min-width:0}
.ms-row{min-width:0;border:1px solid var(--border);background:var(--surface-2);border-radius:15px;padding:13px 14px;box-shadow:0 1px 0 rgba(15,23,42,.02)}
.ms-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.ms-row-title{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
.ms-row-title>b{font-size:14px;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}
.ms-row-title>.small{display:block;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}
.ms-row-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;flex:0 1 auto;min-width:0}
.ms-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}
.ms-row-actions form{display:flex;min-width:0}
.ms-row-actions .btn{min-height:37px;padding:0 13px;font-size:12.5px}
.ms-fold{margin-top:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}
.ms-fold>summary{min-height:43px;display:flex;align-items:center;padding:0 13px;cursor:pointer;list-style:none;font-size:13px;font-weight:650;color:var(--text);user-select:none}
.ms-fold>summary::-webkit-details-marker{display:none}
.ms-fold>summary::after{content:"›";margin-left:auto;color:var(--muted);font-size:20px;line-height:1;transform:rotate(90deg);transition:transform .15s ease}
.ms-fold[open]>summary::after{transform:rotate(270deg)}
.ms-fold[open]>summary{border-bottom:1px solid var(--border);background:var(--surface-2)}
.ms-fold>.ms-form{padding:12px 13px 13px;margin:0}
.ms-fold.is-danger>summary{color:var(--err)}
.ms-fold.is-danger[open]{border-color:color-mix(in srgb,var(--err) 34%,var(--border))}
.ms-check{display:flex;align-items:flex-start;gap:9px;min-height:38px;padding:8px 0;color:var(--text);font-size:13px;line-height:1.35}
.ms-check input{width:18px;height:18px;min-height:0;flex:0 0 18px;margin:0;margin-top:1px;accent-color:var(--accent)}
.ms-pick{display:flex;align-items:flex-start;gap:11px;cursor:pointer}
.ms-pick>input{width:18px;height:18px;min-height:0;flex:0 0 18px;margin:2px 0 0;accent-color:var(--accent)}
.ms-pick-body{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1 1 auto}
.ms-reason{display:block;margin-top:5px;color:var(--err);font-size:12px;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}
.ms-dnsrec{min-width:0;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:13px}
.ms-dnsval{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:9px;align-items:start;margin-top:9px}
.ms-dnsval>span{color:var(--muted);font-size:12px;font-weight:650;padding-top:7px}
.ms-dnsval>code{display:block;min-width:0;padding:7px 9px;border-radius:9px;border:1px solid var(--border);background:var(--surface);font-size:11.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--text)}
@media(max-width:900px){
  .ms-tabs{margin-left:-2px;margin-right:-2px;padding-left:2px;padding-right:2px}
  .ms-tab{min-height:38px;padding:0 12px;font-size:12.5px}
  .ms-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .ms-kpi{padding:12px;border-radius:15px}
  .ms-kpi>strong{font-size:1.35rem}
  .ms-kpi>small{font-size:11.5px;line-height:1.3}
  .ms-form .row{display:block}
  .ms-form .row>.field{margin-bottom:10px;width:100%}
  .ms-row{padding:12px;border-radius:14px}
  .ms-row-head{flex-direction:column;gap:8px}
  .ms-row-badges{justify-content:flex-start;width:100%}
  .ms-row-actions{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:1px}
  .ms-row-actions::-webkit-scrollbar{display:none}
  .ms-row-actions form{flex:0 0 auto}
  .ms-fold>.ms-form{padding:11px}
  .ms-actions{align-items:stretch}
  .ms-actions .btn{flex:1 1 140px}
  .ms-dnsval{grid-template-columns:1fr;gap:4px}
  .ms-dnsval>span{padding-top:0}
  .ms-dnsval>code{font-size:11px}
  .ms-pick{gap:9px}
}
@media(max-width:420px){
  .ms-kpis{grid-template-columns:1fr 1fr}
  .ms-kpi{padding:11px}
  .ms-kpi>span{font-size:11px}
  .ms-kpi>strong{font-size:1.25rem}
  .ms-row-actions .btn{padding:0 11px}
}

/* Mail server admin rows and migration workspace */
.ms-rows{display:grid;gap:10px;margin-top:12px}.ms-row,.ms-dnsrec{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:13px;min-width:0}.ms-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ms-row-title{display:flex;flex-direction:column;min-width:0;gap:2px;overflow-wrap:anywhere}.ms-row-title>b{font-size:14px}.ms-row-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ms-row-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ms-row-actions form{display:flex}.ms-fold{margin-top:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.ms-fold>summary{min-height:42px;display:flex;align-items:center;padding:0 12px;cursor:pointer;color:var(--accent);font-size:13px;font-weight:650;list-style:none}.ms-fold>summary::-webkit-details-marker{display:none}.ms-fold>summary::after{content:"›";margin-left:auto;font-size:20px;transform:rotate(90deg)}.ms-fold[open]>summary::after{transform:rotate(270deg)}.ms-fold>.ms-form,.ms-fold>form{padding:12px;border-top:1px solid var(--border)}.ms-fold.is-danger>summary{color:var(--err)}.ms-check{display:flex!important;align-items:flex-start!important;gap:9px!important;margin:9px 0!important;color:var(--text);font-size:13px;line-height:1.4}.ms-check input{width:auto;min-height:0;margin-top:3px;flex:0 0 auto}.ms-reason{margin-top:8px;padding:8px 10px;border-radius:9px;background:var(--err-soft);color:var(--err);font-size:12px;overflow-wrap:anywhere}.ms-pick{display:flex;gap:10px;align-items:flex-start}.ms-pick>input{width:auto;min-height:0;margin-top:4px}.ms-pick-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.ms-dnsval{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px;margin-top:9px;align-items:start}.ms-dnsval>span{font-size:12px;color:var(--muted)}.ms-dnsval code{font-size:11px;overflow-wrap:anywhere;white-space:normal}
.mig-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface),var(--accent-soft));box-shadow:var(--shadow)}.mig-hero h2{margin:2px 0 5px;font-size:22px}.mig-hero p{margin:0;max-width:760px;color:var(--muted);font-size:13px;line-height:1.45}.mig-eyebrow{display:block;color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mig-source-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 10px;margin-bottom:4px}.mig-source-tabs::-webkit-scrollbar{display:none}.mig-source-tabs a{flex:0 0 auto;min-width:150px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);display:flex;flex-direction:column}.mig-source-tabs a span{font-weight:650;font-size:13px}.mig-source-tabs a small{margin-top:2px;color:var(--muted);font-size:11px}.mig-source-tabs a.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.mig-source-tabs .mig-source-add{min-width:auto;justify-content:center;color:var(--accent)}.mig-source-actions,.mig-step-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-top:12px}.mig-source-actions>form,.mig-step-actions>form{display:flex}.mig-source-actions>.ms-fold{margin:0;min-width:180px}.mig-mailboxes{display:grid;gap:10px;margin-top:14px}.mig-bulk{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.mig-step-actions .btn{min-height:42px}.mig-jobs{margin-top:14px}.mig-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mig-check{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--muted)}.mig-check>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font-size:13px}.mig-check b{font-size:12.5px}.mig-check.is-ok{color:var(--ok);background:var(--ok-soft);border-color:transparent}.mig-check.is-ok>span{border-color:var(--ok);background:var(--surface)}.mig-cutover{margin-top:14px;padding:14px;border:1px solid var(--err);border-radius:14px;background:var(--err-soft)}.mig-cutover strong{display:block;color:var(--err);font-size:14px}.mig-cutover p{margin:5px 0 10px;color:var(--muted);font-size:12.5px;line-height:1.45}.mig-cutover code{display:block;margin:4px 0;padding:8px;border-radius:9px;background:var(--surface);font-size:11.5px;overflow-wrap:anywhere}.mig-cutover .btn{margin-top:10px}.mig-readiness{margin-bottom:20px}
@media(max-width:900px){.ms-row-head{display:block}.ms-row-badges{justify-content:flex-start;margin-top:8px}.ms-row-actions{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.ms-row-actions::-webkit-scrollbar{display:none}.ms-row-actions form{flex:0 0 auto}.ms-dnsval{grid-template-columns:1fr}.mig-hero{padding:15px;display:block}.mig-hero>.badge{margin-top:10px}.mig-source-actions,.mig-step-actions{display:grid;grid-template-columns:1fr}.mig-source-actions>form,.mig-step-actions>form{width:100%}.mig-source-actions .btn,.mig-step-actions .btn{width:100%}.mig-source-actions>.ms-fold{width:100%}.mig-checks{grid-template-columns:1fr}.mig-mailboxes .ms-row{padding:12px}.mig-bulk .row{display:block}}

/* Primary one-click bulk migration */
.mig-bulk-launch{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:linear-gradient(145deg,var(--surface),var(--accent-soft));}
.mig-bulk-launch .card-head{align-items:flex-start}.mig-bulk-launch h2{margin:3px 0 5px;font-size:20px}.mig-bulk-launch .mig-eyebrow{text-transform:none;letter-spacing:.02em;font-size:12px}.mig-bulk-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.mig-bulk-stats>div{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.mig-bulk-stats strong{font-size:20px;line-height:1.1;color:var(--text)}.mig-bulk-stats span{font-size:11.5px;color:var(--muted)}.mig-bulk-message,.mig-bulk-safe{margin-top:10px}.mig-bulk-start{margin-top:12px}.mig-bulk-button{min-height:52px;font-size:15px;font-weight:750}.mig-bulk-button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:560px){.mig-bulk-stats{grid-template-columns:1fr 1fr}.mig-bulk-stats>div:last-child{grid-column:1/-1}.mig-bulk-button{min-height:54px;font-size:14px;white-space:normal;line-height:1.25}}

/* Migration connection card: make the first action unmistakable */
.mig-connect-card{border:1.5px solid color-mix(in srgb,var(--accent) 42%,var(--border));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent-soft) 58%,var(--surface)));box-shadow:0 14px 34px rgba(15,23,42,.08)}
.mig-connect-head{margin-bottom:14px}.mig-connect-head>div:first-child{display:flex;align-items:flex-start;gap:12px}.mig-connect-head h2{font-size:20px;margin:0 0 4px}.mig-step-pill{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:var(--accent);color:#fff;font-weight:800;font-size:15px;box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 26%,transparent)}
.mig-connect-section{padding:13px 14px;margin-top:11px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.mig-connect-label{font-size:12px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.055em;margin-bottom:9px}.mig-connect-save{min-height:50px;margin-top:12px;font-size:14.5px;font-weight:750}
@media(max-width:560px){.mig-connect-card{padding:14px}.mig-connect-head{align-items:flex-start}.mig-connect-head>div:first-child{gap:10px}.mig-connect-head h2{font-size:18px}.mig-step-pill{width:31px;height:31px;flex-basis:31px}.mig-connect-section{padding:11px}.mig-connect-save{min-height:52px}}

/* Modern SMS Center workspace */
.sms-center-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 20px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:19px;background:linear-gradient(145deg,var(--surface),var(--accent-soft));box-shadow:var(--shadow)}
.sms-center-hero h2{margin:2px 0 5px;font-size:23px;letter-spacing:-.02em}.sms-center-hero p{margin:0;max-width:720px;color:var(--muted);font-size:13px;line-height:1.45}.sms-eyebrow,.sms-section-tag{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sms-hero-state{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.sms-toolnav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -3px 14px;padding:3px 3px 7px}.sms-toolnav::-webkit-scrollbar{display:none}.sms-toolnav a{flex:0 0 auto;min-height:46px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);font-size:12.5px;font-weight:650;box-shadow:0 1px 0 rgba(15,23,42,.02)}.sms-toolnav a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sms-toolnav a span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:13px}
.sms-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.sms-kpi{min-width:0;padding:14px 15px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:3px}.sms-kpi>span{color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sms-kpi>strong{font-size:25px;line-height:1.12;letter-spacing:-.03em}.sms-kpi>small{color:var(--muted);font-size:11.5px;line-height:1.3}
.sms-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.sms-work-grid>.card,.sms-campaign-card,.sms-history-card,#reports{margin:0}.sms-form{margin-top:8px}.sms-form .field{margin-bottom:11px}.sms-form .field>small{display:block;margin-top:5px;color:var(--muted);font-size:11.5px;line-height:1.35}.sms-text-field textarea{min-height:142px;resize:vertical}.sms-bulk-card textarea[name=recipients]{min-height:104px;resize:vertical}.sms-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.sms-counter{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.sms-compose-foot .btn{min-width:130px;min-height:44px}.sms-inline-notice{margin:10px 0}
.sms-campaign-card{margin-bottom:12px}.sms-campaign-list{display:grid;gap:9px}.sms-campaign-row{padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.sms-campaign-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sms-campaign-main>div{min-width:0}.sms-campaign-main strong,.sms-campaign-main span{display:block}.sms-campaign-main strong{font-size:13.5px;overflow-wrap:anywhere}.sms-campaign-main>div>span{margin-top:2px;color:var(--muted);font-size:11px}.sms-progress{height:7px;margin:10px 0 8px;border-radius:999px;background:var(--border);overflow:hidden}.sms-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--accent)}.sms-campaign-stats{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11.5px}.sms-campaign-stats span:last-child{margin-left:auto;color:var(--accent);font-weight:750}.sms-empty-compact{padding:16px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--muted);font-size:12.5px}
.sms-history-card{margin-bottom:12px}.sms-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sms-history-head h2{margin:1px 0 2px}.sms-history-head small{color:var(--muted);font-size:11.5px}.sms-searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:9px}.sms-searchbar input{min-width:0}.sms-filter-scroll{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 -2px 10px;padding:2px}.sms-filter-scroll::-webkit-scrollbar{display:none}.sms-filter-scroll .chip{flex:0 0 auto;min-height:36px;display:flex;align-items:center;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:650}.sms-filter-scroll .chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.sms-message-list{display:grid;gap:8px}.sms-message-card{padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.sms-message-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sms-recipient,.sms-message-id{display:block}.sms-recipient{font-size:13.5px}.sms-message-id{margin-top:2px;color:var(--muted);font-size:10.5px}.sms-message-body{margin:8px 0;color:var(--text);font-size:12.5px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.sms-message-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:10.5px}.sms-message-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.sms-message-actions form{display:flex}.sms-message-actions .btn{min-height:36px;padding:0 11px;font-size:11.5px}.sms-message-error{margin-top:7px;color:var(--err);font-size:11.5px}.sms-empty{padding:24px;text-align:center;color:var(--muted)}.sms-empty-icon{display:block;font-size:24px;margin-bottom:5px}
.sms-lower-grid{align-items:start}.sms-stop-form{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.2fr) auto;gap:8px;margin:12px 0}.sms-stop-list,.sms-provider-list{display:grid;gap:8px}.sms-stop-row,.sms-provider-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.sms-stop-row>div,.sms-provider-row>div{min-width:0}.sms-stop-row strong,.sms-stop-row span,.sms-provider-row strong,.sms-provider-row span{display:block}.sms-stop-row strong,.sms-provider-row strong{font-size:12.5px;overflow-wrap:anywhere}.sms-stop-row>div>span,.sms-provider-row>div>span{margin-top:2px;color:var(--muted);font-size:10.5px;overflow-wrap:anywhere}.sms-stop-row .btn{min-height:34px;padding:0 10px;font-size:11px}.sms-diagnostics{margin-top:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.sms-diagnostics summary{min-height:42px;display:flex;align-items:center;padding:0 12px;cursor:pointer;color:var(--accent);font-size:12.5px;font-weight:650}.sms-diagnostics>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,1.5fr);gap:7px 10px;padding:11px 12px;border-top:1px solid var(--border);font-size:11px}.sms-diagnostics>div span{color:var(--muted)}.sms-diagnostics>div b{overflow-wrap:anywhere}
.sms-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sms-report{padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.sms-report>span{color:var(--muted);font-size:11.5px;font-weight:700}.sms-report>strong{display:block;margin:3px 0 9px;font-size:23px}.sms-report>div{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;color:var(--muted);font-size:11px}.sms-report b{color:var(--text)}
.sms-progress-fill.w-0{width:0}.sms-progress-fill.w-5{width:5%}.sms-progress-fill.w-10{width:10%}.sms-progress-fill.w-15{width:15%}.sms-progress-fill.w-20{width:20%}.sms-progress-fill.w-25{width:25%}.sms-progress-fill.w-30{width:30%}.sms-progress-fill.w-35{width:35%}.sms-progress-fill.w-40{width:40%}.sms-progress-fill.w-45{width:45%}.sms-progress-fill.w-50{width:50%}.sms-progress-fill.w-55{width:55%}.sms-progress-fill.w-60{width:60%}.sms-progress-fill.w-65{width:65%}.sms-progress-fill.w-70{width:70%}.sms-progress-fill.w-75{width:75%}.sms-progress-fill.w-80{width:80%}.sms-progress-fill.w-85{width:85%}.sms-progress-fill.w-90{width:90%}.sms-progress-fill.w-95{width:95%}.sms-progress-fill.w-100{width:100%}
@media(max-width:900px){.sms-center-hero{padding:15px;display:block}.sms-hero-state{margin-top:10px;justify-content:flex-start}.sms-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.sms-kpi{padding:12px}.sms-kpi>strong{font-size:21px}.sms-work-grid{grid-template-columns:1fr}.sms-report-grid{grid-template-columns:1fr}.sms-stop-form{grid-template-columns:1fr}.sms-stop-form .btn{min-height:44px}.sms-compose-foot{align-items:center}.sms-toolnav a{min-height:44px}.sms-history-head{align-items:flex-end}.sms-message-actions{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.sms-message-actions::-webkit-scrollbar{display:none}.sms-message-actions form{flex:0 0 auto}}
@media(max-width:460px){.sms-center-hero h2{font-size:20px}.sms-kpi-grid{gap:7px}.sms-kpi>span{font-size:10.5px}.sms-kpi>strong{font-size:20px}.sms-kpi>small{font-size:10.5px}.sms-compose-foot{display:grid;grid-template-columns:1fr}.sms-compose-foot .btn{width:100%;min-height:48px}.sms-searchbar{grid-template-columns:1fr}.sms-searchbar .btn{min-height:44px}.sms-campaign-main{align-items:flex-start}.sms-campaign-stats{gap:8px}.sms-stop-row,.sms-provider-row{align-items:flex-start}.sms-diagnostics>div{grid-template-columns:1fr}.sms-report>div{grid-template-columns:1fr 1fr}.sms-history-head{align-items:flex-start}.sms-history-head .btn{min-height:40px}.container{padding-bottom:calc(86px + env(safe-area-inset-bottom))}}

/* MSG.AM provider card */
.msgam-card{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.msgam-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.msgam-head h3{margin:2px 0 0;font-size:18px}.msgam-head small{display:block;margin-top:3px;color:var(--muted);font-size:10.5px;overflow-wrap:anywhere}.msgam-note{margin:10px 0}.msgam-checks{display:flex;gap:8px 14px;flex-wrap:wrap;margin:6px 0 12px}.msgam-checks label,.msgam-confirm{display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer}.msgam-checks input,.msgam-confirm input{width:18px;height:18px;accent-color:var(--accent)}.msgam-status-grid{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:6px 10px;padding:10px 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.msgam-status-grid span{font-size:11px;color:var(--muted)}.msgam-status-grid b{font-size:11px;overflow-wrap:anywhere}.msgam-actions{display:flex;justify-content:flex-end;margin-top:10px}.msgam-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.msgam-test-send{margin-top:10px;border-top:1px solid var(--border);padding-top:9px}.msgam-test-send>summary{cursor:pointer;color:var(--accent);font-size:12.5px;font-weight:700}.msgam-test-send .sms-form{padding-top:10px}.msgam-test-send fieldset>.btn{width:100%;margin-top:10px}.msgam-ip{margin:10px 0 0}.msgam-confirm{margin:8px 0 2px;align-items:flex-start;line-height:1.4}@media(max-width:600px){.msgam-form .row{display:block}.msgam-actions .btn,.msgam-tools form,.msgam-tools .btn{width:100%}.msgam-tools{display:grid;grid-template-columns:1fr}.msgam-status-grid{grid-template-columns:1fr}.msgam-status-grid b{margin-bottom:3px}}