/* HRlume Admin — operational control-plane direction.
   The interface is a working register: compact hierarchy, flat data surfaces,
   and status colour only where it communicates system state. */

:root {
  --control-navy: #0e1421;
  --control-navy-raised: #151d2d;
  --control-paper: #f4f5f7;
  --control-ink: #151b29;
  --control-indigo: #4f46e5;
  --control-rule: #d9dde6;
  --radius-sm: 5px;
  --radius-md: 7px;
  --radius-lg: 9px;
  --radius-xl: 12px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .035);
  --shadow-md: 0 10px 30px rgba(15, 23, 42, .07);
  --sidebar-width: 268px;
  --sidebar-bg: var(--control-navy);
  --sidebar-bg-raised: rgba(255,255,255,.045);
  --sidebar-border: rgba(255,255,255,.09);
  --sidebar-fg: #f4f6fb;
  --sidebar-muted: #9aa4b7;
  --sidebar-subtle: #68748a;
  --sidebar-hover: rgba(255,255,255,.045);
  --sidebar-icon-bg: transparent;
  --color-bg: var(--control-paper);
  --color-primary: var(--control-indigo);
  --color-primary-hover: #4338ca;
  --color-primary-soft: #eeefff;
  --color-fg: var(--control-ink);
  --color-border: var(--control-rule);
}

:root[data-theme='dark'] {
  --control-paper: #080d16;
  --control-ink: #f0f2f8;
  --control-rule: #293143;
  --color-bg: var(--control-paper);
  --color-surface: #111827;
  --color-surface-hover: #182132;
  --color-border: var(--control-rule);
  --sidebar-bg: #080d16;
}

body {
  background: var(--color-bg);
  letter-spacing: 0;
}

.btn { border-radius: 6px; box-shadow: none; }
.btn--primary,
.btn--primary:hover:not(:disabled) {
  border-color: var(--control-indigo);
  background: var(--control-indigo);
  filter: none;
  box-shadow: none;
}
.btn--primary:hover:not(:disabled) { background: #4338ca; transform: translateY(-1px); }
.btn--ghost { box-shadow: none; }
.input, select.input, textarea.input { border-radius: 6px; box-shadow: none; }
.input:focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--control-indigo) 13%, transparent); }
.card { border-radius: 8px; box-shadow: none; }
.badge { min-height: 22px; border-radius: 4px; font-family: var(--font-mono); font-size: .64rem; letter-spacing: .04em; }

/* Authentication: a protected operations register, not a marketing hero. */
.auth-page--admin {
  padding: 28px;
  background:
    linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px) 0 0/56px 100%,
    var(--control-paper);
}
.auth-page--admin::before { display: none; }
.admin-auth-shell {
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .72fr);
  width: min(1160px, 100%);
  min-height: min(680px, calc(100dvh - 56px));
  padding: 0;
  gap: 0;
  overflow: hidden;
  border: 1px solid #202a3c;
  border-radius: 12px;
  background: var(--color-surface);
  box-shadow: 0 26px 70px rgba(14,20,33,.18);
  backdrop-filter: none;
}
.admin-auth-showcase {
  align-items: stretch;
  padding: 44px 48px 34px;
  color: #fff;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0/100% 48px,
    var(--control-navy);
}
.admin-auth-showcase::after,
.admin-auth-showcase__halo,
.admin-auth-showcase__chips { display: none; }
.admin-auth-showcase__brand {
  flex-direction: row;
  justify-content: flex-start;
  gap: 12px;
  color: #fff;
  font-size: 18px;
}
.admin-auth-showcase__brand > span { width: 38px; height: 38px; border-radius: 8px; }
.admin-auth-showcase__brand img { width: 38px; height: 38px; }
.admin-auth-showcase__copy { align-items: flex-start; margin-top: clamp(66px,10vh,108px); text-align: left; }
.admin-auth-showcase__eyebrow {
  display: flex;
  margin-bottom: 20px;
  color: #8995aa;
  font-family: var(--font-mono);
  font-size: 9px;
}
.admin-auth-showcase__eyebrow i { width: 32px; background: #7169ef; }
.admin-auth-showcase__copy h2 {
  max-width: 610px;
  color: #fff;
  font-size: clamp(36px,3.6vw,52px);
  line-height: 1.04;
}
.admin-auth-showcase__copy h2 em { display: inline; color: #a9a5ff; }
.admin-auth-showcase__copy p { max-width: 535px; color: #9ba6b9; font-size: 14px; }
.admin-auth-showcase__scene {
  width: 100%;
  margin-top: auto;
  padding: 0;
  border-width: 1px 0;
  border-color: rgba(255,255,255,.12);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.admin-auth-showcase__scene-head { min-height: 38px; padding: 0; color: #718097; font-family: var(--font-mono); }
.admin-auth-showcase__scene-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; }
.admin-auth-showcase__module {
  min-height: 64px;
  padding: 13px 0;
  border-width: 1px 0 0;
  border-color: rgba(255,255,255,.08);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.admin-auth-showcase__module:nth-child(even) { padding-left: 18px; border-left-width: 1px; }
.admin-auth-showcase__module-icon {
  display: grid;
  place-items: center;
  border: 1px solid rgba(169,165,255,.22);
  border-radius: 8px;
  color: #c7c4ff;
  background: rgba(113,105,239,.12)!important;
  box-shadow: none;
}
.admin-auth-showcase__module-icon svg { width: 17px; height: 17px; }
.admin-auth-showcase__module--2 .admin-auth-showcase__module-icon { color:#8be0c2; border-color:rgba(139,224,194,.2); background:rgba(16,185,129,.09)!important; }
.admin-auth-showcase__module--3 .admin-auth-showcase__module-icon { color:#f7c97a; border-color:rgba(247,201,122,.2); background:rgba(245,158,11,.09)!important; }
.admin-auth-showcase__module--4 .admin-auth-showcase__module-icon { color:#8ec5ff; border-color:rgba(142,197,255,.2); background:rgba(59,130,246,.09)!important; }
.admin-auth-showcase__module strong { color: #e7eaf1; }
.admin-auth-showcase__module-line { border-radius: 0; background: rgba(255,255,255,.1); }
.admin-auth-showcase__secure { margin-top: 16px; color: #7f8ca2; font-family: var(--font-mono); }
.admin-auth-showcase__secure span { border-radius: 4px; }
.auth-page--admin .auth-card {
  padding: clamp(38px,4vw,54px);
  border: 0;
  border-left: 1px solid var(--color-border);
  border-radius: 0;
  box-shadow: none;
}
.auth-page--admin .auth-brand { margin-bottom: 30px; }
.auth-page--admin .auth-brand .brand-logo { border-radius: 8px; }
.admin-auth-card__overline { font-family: var(--font-mono); }
.auth-page--admin .admin-auth-input,
.auth-page--admin .auth-submit { border-radius: 6px; box-shadow: none; }
.auth-page--admin .admin-auth-input-wrap:has(.admin-auth-password-toggle) .admin-auth-input { padding-right: 46px; }
.admin-auth-password-toggle {
  position:absolute;
  top:50%;
  right:8px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  border-radius:5px;
  color:var(--color-fg-muted);
  background:transparent;
  cursor:pointer;
  transform:translateY(-50%);
}
.admin-auth-password-toggle:hover { color:var(--color-primary); background:var(--color-primary-soft); }
.admin-auth-password-toggle:focus-visible { outline:2px solid var(--color-primary); outline-offset:1px; }
.admin-auth-password-toggle svg { position:static; width:17px; height:17px; transform:none; }
.admin-auth-assurance {
  display:flex;
  align-items:center;
  gap:11px;
  margin:20px 0 22px;
  padding:11px 12px;
  border:1px solid color-mix(in srgb,var(--control-indigo) 15%,var(--color-border));
  border-radius:7px;
  background:color-mix(in srgb,var(--color-primary-soft) 38%,var(--color-surface));
}
.admin-auth-assurance__icon { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; border-radius:6px; color:var(--control-indigo); background:var(--color-primary-soft); }
.admin-auth-assurance__icon svg { width:16px; height:16px; }
.admin-auth-assurance > span:last-child { display:grid; gap:2px; min-width:0; }
.admin-auth-assurance strong { color:var(--color-fg); font-size:.74rem; }
.admin-auth-assurance small { color:var(--color-fg-muted); font-size:.66rem; line-height:1.35; }
.auth-page--admin .auth-submit,
.auth-page--admin .auth-submit:hover:not(:disabled) { background: var(--control-navy); box-shadow: none; }
.admin-auth-controls { border-radius: 7px; box-shadow: var(--shadow-sm); }

/* Workspace shell: one dark navigation plane and one quiet work surface. */
.shell { background: var(--color-bg); }
.sidebar {
  padding: 18px 12px 12px;
  border-right: 1px solid var(--sidebar-border);
  background: var(--sidebar-bg);
}
.sidebar__brand {
  min-height: 52px;
  margin: 0 2px 22px;
  padding: 6px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.sidebar__brand-mark { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.sidebar__brand .brand-logo { width: 32px; height: 32px; border-radius: 0; }
.sidebar__brand-copy strong { color: #fff; }
.sidebar__brand-copy small { color: #657289; font-family: var(--font-mono); }
.sidebar__nav { gap: 18px; }
.sidebar__section { gap: 2px; }
.sidebar__section-label { color: #657289; font-family: var(--font-mono); font-size: .54rem; }
.sidebar__link {
  position: relative;
  min-height: 40px;
  padding: 7px 10px;
  border-radius: 5px;
  color: #929eb2;
}
.sidebar__link::before { content:""; position:absolute; top:9px; bottom:9px; left:0; width:2px; background:transparent; }
.sidebar__link-icon { border: 1px solid rgba(255,255,255,.07); border-radius: 7px; background: rgba(255,255,255,.035); }
.sidebar__link[data-route='licenses'] .sidebar__link-icon { color:#a9a5ff; background:rgba(113,105,239,.09); }
.sidebar__link[data-route='instances'] .sidebar__link-icon { color:#74d7b4; background:rgba(16,185,129,.08); }
.sidebar__link[data-route='security'] .sidebar__link-icon { color:#f2c572; background:rgba(245,158,11,.08); }
.sidebar__link[data-route='auditLog'] .sidebar__link-icon { color:#82bfff; background:rgba(59,130,246,.08); }
.sidebar__link:hover { color: #fff; background: rgba(255,255,255,.04); }
.sidebar__link.is-active { color: #fff; background: rgba(255,255,255,.055); box-shadow: none; }
.sidebar__link.is-active::before { background: #7770ff; box-shadow: 0 0 12px rgba(119,112,255,.55); }
.sidebar__link.is-active .sidebar__link-icon { color: #a9a5ff; border: 0; background: transparent; box-shadow: none; }
.sidebar__foot { border-top-color: rgba(255,255,255,.09); }
.sidebar__account { border-color: rgba(255,255,255,.09); border-radius: 6px; background: rgba(255,255,255,.035); }
.sidebar__account-avatar { border-radius: 5px; background: #4f46e5; box-shadow: none; }
.sidebar__account-copy strong { color: #fff; }
.sidebar__version { color: #59657a; font-family: var(--font-mono); font-size: .58rem; }

.admin-workspace__bar {
  min-height: 46px;
  padding: 0 32px;
  background: color-mix(in srgb,var(--color-surface) 92%,transparent);
  font-family: var(--font-mono);
  font-size: .64rem;
}
.admin-workspace__controls .theme-toggle,
.workspace-control { width: 32px; height: 32px; flex-basis: 32px; border-radius: 5px; box-shadow: none; }
.content { max-width: 1500px; padding: 30px 34px 54px; }
.workspace-hero {
  grid-template-columns: 40px minmax(0,1fr) auto;
  gap: 16px;
  min-height: 112px;
  margin-bottom: 24px;
  padding: 20px 0 20px 22px;
  overflow: visible;
  border-width: 0 0 1px 3px;
  border-color: var(--color-border) var(--color-border) var(--color-border) var(--control-indigo);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.workspace-hero::after { display: none; }
.workspace-hero__icon { width: 40px; height: 40px; border: 0; border-radius: 5px; background: var(--color-primary-soft); box-shadow: none; }
.workspace-hero__icon svg { width: 20px; height: 20px; }
.workspace-hero__eyebrow { margin-bottom: 5px; font-family: var(--font-mono); font-size: .56rem; }
.workspace-hero h1 { font-size: clamp(1.55rem,2.1vw,1.95rem); }
.workspace-hero p { margin-top: 5px; }

/* Dashboard: one contiguous status register, then exception queues. */
.stat-cards {
  gap: 0;
  margin-bottom: 24px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 7px;
  background: var(--color-surface);
}
.stat-card,
.stat-card--success,
.stat-card--primary,
.stat-card--danger {
  min-height: 108px;
  padding: 18px 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.stat-card + .stat-card { border-left: 1px solid var(--color-border); }
.stat-card::after { top: 17px; right: 17px; width: 6px; height: 6px; box-shadow: none; }
.stat-card__value { margin-top: 19px; font-family: 'Sora',var(--font-sans); font-size: 1.8rem; }
.stat-card__label { margin-top: 7px; font-family: var(--font-mono); font-size: .62rem; text-transform: uppercase; letter-spacing: .05em; }
.dash-section {
  position: relative;
  margin-bottom: 14px;
  padding: 0;
  overflow: hidden;
  border-radius: 7px;
  box-shadow: none;
}
.dash-section::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#9aa4b7; }
.dash-section:has(.dash-dot--warn)::before { background: var(--color-warning); }
.dash-section:has(.dash-dot--danger)::before { background: var(--color-danger); }
.dash-section-title { min-height: 48px; margin: 0; padding: 0 18px; border-bottom: 1px solid var(--color-border); font-size: .86rem; }
.dash-dot { display: none; }
.dash-section .empty-state--sm { padding: 15px 18px; text-align: left; }
.table-wrap { border-radius: 7px; box-shadow: none; }
.dash-section .table-wrap { border-radius: 0; }
.data-table th { height: 40px; font-family: var(--font-mono); font-size: .6rem; }
.data-table td { height: 50px; }

/* Android releases: a compact publishing console and two legible ledgers. */
.ar-layout { grid-template-columns: minmax(360px,410px) minmax(0,1fr); gap: 22px; }
.ar-upload-card {
  top: 18px;
  padding: 0 22px 22px;
  overflow: hidden;
  border-color: color-mix(in srgb,var(--control-indigo) 16%,var(--color-border));
  border-radius: 10px;
  background: linear-gradient(180deg,color-mix(in srgb,var(--color-primary-soft) 24%,var(--color-surface)),var(--color-surface) 120px);
}
.ar-upload-card__overline { display:block; margin:0 -22px 22px; padding:13px 22px; border-bottom:1px solid var(--color-border); color:var(--color-fg-muted); background:color-mix(in srgb,var(--color-surface-hover) 72%,transparent); font-family:var(--font-mono); font-size:.58rem; letter-spacing:.12em; }
.ar-upload-card__title { margin-bottom:20px; font-size: 1.12rem; letter-spacing:-.015em; }
.ar-upload-card .auth-form { gap:15px; }
.ar-upload-card .label { gap:7px; }
.ar-upload-card #ar-channel { min-height:44px; font-weight:700; }
.ar-upload-card #ar-submit { min-height:46px; margin-top:2px; }
.ar-file-label { min-height: 82px; justify-content:center; border-radius: 8px; background: color-mix(in srgb,var(--color-primary-soft) 22%,var(--color-surface)); text-align:center; }
.ar-file-label:focus-within { border-color:var(--color-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent); }
.ar-channel-hint { margin:-3px 0 1px; padding-left:12px; border-left:2px solid color-mix(in srgb,var(--color-primary) 45%,var(--color-border)); }
.ar-channel-group { margin: 0 0 18px; overflow:hidden; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface); box-shadow:0 8px 24px rgba(15,23,42,.035); }
.ar-channel-group__head { display:flex; align-items:center; justify-content:space-between; min-height:43px; margin:0; padding:0 16px; border-bottom:1px solid var(--color-border); background:color-mix(in srgb,var(--color-surface-hover) 72%,transparent); }
.ar-channel-group__name { display:inline-flex; align-items:center; gap:9px; color:var(--color-fg); font-family:var(--font-mono); font-size:.65rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.ar-channel-group__name i { width:7px; height:7px; border-radius:50%; background:var(--color-success); box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 12%,transparent); }
.ar-channel-group__count { display:grid; place-items:center; min-width:25px; height:22px; padding:0 7px; border:1px solid var(--color-border); border-radius:999px; color:var(--color-fg-muted); font-family:var(--font-mono); font-size:.62rem; }
.ar-release-list { gap: 0; }
.ar-release-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(200px,.8fr) minmax(180px,1.2fr) auto;
  align-items: center;
  gap:18px;
  min-height:86px;
  padding: 15px 14px 15px 20px;
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
}
.ar-release-row:last-child { border-bottom:0; }
.ar-release-row::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:transparent; }
.ar-release-row:hover { border-color:var(--color-border); background: color-mix(in srgb,var(--color-primary-soft) 34%,transparent); }
.ar-release-row:hover::before { background:var(--control-indigo); }
.ar-release-row--draft { border-style: solid; background: transparent; }
.ar-release-row--draft::before { background: var(--color-warning); }
.ar-release-row__sub { font-family: var(--font-mono); font-size: 10px; }
.ar-release-row__meta { min-width: 0; gap:5px; }
.ar-release-row__version { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:.92rem; }
.ar-release-row__version .badge { margin-left:0; }
.ar-release-row__sub { overflow-wrap:anywhere; }
.ar-release-row__changelog { min-width:0; margin:0; display:-webkit-box; overflow:hidden; color:var(--color-fg-muted); font-size:.76rem; line-height:1.5; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.ar-release-row > .row-actions {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  align-self: start;
  flex-wrap: nowrap;
  padding-left: 0;
  background: transparent;
}
.ar-release-row > .row-actions .btn { min-height:34px; }
.ar-release-row:hover > .row-actions { background:transparent; }
.ar-list-col #ar-body > .empty-state {
  min-height: 180px;
  display:grid;
  place-items:center;
  padding:32px;
  border:1px dashed var(--color-border);
  border-radius:7px;
  background:color-mix(in srgb,var(--color-surface) 60%,transparent);
}
.ar-list-col #ar-body > .state-panel {
  min-height: 260px;
  border: 1px dashed var(--color-border);
  border-radius: 7px;
  background: color-mix(in srgb,var(--color-surface) 74%,transparent);
}
.ar-list-col #ar-body > .state-skeletons { display:flex; }
.ar-list-col #ar-body > .loading-text-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.ar-list-col #ar-body .skeleton-card { min-height: 96px; border-radius: 7px; }

.ar-flight {
  padding: 20px 22px 19px;
  border: 1px solid color-mix(in srgb,var(--control-indigo) 16%,var(--color-border));
  border-radius: 10px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-soft) 30%,var(--color-surface)),var(--color-surface) 62%);
  box-shadow: 0 14px 36px rgba(15,23,42,.045);
}
.ar-flight__head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.ar-flight__eyebrow { display:block; margin-bottom:5px; color:var(--color-fg-muted); font-family:var(--font-mono); font-size:.58rem; font-weight:700; letter-spacing:.13em; }
.ar-flight h2 { margin:0; font-size:1rem; }
.ar-flight__state { display:inline-flex; align-items:center; min-height:25px; padding:4px 9px; border:1px solid var(--color-border); border-radius:999px; color:var(--color-fg-muted); font-size:.67rem; font-weight:700; white-space:nowrap; }
.ar-flight__state::before { content:""; width:6px; height:6px; margin-right:7px; border-radius:50%; background:currentColor; }
.ar-flight__state--synced { color:var(--color-success); background:color-mix(in srgb,var(--color-success) 7%,transparent); }
.ar-flight__state--ready { color:var(--color-primary); background:var(--color-primary-soft); }
.ar-flight__state--prodAhead { color:var(--color-warning); background:var(--color-warning-soft); }
.ar-flight__state--conflict { color:var(--color-danger); background:var(--color-danger-soft); }
.ar-flight__track { display:grid; grid-template-columns:minmax(105px,1fr) minmax(70px,1.25fr) minmax(105px,1fr); align-items:center; gap:12px; margin-top:19px; }
.ar-flight__channel { display:grid; gap:4px; }
.ar-flight__channel--prod { text-align:right; }
.ar-flight__channel > span { color:var(--color-fg-muted); font-family:var(--font-mono); font-size:.6rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.ar-flight__channel strong { font-size:.9rem; }
.ar-flight__channel small { color:var(--color-fg-muted); font-family:var(--font-mono); font-size:.65rem; font-weight:500; }
.ar-flight__line { position:relative; display:flex; align-items:center; color:var(--color-fg-muted); }
.ar-flight__line i { width:100%; height:1px; background:var(--color-border); }
.ar-flight__line span { margin-left:-1px; font-size:1rem; }
.ar-flight__line--synced { color:var(--color-success); }
.ar-flight__line--ready { color:var(--color-primary); }
.ar-flight__line--conflict { color:var(--color-danger); }
.ar-flight__line--synced i,.ar-flight__line--ready i { background:currentColor; }
.ar-flight__hint { margin:14px 0 0; color:var(--color-fg-muted); font-size:.76rem; line-height:1.55; }
.ar-sha { display:inline; padding:0; border:0; color:inherit; background:transparent; cursor:pointer; }
.ar-sha:hover,.ar-sha:focus-visible { color:var(--color-primary); text-decoration:underline; text-underline-offset:3px; }
.ar-promote-summary { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--color-border); border-radius:7px; background:var(--color-surface-hover); }
.ar-promote-summary__icon { display:grid; place-items:center; width:38px; height:38px; border-radius:8px; color:var(--color-primary); background:var(--color-primary-soft); }
.ar-promote-summary__icon svg { width:21px; height:21px; }
.ar-promote-summary > div:last-child { display:grid; gap:3px; }
.ar-promote-summary span,.ar-integrity span,.ar-promote-notes > span { color:var(--color-fg-muted); font-family:var(--font-mono); font-size:.59rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.ar-promote-summary strong { font-size:.95rem; }
.ar-promote-summary small { color:var(--color-fg-muted); }
.ar-integrity,.ar-promote-notes { display:grid; gap:7px; }
.ar-integrity code { padding:10px 12px; overflow-wrap:anywhere; border:1px solid var(--color-border); border-radius:6px; color:var(--color-fg); background:var(--color-surface-hover); font-size:.68rem; line-height:1.45; }
.ar-promote-notes p { margin:0; color:var(--color-fg-muted); font-size:.82rem; line-height:1.55; }

.modal { border-radius: 9px; box-shadow: 0 24px 70px rgba(14,20,33,.24); }
.modal__head { border-bottom: 1px solid var(--color-border); }
.state-panel__icon { border-radius: 7px; }

@media (max-width:1100px) {
  .stat-cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .stat-card:nth-child(4) { border-left: 0; border-top: 1px solid var(--color-border); }
  .stat-card:nth-child(5) { border-top: 1px solid var(--color-border); }
  .ar-layout { grid-template-columns: minmax(320px,360px) minmax(0,1fr); }
  .ar-release-row { grid-template-columns:minmax(190px,1fr) auto; gap:10px 16px; }
  .ar-release-row__changelog { grid-column:1/-1; grid-row:2; }
}
@media (max-width:920px) {
  .auth-page--admin { padding: 72px 24px 32px; }
  .admin-auth-shell { display:block; width:min(520px,100%); min-height:0; border-radius:10px; }
  .auth-page--admin .auth-card { min-height:620px; border:0; }
}
@media (max-width:900px) {
  .mobile-topbar { min-height:64px; background:var(--control-navy); border-bottom-color:rgba(255,255,255,.09); }
  .mobile-topbar .sidebar__brand-copy strong { color:#fff; }
  .mobile-topbar .sidebar__brand-mark { border:0; background:transparent; }
  .mobile-topbar .theme-toggle,.topbar-lang-btn,.mobile-burger { color:#e7eaf1; border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.04); }
  .content { padding:24px 22px 42px; }
  .ar-layout { grid-template-columns:1fr; }
  .ar-upload-card { position:static; }
}
@media (max-width:620px) {
  .auth-page--admin { padding:0; }
  .admin-auth-shell { border:0; border-radius:0; }
  .auth-page--admin .auth-card { border:0; }
  .content { padding:18px 14px 34px; }
  .workspace-hero { grid-template-columns:36px minmax(0,1fr); padding:18px 0 18px 14px; }
  .workspace-hero__icon { width:36px; height:36px; }
  .stat-cards { grid-template-columns:1fr 1fr; }
  .stat-card { min-height:96px; padding:15px; }
  .stat-card:nth-child(odd) { border-left:0; }
  .stat-card:nth-child(n+3) { border-top:1px solid var(--color-border); }
  .stat-card__value { font-size:1.55rem; }
  .ar-release-row { grid-template-columns:1fr; align-items:stretch; gap:10px; }
  .ar-release-row__changelog { grid-column:auto; grid-row:auto; }
  .ar-release-row .row-actions { width:100%; }
  .ar-release-row > .row-actions { padding:10px 0 0; background:transparent; }
  .ar-release-row .row-actions .btn { flex:1; }
  .ar-flight { padding:17px 16px; }
  .ar-flight__head { align-items:flex-start; }
  .ar-flight__track { grid-template-columns:minmax(82px,1fr) 42px minmax(82px,1fr); gap:8px; }
  .ar-flight__channel strong { font-size:.8rem; }
}

@media (prefers-reduced-motion:no-preference) {
  .ar-flight__line--ready span { animation: ar-flight-pulse 1.8s ease-in-out infinite; }
}
@keyframes ar-flight-pulse { 0%,100% { transform:translateX(0); opacity:.6; } 50% { transform:translateX(4px); opacity:1; } }