:root{
  --bg: #0e1726;
  --bg-soft: #121d2f;
  --panel: #162132;
  --panel-strong: #1a2638;
  --panel-muted: rgba(255, 255, 255, 0.025);
  --card: #162132;
  --card-soft: rgba(255, 255, 255, 0.025);
  --line: rgba(148, 163, 184, 0.12);
  --line-strong: rgba(148, 163, 184, 0.2);
  --text: #edf2f7;
  --muted: #94a3b8;
  --subtle: #708196;
  --accent: #60a5fa;
  --accent-strong: #60a5fa;
  --accent-soft: rgba(96, 165, 250, 0.12);
  --mint: #60a5fa;
  --mint-soft: rgba(96, 165, 250, 0.08);
  --danger: #fb7185;
  --danger-soft: rgba(251, 113, 133, 0.12);
  --shadow-lg: 0 14px 34px rgba(0, 0, 0, 0.16);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.12);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --radius-xl: 20px;
  --radius-lg: 16px;
  --radius-md: 14px;
  --radius-sm: 12px;
  --mono: "Cascadia Code", "SFMono-Regular", "Consolas", monospace;
  --sans: "Segoe UI", "Aptos", "Helvetica Neue", "Trebuchet MS", sans-serif;
  --ease: cubic-bezier(.2,.8,.2,1);
  --speed: 180ms;
}

html.light{
  --bg: #f6f8fb;
  --bg-soft: #eef2f7;
  --panel: #ffffff;
  --panel-strong: #ffffff;
  --panel-muted: rgba(8, 17, 31, 0.04);
  --card: #ffffff;
  --card-soft: rgba(9, 24, 43, 0.04);
  --line: rgba(71, 85, 105, 0.1);
  --line-strong: rgba(71, 85, 105, 0.16);
  --text: #122033;
  --muted: #5f738f;
  --subtle: #6f849f;
  --accent-soft: rgba(96, 165, 250, 0.1);
  --mint-soft: rgba(96, 165, 250, 0.08);
  --danger-soft: rgba(251, 113, 133, 0.12);
  --shadow-lg: 0 12px 30px rgba(28, 50, 84, 0.08);
  --shadow-md: 0 6px 16px rgba(28, 50, 84, 0.06);
  --shadow-sm: 0 2px 8px rgba(28, 50, 84, 0.04);
}

*{ box-sizing:border-box; }
html, body{ min-height:100%; }
html{
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body{
  margin:0;
  font-family: var(--sans);
  color: var(--text);
  background: linear-gradient(180deg, var(--bg), var(--bg-soft));
  overflow-x:hidden;
}

.app-body::before,
.gate-body::before,
body::before{
  display:none;
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

a{ color:inherit; }
b{ font-weight:700; }

.wrap,
.admin-shell{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
  position:relative;
  z-index:1;
}

.wrap{ padding:20px 0 32px; }
.admin-shell{ padding:28px 0 60px; }

.layout{
  display:grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap:16px;
  margin-top:16px;
}

.sidebar{ position:relative; }

.header,
.admin-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius: var(--radius-xl);
  background: var(--panel);
  box-shadow: var(--shadow-lg);
}

.header{
  position:sticky;
  top:16px;
  z-index:20;
}

.brand,
.admin-title,
.auth-head{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.logo,
.auth-logo{
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  background: rgba(96, 165, 250, 0.12);
  border:1px solid var(--line);
  box-shadow:none;
}

.logo{
  width:48px;
  height:48px;
  border-radius:16px;
}

.auth-logo{
  width:52px;
  height:52px;
  border-radius:16px;
}

.logo::after,
.auth-logo::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,0.12);
}

.brand h1,
.admin-title h1,
.auth-head h1{
  margin:0;
  font-size: clamp(1.22rem, 2vw, 1.56rem);
  line-height:1.06;
  letter-spacing:-0.03em;
}

.brand .sub,
.admin-title p,
.auth-head p,
.auth-note,
.admin-note{
  color: var(--muted);
  line-height:1.5;
}

.brand .sub{
  margin-top:2px;
  font-size:.93rem;
}

.header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:12px;
}

.pill,
.status-pill,
.domain-count,
.identity-chip,
.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--line);
  background: var(--panel-muted);
  color: var(--text);
}

.pill{
  min-height:52px;
  padding:10px 12px;
  border-radius:999px;
}

.pill-label{
  color:var(--muted);
  font-size:.8rem;
  letter-spacing:.02em;
}

.pill b{
  font-size:.95rem;
  font-weight:700;
}

.badge,
.domain-count,
.identity-chip{
  border-radius:999px;
  padding:6px 11px;
  font-size:.75rem;
  font-weight:700;
}

.badge{
  font-family: var(--mono);
  letter-spacing:.04em;
}

.card,
.admin-card,
.auth-card{
  border:1px solid var(--line);
  border-radius: var(--radius-xl);
  background: var(--panel);
  box-shadow: var(--shadow-md);
}

.card{
  overflow:hidden;
  animation: panelIn .42s var(--ease) both;
}

@keyframes panelIn{
  from{ opacity:0; transform: translateY(12px); }
  to{ opacity:1; transform: translateY(0); }
}

.card .hd,
.admin-card-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 16px;
  border-bottom:1px solid var(--line);
  background: rgba(255,255,255,0.015);
}

.card .bd,
.admin-form{
  padding:16px;
}

.title{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  font-weight:700;
  letter-spacing:-0.02em;
}

.flag{
  width:10px;
  height:10px;
  border-radius:999px;
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.08);
  flex:0 0 auto;
}

.row{
  display:flex;
  align-items:center;
  gap:10px;
}

.row .input{ flex:1 1 auto; }
.row .btn{ flex:0 0 140px; }

.field-row{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:14px;
}

.label,
.metric-label{
  color: var(--muted);
  font-size:.79rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.btn,
.domain-btn,
.tab-btn{
  appearance:none;
  border:1px solid var(--line);
  border-radius:14px;
  background: rgba(255,255,255,0.03);
  color: var(--text);
  min-height:46px;
  padding:11px 14px;
  font-weight:700;
  font-size:.94rem;
  letter-spacing:-0.01em;
  cursor:pointer;
  transition:
    transform var(--speed) var(--ease),
    border-color var(--speed) var(--ease),
    background var(--speed) var(--ease),
    box-shadow var(--speed) var(--ease);
  box-shadow:none;
}

.btn:hover,
.domain-btn:hover,
.tab-btn:hover{
  transform: translateY(-1px);
  border-color: var(--line-strong);
}

.btn:active,
.domain-btn:active,
.tab-btn:active{
  transform: translateY(0);
}

.btn.primary,
.tab-btn.active{
  background: rgba(96, 165, 250, 0.16);
  border-color: rgba(96, 165, 250, 0.22);
}

.btn.ghost{
  background: transparent;
  box-shadow:none;
}

.btn.mini{
  min-height:38px;
  padding:8px 12px;
  font-size:.84rem;
}

.input{
  width:100%;
  min-height:48px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background: rgba(255,255,255,0.04);
  color: var(--text);
  outline:none;
  font-family: var(--mono);
  font-size:.95rem;
  box-shadow:none;
  transition:
    border-color var(--speed) var(--ease),
    box-shadow var(--speed) var(--ease),
    background var(--speed) var(--ease);
}

.input::placeholder{ color: var(--subtle); }

.input:focus,
.domain-btn:focus{
  border-color: rgba(56, 189, 248, 0.52);
  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.12);
}

.domain-select{ position:relative; }

.domain-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-family: var(--mono);
}

.caret{
  width:10px;
  height:10px;
  border-right:2px solid var(--muted);
  border-bottom:2px solid var(--muted);
  transform: rotate(45deg) translateY(-1px);
  flex:0 0 auto;
}

.domain-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  right:0;
  z-index:30;
  display:none;
  padding:8px;
  border:1px solid var(--line);
  border-radius:14px;
  background: var(--panel-strong);
  box-shadow: var(--shadow-sm);
}

.domain-menu.open{ display:block; }

.domain-item{
  width:100%;
  padding:11px 12px;
  border:none;
  border-radius:12px;
  background: transparent;
  color: var(--text);
  font-family: var(--mono);
  font-size:.9rem;
  text-align:left;
  cursor:pointer;
}

.domain-item:hover,
.domain-item[aria-selected="true"]{
  background: var(--accent-soft);
}

.identity-box{
  margin-top:16px;
  padding:16px;
  border:1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.02);
}

.identity-meta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  margin-bottom:10px;
}

.helper{
  display:none;
}

.email-line{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
}

.email{
  min-height:52px;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background: rgba(255,255,255,0.04);
  font-family: var(--mono);
  font-size: clamp(.95rem, 1.5vw, 1.06rem);
  font-weight:700;
  line-height:1.45;
  word-break: break-all;
}

.stack{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  margin-top:14px;
}

.helper{
  margin-top:12px;
  font-size:.9rem;
}

.sep{
  margin:18px 0;
  border:0;
  border-top:1px solid var(--line);
}

.recent{ margin-top:2px; }

.recent-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.recent-list{
  display:grid;
  gap:10px;
  max-height:240px;
  overflow:auto;
  padding-right:4px;
}

.recent-item{
  width:100%;
  min-height:48px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background: rgba(255,255,255,0.04);
  color: var(--text);
  font-family: var(--mono);
  font-size:.88rem;
  text-align:left;
  cursor:pointer;
  transition: transform var(--speed) var(--ease), border-color var(--speed) var(--ease);
}

.recent-item:hover{
  transform: translateY(-1px);
  border-color: var(--line-strong);
}

.toolbar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  width:100%;
}

.search{
  position:relative;
  flex:1 1 260px;
  min-width:220px;
}

.search svg{
  position:absolute;
  top:50%;
  left:14px;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  color: var(--muted);
}

.search input{ padding-left:42px; }

.status{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background: rgba(255,255,255,0.03);
  color: var(--muted);
  font-size:.88rem;
}

.toolbar-btn{ white-space:nowrap; }

.spinner{
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,0.14);
  border-top-color: var(--accent);
  animation: spin .8s linear infinite;
}

html.light .spinner{
  border-color: rgba(18, 32, 51, 0.14);
  border-top-color: var(--accent);
}

@keyframes spin{ to{ transform: rotate(360deg); } }

.split{
  display:grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap:16px;
  padding:16px;
}

.pane{
  min-height:640px;
  border:1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.02);
  overflow:hidden;
}

.pane .phd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:58px;
  padding:13px 14px;
  border-bottom:1px solid var(--line);
  background: rgba(255,255,255,0.015);
}

.pane .phd b{
  font-size:1rem;
  letter-spacing:-0.02em;
}

.pane .pbd{
  padding:12px;
  max-height:760px;
  overflow:auto;
}

.list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.item{
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:14px;
  background: rgba(255,255,255,0.04);
  cursor:pointer;
  transition:
    transform var(--speed) var(--ease),
    border-color var(--speed) var(--ease),
    background var(--speed) var(--ease);
  animation: messageIn .22s var(--ease) both;
}

@keyframes messageIn{
  from{ opacity:0; transform: translateY(8px); }
  to{ opacity:1; transform: translateY(0); }
}

.item:hover{
  transform: translateY(-1px);
  border-color: var(--line-strong);
  background: rgba(255,255,255,0.06);
}

.item .subj{
  margin-bottom:6px;
  font-size:.98rem;
  font-weight:700;
  line-height:1.35;
}

.meta{
  color: var(--muted);
  font-size:.86rem;
  line-height:1.5;
  word-break: break-word;
}

.muted{ color: var(--muted); }
.small{ font-size:.84rem; }

.item.is-new{
  border-color: rgba(56, 189, 248, 0.4);
  box-shadow: 0 0 0 5px rgba(56, 189, 248, 0.08);
}

.viewer{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background: rgba(255,255,255,0.04);
  box-shadow:none;
}

.viewer .vh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-bottom:1px solid var(--line);
  background: rgba(255,255,255,0.03);
}

.viewer .vb{
  padding:14px;
  max-height:680px;
  overflow:auto;
  line-height:1.6;
}

.viewer .vb img{
  max-width:100%;
  height:auto;
  border-radius:14px;
}

.viewer .vb a{
  color: var(--accent);
  font-weight:700;
}

.viewer .vb pre,
.viewer .vb code{
  font-family: var(--mono);
}

.empty{
  padding:40px 18px;
  text-align:center;
  color: var(--muted);
}

.empty h3{
  margin:0 0 8px;
  font-size:1.05rem;
  color: var(--text);
}

.empty p{ margin:0; }

.err,
.auth-error,
.admin-flash{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(251, 113, 133, 0.32);
  background: var(--danger-soft);
}

.auth-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px 16px;
}

.auth-card{
  width:min(540px, 100%);
  padding:18px;
}

.auth-head p{ margin:6px 0 0; }

.auth-form{
  margin-top:18px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.auth-input{
  font-size:1rem;
  letter-spacing:.12em;
}

.auth-btn{ width:100%; }

.toast-wrap{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:12px;
  pointer-events:none;
}

.toast{
  min-width:240px;
  max-width:360px;
  padding:12px 14px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  border:1px solid var(--line);
  border-radius:14px;
  background: var(--panel-strong);
  box-shadow: var(--shadow-sm);
  opacity:0;
  transform: translateY(8px);
  animation: toastIn .18s var(--ease) forwards;
}

@keyframes toastIn{
  to{
    opacity:1;
    transform: translateY(0);
  }
}

@keyframes toastOut{
  to{
    opacity:0;
    transform: translateY(8px);
  }
}

.toast .ico{
  width:28px;
  height:28px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid var(--line);
  background: var(--panel-muted);
  font-weight:700;
}

.toast b{
  display:block;
  font-weight:700;
}

.toast small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  line-height:1.45;
}

.inline-tabs{ display:none; }
.is-hidden{ display:none !important; }

.admin-header{ margin-bottom:18px; }

.admin-grid{
  display:grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap:16px;
  align-items:start;
}

.admin-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.admin-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.admin-field-inline{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:10px;
}

.admin-metrics{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:10px;
  padding:20px;
}

.admin-metrics > div{
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background: rgba(255,255,255,0.03);
}

.metric-value{
  display:block;
  margin-top:6px;
  font-size:1.4rem;
  font-weight:700;
}

.admin-note{ padding:0 20px 20px; }

.admin-table{
  display:grid;
  overflow:auto;
  border-top:1px solid var(--line);
  font-variant-numeric: tabular-nums;
}

.admin-row{
  min-width:0;
  display:grid;
  grid-template-columns:
    minmax(170px, 2fr)
    minmax(90px, 1fr)
    minmax(90px, .8fr)
    minmax(70px, .6fr)
    minmax(130px, 1fr)
    minmax(110px, .9fr)
    minmax(170px, 1.1fr)
    minmax(180px, 1.3fr);
  gap:10px;
  align-items:center;
  padding:12px 16px;
  border-top:1px solid var(--line);
}

.admin-row-head{
  position:sticky;
  top:0;
  z-index:2;
  background: var(--panel-strong);
  color:var(--muted);
  font-size:.77rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.admin-row:not(.admin-row-head):hover{
  background: rgba(255,255,255,0.03);
}

.admin-row-empty{
  padding:16px;
  color:var(--muted);
}

.admin-row > div:last-child{
  justify-self:end;
  text-align:right;
}

.admin-row > div:nth-child(3){
  display:flex;
  align-items:center;
  justify-content:center;
}

.ua-cell{
  display:flex;
  flex-direction:column;
  gap:4px;
  max-width:240px;
  overflow:hidden;
  color:var(--muted);
  font-size:.82rem;
}

.ua-cell .ua-agent{
  color:var(--text);
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height:1.3;
}

.ua-cell .ua-ip{
  font-family:var(--mono);
  font-size:.78rem;
}

.key-cell{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.key-text{
  font-family:var(--mono);
  font-weight:700;
  word-break:break-all;
}

.status-pill{
  min-width:90px;
  padding:8px 10px;
  font-size:.8rem;
}

.status-pill.is-ready{ background: var(--accent-soft); }
.status-pill.is-used{ background: var(--mint-soft); }
.status-pill.is-expired{ background: var(--danger-soft); }
.status-pill.is-pending{ background: rgba(158, 176, 202, 0.14); }

.admin-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}

.admin-edit-form{
  width:100%;
  max-width:210px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.admin-edit-row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:6px;
}

.admin-edit-row select{
  grid-column:1 / -1;
}

.admin-edit-form .input{
  min-height:38px;
  padding:8px 10px;
  font-size:.8rem;
}

@media (min-width: 960px){
  .recent-list{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1080px){
  .layout{
    grid-template-columns: 1fr;
  }

  .split{
    grid-template-columns: 1fr;
  }

  .pane{
    min-height:unset;
  }

  .admin-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px){
  .wrap,
  .admin-shell{
    width:min(100% - 24px, 1280px);
  }

  .wrap{ padding:14px 0 24px; }

  .header,
  .admin-header{
    position:relative;
    top:auto;
    flex-direction:column;
    align-items:stretch;
    padding:14px;
  }

  .brand,
  .admin-title,
  .auth-head{
    align-items:center;
  }

  .header-actions{
    width:100%;
    justify-content:stretch;
    flex-direction:column;
    gap:8px;
  }

  .pill{
    width:100%;
    justify-content:space-between;
    min-height:40px;
    padding:8px 10px;
  }

  .pill-label{
    font-size:.74rem;
  }

  .pill b,
  .badge{
    font-size:.82rem;
  }

  .brand h1{
    font-size:1.08rem;
  }

  .brand .sub{
    font-size:.84rem;
  }

  .pill-label{
    display:none;
  }

  .card .hd{
    padding:11px 12px;
  }

  .label{
    font-size:.72rem;
    letter-spacing:.1em;
  }

  .card .hd,
  .card .bd,
  .split,
  .admin-card-hd,
  .admin-form,
  .admin-metrics{
    padding:14px;
  }

  .identity-meta,
  .recent-hd{
    flex-direction:row;
    align-items:center;
  }

  .recent-hd b{
    font-size:.9rem;
  }

  .row,
  .email-line,
  .toolbar,
  .stack{
    flex-direction:column;
    align-items:stretch;
  }

  .stack{
    display:flex;
  }

  .row .btn{
    flex:0 0 auto;
  }

  .row .btn,
  .row .input,
  .toolbar .btn,
  .status,
  .search,
  .email,
  #copyBtn{
    width:100%;
    min-width:0;
  }

  .btn,
  .domain-btn,
  .tab-btn,
  .input{
    min-height:42px;
    padding:10px 12px;
    font-size:.9rem;
  }

  .btn.mini{
    min-height:34px;
    padding:7px 10px;
  }

  .field-row{
    margin-top:10px;
    gap:6px;
  }

  .identity-box{
    margin-top:12px;
    padding:12px;
  }

  .email{
    min-height:44px;
    padding:10px 12px;
    font-size:.92rem;
  }

  .helper{
    display:none;
  }

  .recent-item{
    min-height:42px;
    padding:10px 12px;
    font-size:.82rem;
  }

  .pane .phd{
    min-height:48px;
    padding:10px 12px;
  }

  .pane .phd b{
    font-size:.92rem;
  }

  .pane .pbd{
    padding:10px;
  }

  .item{
    padding:11px 12px;
  }

  .item .subj{
    font-size:.92rem;
    margin-bottom:4px;
  }

  .meta{
    font-size:.8rem;
  }

  .empty{
    padding:28px 12px;
  }

  .pane .pbd{
    max-height:55vh;
  }

  .viewer .vb{
    max-height:50vh;
  }

  .inline-tabs{
    display:flex;
    width:100%;
    gap:8px;
  }

  .toast-wrap{
    left:12px;
    right:12px;
    bottom:12px;
  }

  .toast{
    min-width:0;
    max-width:none;
  }

  .admin-field-inline,
  .admin-metrics{
    grid-template-columns: 1fr;
  }
}