html, body {
  min-height: 100%;
}

body {
  position: relative;
  background: #050816;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 12%, rgba(0, 191, 255, 0.10), transparent 20%),
    radial-gradient(circle at 82% 18%, rgba(96, 130, 255, 0.12), transparent 24%),
    radial-gradient(circle at 50% 72%, rgba(60, 92, 180, 0.14), transparent 34%),
    linear-gradient(180deg, #04070f 0%, #07101b 42%, #071427 100%);
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .18;
  background-image:
    radial-gradient(1.8px 1.8px at 12% 20%, rgba(255,255,255,.6) 0, transparent 100%),
    radial-gradient(1.4px 1.4px at 72% 14%, rgba(180,220,255,.45) 0, transparent 100%),
    radial-gradient(1.6px 1.6px at 64% 68%, rgba(255,255,255,.35) 0, transparent 100%),
    radial-gradient(1.2px 1.2px at 28% 74%, rgba(120,180,255,.30) 0, transparent 100%);
  background-repeat: repeat;
  background-size: 420px 420px;
}

body, button, input, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  color: #edf6ff;
}

a { color: inherit; }

.app-shell--new-layout {
  min-height: 100vh;
  padding: 12px 12px 104px;
}

.app-content--spacious {
  display: grid;
  gap: 16px;
}

.topbar, .hud-topbar {
  position: sticky;
  top: 0;
  z-index: 40;
}

.hud-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 24px;
  border: 1px solid rgba(104, 184, 255, 0.18);
  background: linear-gradient(180deg, rgba(8,18,36,0.90), rgba(10,20,38,0.78));
  box-shadow: 0 0 0 1px rgba(74,140,255,0.04) inset, 0 10px 32px rgba(0,0,0,0.24);
  backdrop-filter: blur(14px);
}

.hud-topbar__brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.hud-topbar__logo-shell {
  width: 50px;
  height: 50px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(104, 184, 255, 0.2);
  box-shadow: 0 0 0 1px rgba(68,128,255,0.10) inset;
  flex-shrink: 0;
}

.hud-topbar__logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hud-topbar__copy { min-width: 0; }
.hud-topbar__title {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: .02em;
}
.hud-topbar__version {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(208,232,255,.76);
}
.hud-topbar__settings {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  text-decoration: none;
  border: 1px solid rgba(104,184,255,.18);
  background: rgba(10, 18, 34, 0.62);
  font-size: 20px;
  color: #dff1ff;
  flex-shrink: 0;
}

.tab-panel { display: none; }
.tab-panel.active { display: grid; gap: 14px; }

.eyebrow {
  margin-bottom: 6px;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(168, 214, 255, 0.64);
}

.muted {
  color: rgba(216, 234, 255, 0.74);
}

.hud-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 2px 0;
}
.hud-section-head--tight { padding-top: 0; }
.hud-section-head h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.08;
  font-weight: 700;
}
.hud-section-head p {
  margin: 6px 0 0;
  font-size: 14px;
}

.hud-chip {
  flex-shrink: 0;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(106,184,255,.16);
  background: rgba(7, 19, 40, 0.42);
  color: rgba(228,242,255,.84);
  font-size: 12px;
}

.hud-month-section, .hud-info-shell, .hud-empty-card, .hud-detail-card, .card {
  border-radius: 26px;
  border: 1px solid rgba(102, 180, 255, 0.14);
  background: linear-gradient(180deg, rgba(7, 18, 35, 0.72), rgba(7, 16, 29, 0.58));
  box-shadow: 0 0 0 1px rgba(57,118,255,.05) inset;
}

.hud-month-section, .hud-info-shell, .hud-empty-card, .hud-detail-card {
  padding: 14px;
}

.card.section-hero-card { display: none; }

.hud-month-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.hud-month-section__head h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}
.hud-month-section__head span {
  font-size: 12px;
  color: rgba(213,230,255,.68);
}

.hud-session-list {
  display: grid;
  gap: 10px;
}

.hud-session-row {
  display: grid;
  grid-template-columns: 84px minmax(0,1fr) 12px;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid rgba(100, 170, 255, 0.12);
  background: rgba(10, 19, 36, 0.54);
  text-decoration: none;
  color: inherit;
}

.hud-session-row__thumb {
  width: 84px;
  height: 84px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(104, 184, 255, 0.14);
}
.hud-session-row__thumb img,
.hud-detail-card__thumb img,
.target-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hud-session-row__text {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.hud-session-row__title {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  color: #f3f8ff;
}
.hud-session-row__subtitle {
  font-size: 13px;
  line-height: 1.35;
  color: rgba(224,238,255,.86);
}
.hud-session-row__meta {
  font-size: 12px;
  line-height: 1.35;
  color: rgba(186, 211, 236, 0.82);
}
.hud-session-row__chevron {
  font-size: 22px;
  line-height: 1;
  color: rgba(171, 210, 255, 0.74);
  text-align: right;
}

.hud-detail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.hud-detail-card {
  display: grid;
  grid-template-columns: 104px minmax(0,1fr);
  gap: 14px;
}
.hud-detail-card__thumb {
  width: 104px;
  height: 104px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(104,184,255,.16);
}
.hud-detail-card__content {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.hud-detail-card__title {
  font-size: 18px;
  line-height: 1.15;
  font-weight: 700;
}
.hud-detail-card__subtitle {
  font-size: 14px;
  line-height: 1.35;
  color: rgba(226,240,255,.84);
}
.hud-detail-card__meta, .hud-detail-card__path {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(186,211,236,.80);
  word-break: break-word;
}

.hud-info-shell {
  display: grid;
  gap: 10px;
}
.hud-version-line { margin: 6px 0 0; }
.hud-collapse {
  border-radius: 20px;
  border: 1px solid rgba(102,180,255,.14);
  background: rgba(8, 17, 31, 0.44);
  overflow: hidden;
}
.hud-collapse__summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
}
.hud-collapse__summary::-webkit-details-marker { display: none; }
.hud-collapse__body {
  padding: 0 14px 14px;
  display: grid;
  gap: 10px;
}
.hud-log-entry {
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(102,180,255,.10);
  background: rgba(9,18,33,.46);
}
.hud-log-entry__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
  font-size: 13px;
}
.hud-log-entry p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(224,238,255,.84);
}
.hud-log-entry__list {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
  color: rgba(224,238,255,.84);
  font-size: 13px;
  line-height: 1.42;
}

/* target detail target card compact */
.target-card {
  padding: 12px;
}
.target-card-main {
  display: grid;
  grid-template-columns: 96px minmax(0,1fr);
  gap: 12px;
  align-items: center;
}
.target-card-media .target-thumb {
  width: 96px;
  height: 96px;
  border-radius: 18px;
}
.target-card-title {
  margin: 0;
  font-size: 18px;
  line-height: 1.15;
}
.target-card-subtitle {
  margin-top: 4px;
  font-size: 13px;
}
.target-card-badges, .target-card-facts, .target-card-actions {
  margin-top: 10px;
}
.target-card-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}
.target-card-fact {
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(10,19,36,.48);
  border: 1px solid rgba(102,180,255,.10);
}
.target-card-fact-label {
  display: block;
  font-size: 11px;
  color: rgba(183,214,244,.64);
}
.target-card-fact-value {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  color: #eff7ff;
}

.bottom-nav {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 50;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 8px;
  padding: 10px;
  border-radius: 22px;
  border: 1px solid rgba(106,184,255,.16);
  background: linear-gradient(180deg, rgba(8,18,36,.92), rgba(8,16,30,.82));
  box-shadow: 0 12px 32px rgba(0,0,0,.30);
  backdrop-filter: blur(16px);
}

.bottom-nav-btn {
  min-height: 46px;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: rgba(215,233,255,.78);
  font-size: 12px;
}
.bottom-nav-btn.active {
  background: linear-gradient(180deg, rgba(38,98,255,.32), rgba(22,66,180,.22));
  color: #f1f8ff;
  box-shadow: 0 0 0 1px rgba(114,184,255,.16) inset, 0 0 18px rgba(52,112,255,.16);
}

.menu-sheet, .menu-sheet__surface, .sheet-link { border-radius: 22px; }

.section-title-row, .section-title-row--stack, .page-head, .page-head--split {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.section-title-row h3 { margin: 0; }

.status-pill {
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
}

.target-session-entry,
.target-session-entry-preview,
.target-session-entry-main,
.target-session-btn,
.target-session-btn-title,
.target-session-btn-meta,
.gallery-session-card,
.gallery-session-preview,
.gallery-session-main,
.gallery-session-button,
.gallery-session-targets,
.target-session-card,
.target-session-card__thumb,
.target-session-card__content,
.target-session-card__date,
.target-session-card__meta,
.session-button,
.session-button-thumb,
.session-button-body,
.session-button-date,
.session-button-meta {
  all: unset;
}

@media (max-width: 640px) {
  .app-shell--new-layout { padding: 10px 10px 98px; }
  .hud-topbar__inner { padding: 10px 12px; border-radius: 20px; }
  .hud-topbar__logo-shell { width: 44px; height: 44px; border-radius: 16px; }
  .hud-topbar__title { font-size: 17px; }
  .hud-section-head h2 { font-size: 20px; }
  .hud-month-section, .hud-info-shell, .hud-empty-card, .hud-detail-card { padding: 12px; border-radius: 22px; }
  .hud-session-row { grid-template-columns: 72px minmax(0,1fr) 10px; gap: 10px; padding: 9px; border-radius: 18px; }
  .hud-session-row__thumb { width: 72px; height: 72px; border-radius: 14px; }
  .hud-session-row__title { font-size: 14px; }
  .hud-session-row__subtitle { font-size: 12px; }
  .hud-detail-card { grid-template-columns: 86px minmax(0,1fr); gap: 12px; }
  .hud-detail-card__thumb { width: 86px; height: 86px; border-radius: 16px; }
  .target-card-main { grid-template-columns: 82px minmax(0,1fr); }
  .target-card-media .target-thumb { width: 82px; height: 82px; }
  .target-card-facts { grid-template-columns: 1fr; }
}

/* stabilization round 2 */
.hero-card, .logo-hero-card, .hero-card--focused, .dev-hero-card, .atlas-placeholder-card, .settings-grid > .card, .admin-grid > .card {
  border-radius: 22px;
}

.hud-overview-hero, .hud-quick-actions, .hud-accordion, .hud-menu-group {
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(102,180,255,.14);
  background: linear-gradient(180deg, rgba(7,18,35,.72), rgba(7,16,29,.58));
  box-shadow: 0 0 0 1px rgba(57,118,255,.05) inset;
}

.hud-overview-hero__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) 98px;
  gap: 12px;
  align-items: center;
}
.hud-overview-hero h2 { margin: 0; font-size: 22px; line-height: 1.08; }
.hud-overview-hero__meta {
  display:flex; align-items:center; gap:10px; margin-top:10px; flex-wrap:wrap;
}

.hud-progress-orb {
  width: 98px; height: 98px; border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(7,18,35,1) 58%, transparent 59%),
    conic-gradient(rgba(66,150,255,.95) calc(var(--progress) * 1%), rgba(53,78,118,.25) 0);
  display:grid; place-items:center;
  border:1px solid rgba(102,180,255,.18);
}
.hud-progress-orb__inner {
  width:72px; height:72px; border-radius:50%;
  background: rgba(7,18,35,.94);
  display:grid; place-items:center; text-align:center;
}
.hud-progress-orb__inner span { font-size:16px; font-weight:700; }
.hud-progress-orb__inner small { font-size:10px; color: rgba(216,234,255,.7); }

.hud-inline-progress { margin-top: 12px; display:grid; gap:6px; }
.hud-inline-progress__bar {
  height: 8px; border-radius: 999px; background: rgba(31,52,86,.55); overflow:hidden;
}
.hud-inline-progress__bar span {
  display:block; height:100%; border-radius:999px;
  background: linear-gradient(90deg, rgba(62,173,255,.94), rgba(96,118,255,.94));
}
.hud-inline-progress__label { font-size: 12px; color: rgba(216,234,255,.72); }
.hud-inline-progress--compact { margin-top: 8px; }

.hud-quick-actions__grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}

.hud-response-box {
  margin:0;
  white-space:pre-wrap;
  word-break:break-word;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(226,240,255,.84);
}
.hud-run-list { display:grid; gap:10px; }
.hud-run-entry {
  padding: 10px 12px;
  border-radius: 16px;
  border:1px solid rgba(102,180,255,.10);
  background: rgba(9,18,33,.46);
}
.hud-run-entry__head {
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.hud-run-entry__meta, .hud-run-entry__note {
  margin-top:6px;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(216,234,255,.74);
}

.hud-menu-group { display:grid; gap:10px; }
.hud-menu-group__title {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(168,214,255,.64);
}
.hud-menu-link {
  display:grid;
  gap:4px;
  padding: 12px 14px;
  border-radius: 18px;
  border:1px solid rgba(102,180,255,.10);
  background: rgba(9,18,33,.46);
  color:#eef7ff;
  text-align:left;
}
.hud-menu-link strong { font-size: 15px; }
.hud-menu-link span { font-size: 13px; color: rgba(216,234,255,.72); }

.tab-panel[data-panel="settings"],
.tab-panel[data-panel="admin"],
.tab-panel[data-panel="database"],
.tab-panel[data-panel="dev"],
.tab-panel[data-panel="info"],
.tab-panel[data-panel="logs"],
.tab-panel[data-panel="atlas"] {
  gap: 12px;
}

.target-detail-page .target-card {
  padding: 12px;
  border-radius: 24px;
}
.target-detail-page .target-card-main {
  grid-template-columns: 88px minmax(0,1fr);
  gap: 12px;
}
.target-detail-page .target-card-media .target-thumb {
  width: 88px;
  height: 88px;
}
.hud-target-session-count {
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 2px;
  font-size: 13px;
  color: rgba(216,234,255,.72);
}

.hud-topbar__logo-shell { overflow: hidden; }
.hud-topbar__logo {
  object-fit: contain !important;
  background: rgba(5,8,22,.92);
  padding: 4px;
}

.sheet-backdrop, .menu-sheet { display: none !important; }

/* topbar logo full-height, wider and less cropped */
.hud-topbar__inner {
  min-height: 96px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 16px;
}

.hud-topbar__brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1;
}

.hud-topbar__logo-shell {
  display: none !important;
}

.hud-topbar__logo-rail {
  height: 76px;
  width: 118px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  flex-shrink: 0;
}

.hud-topbar__logo {
  height: 74px !important;
  width: 118px !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block;
  transform: scale(1.08);
  transform-origin: left center;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.hud-topbar__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hud-topbar__title {
  font-size: 18px;
  line-height: 1.08;
  font-weight: 700;
  margin: 0;
}

.hud-topbar__version {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(208,232,255,.76);
}

@media (max-width: 640px) {
  .hud-topbar__inner {
    min-height: 88px;
    padding: 8px 14px;
  }

  .hud-topbar__brand {
    gap: 12px;
  }

  .hud-topbar__logo-rail {
    height: 68px;
    width: 106px;
  }

  .hud-topbar__logo {
    height: 66px !important;
    width: 106px !important;
    transform: scale(1.05);
  }

  .hud-topbar__title {
    font-size: 17px;
  }

  .hud-topbar__version {
    font-size: 11px;
  }
}
/* friendly target cards: name -> image -> facts */
.target-card {
  padding: 14px;
  border-radius: 24px;
}

.target-card-main--stacked {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: start;
}

.target-card-copy {
  display: grid;
  gap: 6px;
}

.target-card-title {
  margin: 0;
  font-size: 22px;
  line-height: 1.08;
  font-weight: 700;
}

.target-card-catalog {
  font-size: 12px;
  line-height: 1.35;
  color: rgba(206, 225, 245, 0.72);
}

.target-card-subtitle {
  font-size: 14px;
  line-height: 1.35;
  color: rgba(224, 238, 255, 0.82);
}

.target-card-media--wide {
  width: 100%;
}

.target-card-media--wide .target-thumb,
.target-card-media--wide a,
.target-card-media--wide img {
  width: 100%;
  display: block;
}

.target-card-media--wide .target-thumb {
  height: 190px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(102,180,255,.14);
  background: rgba(7,18,35,.82);
}

.target-card-facts--friendly {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 2px;
}

.target-card-fact {
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(102,180,255,.10);
  background: rgba(10,19,36,.48);
}

.target-card-fact--full {
  grid-column: 1 / -1;
}

.target-card-fact-label {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(183,214,244,.64);
}

.target-card-fact-value {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  line-height: 1.28;
  color: #eff7ff;
}

.target-card-actions {
  margin-top: 2px;
}

.target-open-btn {
  min-height: 42px;
  border-radius: 14px;
}

@media (max-width: 640px) {
  .target-card {
    padding: 12px;
  }

  .target-card-title {
    font-size: 20px;
  }

  .target-card-media--wide .target-thumb {
    height: 168px;
    border-radius: 16px;
  }

  .target-card-facts--friendly {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .target-card-fact {
    padding: 9px 10px;
    border-radius: 14px;
  }

  .target-card-fact-value {
    font-size: 14px;
  }
}

/* edge-to-edge spacing for topbar and bottom nav */
.app-shell--new-layout {
  min-height: 100vh;
  padding: 0 0 88px 0 !important;
}

.topbar,
.hud-topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  margin: 0 !important;
  padding: 0 !important;
}

.hud-topbar {
  padding-top: 0 !important;
}

.hud-topbar__inner {
  margin: 0 !important;
  border-radius: 0 0 24px 24px !important;
}

.app-content--spacious {
  display: grid;
  gap: 16px;
  padding: 12px 12px 0 12px;
}

.bottom-nav {
  position: fixed;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) 12px !important;
}

@media (max-width: 640px) {
  .app-shell--new-layout {
    padding: 0 0 84px 0 !important;
  }

  .app-content--spacious {
    padding: 10px 10px 0 10px;
    gap: 14px;
  }

  .hud-topbar__inner {
    border-radius: 0 0 20px 20px !important;
  }

  .bottom-nav {
    border-radius: 18px 18px 0 0 !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) 10px !important;
  }
}

/* compact target cards */
.target-card {
  padding: 12px !important;
  border-radius: 22px !important;
}

.target-card-main--stacked {
  gap: 10px !important;
}

.target-card-title {
  font-size: 18px !important;
  line-height: 1.08 !important;
}

.target-card-subtitle {
  font-size: 13px !important;
  line-height: 1.28 !important;
}

.target-card-media--wide .target-thumb {
  height: 132px !important;
  border-radius: 16px !important;
}

.target-card-facts--friendly {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.target-card-fact {
  padding: 8px 10px !important;
  border-radius: 14px !important;
}

.target-card-fact-label {
  font-size: 10px !important;
}

.target-card-fact-value {
  margin-top: 4px !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
}

.target-card-fact--full {
  grid-column: 1 / -1 !important;
}

.target-card-actions {
  margin-top: 0 !important;
}

.target-open-btn {
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
}

@media (max-width: 640px) {
  .target-card {
    padding: 10px !important;
    border-radius: 20px !important;
  }

  .target-card-main--stacked {
    gap: 8px !important;
  }

  .target-card-title {
    font-size: 17px !important;
  }

  .target-card-subtitle {
    font-size: 12px !important;
  }

  .target-card-media--wide .target-thumb {
    height: 118px !important;
    border-radius: 14px !important;
  }

  .target-card-facts--friendly {
    gap: 7px !important;
  }

  .target-card-fact {
    padding: 8px 9px !important;
  }

  .target-card-fact-value {
    font-size: 12px !important;
  }

  .target-open-btn {
    min-height: 36px !important;
    font-size: 13px !important;
  }
}

/* final spacing polish: remove top jump, slim bottom bar */
html, body {
  margin: 0 !important;
  padding: 0 !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
}

.app-shell--new-layout {
  min-height: 100vh;
  padding: 0 0 72px 0 !important;
}

.topbar,
.hud-topbar {
  position: sticky;
  top: 0 !important;
  z-index: 40;
  margin: 0 !important;
  padding: 0 !important;
}

.hud-topbar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.hud-topbar__inner {
  margin: 0 !important;
  min-height: 84px !important;
  border-radius: 0 0 22px 22px !important;
}

.app-content--spacious {
  display: grid;
  gap: 14px;
  padding: 8px 10px 0 10px !important;
}

.bottom-nav {
  position: fixed;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  min-height: 58px !important;
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) 10px !important;
  border-radius: 18px 18px 0 0 !important;
}

.bottom-nav-btn {
  min-height: 40px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
}

.bottom-nav-btn.active {
  border-radius: 14px !important;
}

@media (max-width: 640px) {
  .app-shell--new-layout {
    padding: 0 0 68px 0 !important;
  }

  .hud-topbar__inner {
    min-height: 78px !important;
    padding: 8px 12px !important;
    border-radius: 0 0 18px 18px !important;
  }

  .app-content--spacious {
    gap: 12px !important;
    padding: 6px 8px 0 8px !important;
  }

  .bottom-nav {
    min-height: 54px !important;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px)) 8px !important;
    border-radius: 16px 16px 0 0 !important;
  }

  .bottom-nav-btn {
    min-height: 38px !important;
    font-size: 11px !important;
    border-radius: 12px !important;
  }
}

/* slim fullscreen bottom nav */
.app-shell--new-layout {
  padding-bottom: 58px !important;
}

.bottom-nav {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  min-height: 46px !important;
  padding: 4px 8px calc(4px + env(safe-area-inset-bottom, 0px)) 8px !important;
  border-radius: 14px 14px 0 0 !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.bottom-nav-inner,
.bottom-nav__inner,
.bottom-nav-track {
  min-height: 38px !important;
  gap: 4px !important;
}

.bottom-nav-btn {
  min-height: 32px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  border-radius: 10px !important;
}

.bottom-nav-btn.active,
.bottom-nav-btn.is-active,
.bottom-nav-btn[aria-current="page"] {
  min-height: 34px !important;
  border-radius: 11px !important;
  box-shadow: 0 0 12px rgba(72,120,255,.18) !important;
}

@media (max-width: 640px) {
  .app-shell--new-layout {
    padding-bottom: 54px !important;
  }

  .bottom-nav {
    min-height: 42px !important;
    padding: 3px 6px calc(3px + env(safe-area-inset-bottom, 0px)) 6px !important;
    border-radius: 12px 12px 0 0 !important;
  }

  .bottom-nav-btn {
    min-height: 30px !important;
    font-size: 10.5px !important;
    border-radius: 9px !important;
  }

  .bottom-nav-btn.active,
  .bottom-nav-btn.is-active,
  .bottom-nav-btn[aria-current="page"] {
    min-height: 32px !important;
    border-radius: 10px !important;
  }
}

/* target card CTA row and solar cleanup */
.target-card-fact--cta-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
}

.target-card-fact-main {
  min-width: 0;
}

.target-card-fact-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.target-card-fact--cta-only {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.target-card-fact--cta-only .target-open-btn,
.target-card-fact-action .target-open-btn {
  min-height: 38px !important;
  border-radius: 12px !important;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .target-card-fact--cta-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .target-card-fact-action {
    justify-content: flex-start;
  }
}

/* targets final layout fix */
.target-card-fact--cta-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
}

.target-card-fact-main {
  min-width: 0;
}

.target-card-fact-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.target-card-fact--cta-only {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.target-card-fact-action .target-open-btn,
.target-card-fact--cta-only .target-open-btn {
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  white-space: nowrap;
}

.app-shell--new-layout,
.app-shell {
  padding-bottom: 96px !important;
}

.app-content--spacious,
.app-content {
  padding-bottom: 28px !important;
}

.bottom-nav {
  min-height: 46px !important;
}

@media (max-width: 640px) {
  .target-card-fact--cta-row {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
  }

  .target-card-fact-main .target-card-fact-value {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  .target-card-fact-action .target-open-btn,
  .target-card-fact--cta-only .target-open-btn {
    min-height: 34px !important;
    font-size: 13px !important;
  }

  .app-shell--new-layout,
  .app-shell {
    padding-bottom: 102px !important;
  }

  .app-content--spacious,
  .app-content {
    padding-bottom: 30px !important;
  }
}

/* overview compact HUD patch 2026-03-16 */
.hud-overview-hero--compact {
  position: relative;
  overflow: hidden;
  padding: 16px 16px 14px;
  border-radius: 24px;
  border: 1px solid rgba(110, 188, 255, 0.18);
  background:
    linear-gradient(180deg, rgba(6, 15, 30, 0.92), rgba(7, 14, 28, 0.80)),
    radial-gradient(circle at top right, rgba(58, 138, 255, 0.10), transparent 28%);
  box-shadow:
    0 0 0 1px rgba(64, 128, 255, 0.06) inset,
    0 20px 44px rgba(0, 0, 0, 0.24);
}

.hud-overview-hero__headrow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.hud-overview-hero__headrow--plain {
  padding-right: 0;
}

.hud-overview-hero__headrow h2 {
  margin: 0;
  font-size: 26px;
  line-height: 1.05;
  letter-spacing: 0.01em;
}

.hud-overview-hero__summaryline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
}

.hud-overview-summary-item {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
  padding: 0;
}

.hud-overview-summary-item__label,
.hud-overview-metric span {
  font-size: 11px;
  line-height: 1.1;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(172, 214, 255, 0.6);
}

.hud-overview-summary-item strong,
.hud-overview-metric strong {
  font-size: 14px;
  color: #f0f7ff;
  white-space: nowrap;
}

.hud-overview-hero__stepline {
  display: grid;
  gap: 6px;
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(102, 180, 255, 0.12);
  background: rgba(8, 19, 36, 0.42);
}

.hud-overview-hero__stepline strong {
  font-size: 17px;
  line-height: 1.22;
  color: #f4f8ff;
  word-break: break-word;
}

.hud-overview-hero__note {
  margin-top: 10px;
  color: rgba(220, 234, 255, 0.82);
  font-size: 14px;
  line-height: 1.4;
}

.hud-overview-hero__note--subtle {
  color: rgba(205, 225, 248, 0.72);
}

.hud-overview-hero__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(102, 180, 255, 0.1);
}

.hud-overview-metric {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(9, 18, 33, 0.52);
  border: 1px solid rgba(102, 180, 255, 0.1);
}

.hud-quick-actions--compact {
  display: grid;
  gap: 12px;
}

.hud-quick-actions__grid--compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.hud-run-entry {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(102, 180, 255, 0.12);
  background: rgba(8, 18, 34, 0.54);
}

.hud-run-entry__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.hud-run-entry__meta {
  font-size: 13px;
  color: rgba(208, 226, 245, 0.74);
}

.hud-run-entry__note {
  font-size: 14px;
  line-height: 1.35;
  color: rgba(232, 242, 255, 0.86);
}

@media (max-width: 640px) {
  .hud-overview-hero--compact {
    padding: 15px 14px 14px;
  }

  .hud-overview-hero__headrow {
    align-items: flex-start;
    gap: 10px;
  }

  .hud-overview-hero__headrow h2 {
    font-size: 22px;
  }

  .hud-overview-hero__summaryline {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .hud-overview-summary-item {
    justify-content: space-between;
  }

  .hud-overview-hero__metrics {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .hud-quick-actions__grid--compact {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .hud-action-btn--compact {
    min-height: 82px;
    padding: 13px 14px;
  }

  .hud-action-btn--compact strong {
    font-size: 15px;
  }
}

.session-detail-page {
  display: grid;
  gap: 12px;
  padding-bottom: 108px;
}
.session-hero-card {
  display: grid;
  gap: 12px;
}
.session-title-block {
  display: grid;
  gap: 6px;
}
.session-title-block__title {
  margin: 0;
  font-size: 24px;
  line-height: 1.08;
}
.session-title-block__date {
  font-size: 14px;
  color: rgba(231,242,255,.86);
}
.session-title-block__capture {
  font-size: 13px;
  color: rgba(188,213,238,.88);
}
.session-title-block__aliases {
  font-size: 12px;
  line-height: 1.45;
  color: rgba(174,204,236,.74);
}
.session-image-module, .session-switch-shell, .session-meta-shell, .session-raw-shell, .session-light-shell, .session-targets-shell {
  display: grid;
  gap: 10px;
}
.session-image-module__head, .session-switch-shell__head, .session-raw-shell__head, .session-light-shell__head, .session-targets-shell__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.session-primary-image {
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(102,180,255,.14);
  background: rgba(5,12,24,.72);
}
.session-primary-image img {
  width: 100%;
  aspect-ratio: 1.3 / 1;
  object-fit: cover;
  display: block;
}
.session-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.session-preview-grid__item {
  display: grid;
  gap: 8px;
  color: inherit;
  text-decoration: none;
}
.session-preview-grid__item img {
  width: 100%;
  aspect-ratio: 1.15 / 1;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(102,180,255,.12);
  background: rgba(5,12,24,.72);
}
.session-preview-grid__label {
  font-size: 11px;
  line-height: 1.3;
  color: rgba(186,211,236,.78);
  word-break: break-word;
}
.session-source-panel, .session-image-panel { display: none; }
.session-source-panel.active, .session-image-panel.active { display: block; }
.session-module-stack {
  display: grid;
  gap: 12px;
}
.session-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.session-meta-item {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(102,180,255,.10);
  background: rgba(9,18,33,.42);
}
.session-meta-item__label {
  font-size: 11px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(168,214,255,.58);
}
.session-meta-item__value {
  font-size: 14px;
  line-height: 1.35;
  color: #eff7ff;
}
.session-raw-shell__path {
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(102,180,255,.10);
  background: rgba(9,18,33,.42);
  font-size: 12px;
  line-height: 1.45;
  color: rgba(186,211,236,.82);
  word-break: break-word;
}
.session-raw-shell__links, .session-light-list, .session-target-list {
  display: grid;
  gap: 8px;
}
.session-inline-link, .session-light-item, .session-target-item {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(102,180,255,.10);
  background: rgba(9,18,33,.42);
  color: inherit;
  text-decoration: none;
}
.session-inline-link {
  font-size: 13px;
  color: #eff7ff;
}
.session-light-item__name, .session-target-item__name {
  font-size: 14px;
  line-height: 1.25;
  font-weight: 700;
  color: #eff7ff;
}
.session-light-item__meta, .session-target-item__meta, .session-placeholder-card__meta {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(186,211,236,.78);
}
.session-placeholder-card {
  display: grid;
  gap: 8px;
  padding: 14px;
  border-radius: 18px;
  border: 1px dashed rgba(102,180,255,.16);
  background: rgba(7,16,29,.36);
}
.session-placeholder-card--subtle { background: rgba(7,16,29,.22); }
.session-placeholder-card__title {
  font-size: 15px;
  font-weight: 700;
}
.session-placeholder-card__text {
  font-size: 13px;
  line-height: 1.45;
  color: rgba(214,232,255,.82);
}
@media (max-width: 640px) {
  .session-title-block__title { font-size: 22px; }
  .session-meta-grid { grid-template-columns: 1fr; }
}

.session-raw-shell__actions { display: flex; }
.session-light-list-link {
  display: grid; gap: 4px; padding: 14px; border-radius: 18px;
  border: 1px solid rgba(102,180,255,.12); background: rgba(9,18,33,.42);
  text-decoration: none; color: inherit;
}
.session-light-list-link__title { font-size: 14px; font-weight: 700; color: #eff7ff; }
.session-light-list-link__meta { font-size: 12px; line-height: 1.45; color: rgba(186,211,236,.78); }
.raw-page-shell, .raw-file-detail-shell { display: grid; gap: 12px; padding-bottom: 108px; }
.raw-title-block { display: grid; gap: 8px; }
.raw-title-block__title, .raw-file-title { margin: 0; font-size: 24px; line-height: 1.08; }
.raw-title-block__subtitle, .raw-file-subtitle { font-size: 14px; color: rgba(231,242,255,.86); }
.raw-title-block__meta, .raw-file-meta-line { font-size: 13px; color: rgba(188,213,238,.88); }
.raw-title-block__stats { display: flex; flex-wrap: wrap; gap: 8px; }
.raw-switch-row, .raw-controls-row, .raw-pagination-row, .raw-file-download-row, .raw-file-viewer-head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.raw-file-list { display:grid; gap:10px; }
.raw-file-item { display:grid; grid-template-columns:92px minmax(0,1fr) auto; gap:14px; align-items:start; padding:12px; border-radius:18px; border:1px solid rgba(102,180,255,.10); background: rgba(9,18,33,.42); color:inherit; text-decoration:none; }
.raw-file-item__thumb { width:92px; height:92px; border-radius:16px; overflow:hidden; border:1px solid rgba(102,180,255,.12); background: rgba(7,16,29,.42); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.raw-file-item__thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.raw-file-item__thumb-fallback { font-size:18px; letter-spacing:.12em; color: rgba(214,232,255,.86); }
.raw-file-item__body { min-width:0; display:grid; gap:6px; padding-top:2px; }
.raw-file-item__title { font-size:14px; font-weight:700; line-height:1.35; word-break:break-word; color:#eff7ff; }
.raw-file-item__meta, .raw-file-item__path, .raw-controls-summary, .raw-pagination-label, .raw-file-meta-path { font-size:12px; line-height:1.45; color: rgba(186,211,236,.78); word-break:break-word; }
.raw-file-item__path { color: rgba(186,211,236,.56); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.raw-file-item__cta { font-size:12px; font-weight:700; color:#eff7ff; align-self:center; }
.raw-pagination-btn--disabled { opacity:.45; pointer-events:none; }
.raw-file-image { width:100%; display:block; border-radius:18px; border:1px solid rgba(102,180,255,.12); background: rgba(5,12,24,.72); }
.raw-file-fits-dummy { display:grid; gap:6px; padding:16px; border-radius:18px; border:1px dashed rgba(102,180,255,.18); background: rgba(7,16,29,.36); color: rgba(214,232,255,.82); }
@media (max-width: 640px) {
  .raw-file-item { grid-template-columns:72px minmax(0,1fr); gap:12px; }
  .raw-file-item__thumb { width:72px; height:72px; }
  .raw-file-item__cta { grid-column: 2; justify-self:start; }
}

/* target detail header: preview and meta side by side */
.target-card--detail-side {
  gap: 12px !important;
}

.target-detail-hero-grid {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.target-card-media--detail-side {
  align-self: start;
}

.target-card-media--detail-side .target-thumb {
  width: 104px !important;
  height: 104px !important;
  object-fit: cover;
  border-radius: 18px !important;
}

.target-card-facts--detail-side {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 0 !important;
}

.target-card-facts--detail-side .target-card-fact {
  min-height: 0;
}

@media (max-width: 640px) {
  .target-detail-hero-grid {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;
  }

  .target-card-media--detail-side .target-thumb {
    width: 92px !important;
    height: 92px !important;
    border-radius: 16px !important;
  }

  .target-card-facts--detail-side {
    gap: 7px !important;
  }
}

/* target detail resolver module: compact adaptive mobile grid */
.resolver-panel--compact {
  padding-top: 16px;
}

.resolver-sections-list--compact {
  display: grid;
  gap: 12px;
}

.resolver-card--compact {
  gap: 12px !important;
}

.resolver-card-head--compact {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.resolver-card-title {
  margin: 0;
  font-size: 1.02rem;
}

.resolver-card-source {
  color: rgba(214, 232, 255, 0.72);
  font-size: 0.82rem;
  text-align: right;
  word-break: break-word;
}

.resolver-facts-grid--compact {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.resolver-fact {
  grid-column: span 3;
  min-height: 0;
}

.resolver-fact--tiny {
  grid-column: span 2;
}

.resolver-fact--medium {
  grid-column: span 3;
}

.resolver-fact--full {
  grid-column: 1 / -1;
}

.resolver-fact-value {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-word;
}

@media (max-width: 640px) {
  .resolver-panel--compact {
    padding-top: 14px;
  }

  .resolver-card-head--compact {
    align-items: start;
    flex-direction: column;
    gap: 6px;
  }

  .resolver-card-source {
    text-align: left;
    font-size: 0.8rem;
  }
}

@media (max-width: 420px) {
  .resolver-facts-grid--compact {
    gap: 7px;
  }

  .resolver-fact--tiny {
    grid-column: span 3;
  }
}

/* settings page modular shell */
.settings-page {
  display: grid;
  gap: 14px;
}

.settings-page__header-shell,
.settings-page__switch-shell {
  display: grid;
  gap: 12px;
}

.settings-module-stack {
  display: grid;
  gap: 12px;
  margin-top: 6px;
}

.settings-info-stack {
  display: grid;
  gap: 10px;
}

@media (max-width: 640px) {
  .settings-page {
    gap: 12px;
  }

  .settings-page__header-shell,
  .settings-page__switch-shell {
    gap: 10px;
  }

  .settings-module-stack {
    gap: 10px;
    margin-top: 8px;
  }
}

.sheet-link--install { text-align:left; width:100%; border:0; cursor:pointer; }

.raw-file-viewer-toolbar { display:grid; gap:12px; margin-bottom:14px; }
.raw-file-viewer-toolbar-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.raw-file-viewer-preset-info { display:grid; gap:4px; padding:12px 14px; border-radius:18px; border:1px solid rgba(130,170,255,.15); background:rgba(7,17,40,.52); }
.raw-file-viewer-form { margin-bottom:16px; }
.raw-file-viewer-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.raw-file-field { display:grid; gap:8px; }
.raw-file-field span { font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted-2, #8fa7c4); }
.raw-file-field input,
.raw-file-field select {
  width:100%;
  min-height:44px;
  border-radius:16px;
  border:1px solid rgba(130, 170, 255, .18);
  background:rgba(7, 17, 40, .78);
  color:#f5f8ff;
  padding:0 14px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.raw-file-field--slider input[type="range"] {
  min-height:auto;
  padding:0;
  accent-color: var(--accent, #7cb8ff);
  box-shadow:none;
}
.raw-file-field__value {
  justify-self:start;
  min-width:72px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(130,170,255,.16);
  background:rgba(9,22,49,.78);
  color:#d9e6ff;
  font-variant-numeric: tabular-nums;
}
.raw-file-field--submit { align-content:end; }
.raw-file-field--wide { grid-column:1 / -1; }
.raw-file-image--fits {
  display:block;
  width:100%;
  border-radius:24px;
  border:1px solid rgba(130,170,255,.18);
  background:#030914;
}
@media (min-width: 880px) {
  .raw-file-viewer-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .raw-file-viewer-toolbar-grid,
  .raw-file-viewer-grid { grid-template-columns:1fr; }
}

.hud-topbar__actions-shell {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex-shrink: 0;
}

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

.hud-topbar__icon-action {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  text-decoration: none;
  border: 1px solid rgba(104,184,255,.18);
  background: rgba(10, 18, 34, 0.62);
  box-shadow: 0 0 0 1px rgba(124,186,255,.08) inset, 0 8px 24px rgba(0,0,0,.22);
  font-size: 20px;
  color: #dff1ff;
  flex-shrink: 0;
}

.hud-topbar__icon-action:hover,
.hud-topbar__icon-action:active {
  transform: translateY(-1px);
  border-color: rgba(132,196,255,.28);
  background: linear-gradient(180deg, rgba(22,46,90,.88), rgba(12,26,52,.82));
}

.hud-topbar__user-state {
  min-width: 112px;
  padding: 7px 12px 8px;
  border-radius: 16px;
  text-decoration: none;
  display: grid;
  gap: 2px;
  border: 1px solid rgba(104,184,255,.18);
  background: rgba(6, 16, 34, 0.58);
  box-shadow: 0 0 0 1px rgba(124,186,255,.08) inset;
  text-align: right;
}

.hud-topbar__user-state.is-logged-in {
  border-color: rgba(116, 214, 168, .26);
  box-shadow: 0 0 0 1px rgba(116, 214, 168, .08) inset;
}

.hud-topbar__user-name {
  font-size: 13px;
  line-height: 1.15;
  font-weight: 700;
  color: rgba(242, 248, 255, .94);
}

.hud-topbar__user-status {
  font-size: 11px;
  line-height: 1.15;
  color: rgba(190, 220, 255, .72);
}

.login-page__header-shell,
.login-page__panel-shell {
  margin-top: 0;
}

.login-page__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.login-page__full-row {
  grid-column: 1 / -1;
}

@media (max-width: 520px) {
  .hud-topbar__inner {
    align-items: flex-start;
  }

  .hud-topbar__actions-shell {
    gap: 6px;
  }

  .hud-topbar__actions-row {
    gap: 8px;
  }

  .hud-topbar__icon-action {
    width: 40px;
    height: 40px;
    border-radius: 13px;
    font-size: 18px;
  }

  .hud-topbar__user-state {
    min-width: 104px;
    padding: 6px 10px 7px;
    border-radius: 14px;
  }

  .login-page__grid {
    grid-template-columns: 1fr;
  }
}
.session-object-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 132px;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid rgba(112, 188, 255, 0.16);
  background:
    radial-gradient(circle at 16% 18%, rgba(110, 184, 255, 0.14), transparent 32%),
    linear-gradient(180deg, rgba(9, 20, 39, 0.86), rgba(7, 15, 30, 0.78));
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(80, 144, 255, 0.06) inset;
  overflow: hidden;
}

.session-object-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(150, 220, 255, 0.04), transparent 35%, transparent 65%, rgba(130, 180, 255, 0.05));
}

.session-object-card--moon {
  border-color: rgba(130, 204, 255, 0.22);
}

.session-object-card--sun {
  border-color: rgba(255, 202, 118, 0.22);
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 197, 92, 0.16), transparent 30%),
    linear-gradient(180deg, rgba(15, 22, 35, 0.88), rgba(11, 17, 28, 0.82));
}

.session-object-card--deepsky {
  border-color: rgba(140, 150, 255, 0.18);
}

.session-object-card--planet {
  border-color: rgba(168, 144, 255, 0.18);
}

.session-object-card__meta-panel,
.session-object-card__graphic-panel {
  position: relative;
  z-index: 1;
}

.session-object-card__meta-panel {
  display: grid;
  gap: 12px;
}

.session-object-card__meta-list {
  display: grid;
  gap: 10px;
}

.session-object-card__meta-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.session-object-card__meta-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(118, 192, 255, 0.16);
  background: rgba(7, 18, 35, 0.66);
  color: rgba(220, 238, 255, 0.92);
  font-size: 14px;
}

.session-object-card__meta-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.session-object-card__meta-label,
.session-object-card__graphic-label {
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(176, 210, 238, 0.7);
}

.session-object-card__meta-value {
  font-size: 15px;
  line-height: 1.18;
  color: #f4f9ff;
}

.session-object-card__graphic-panel {
  display: grid;
  justify-items: center;
  gap: 8px;
}

.session-object-card__gauge {
  --size: 118px;
  width: var(--size);
  height: var(--size);
  position: relative;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(10, 18, 30, 0.96) 0 56%, transparent 57%),
    conic-gradient(from -90deg, rgba(126, 220, 255, 0.98) 0%, rgba(110, 180, 255, 0.96) calc(var(--object-progress) * 1%), rgba(255, 255, 255, 0.08) calc(var(--object-progress) * 1%), rgba(255, 255, 255, 0.08) 100%);
  box-shadow: 0 0 18px rgba(102, 188, 255, 0.22), inset 0 0 0 1px rgba(160, 222, 255, 0.10);
}

.session-object-card__gauge::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  border: 1px solid rgba(148, 212, 255, 0.10);
  box-shadow: inset 0 0 24px rgba(52, 102, 166, 0.28);
}

.session-object-card__gauge-core,
.session-object-card__orb-core {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  text-align: center;
}

.session-object-card__gauge-value-wrap {
  display: inline-flex;
  align-items: flex-start;
  line-height: 1;
}

.session-object-card__gauge-value {
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -.04em;
  color: #ffffff;
}

.session-object-card__gauge-suffix {
  margin-left: 2px;
  margin-top: 7px;
  font-size: 15px;
  font-weight: 700;
  color: rgba(228, 241, 255, 0.82);
}

.session-object-card__orb,
.session-object-card__reticle,
.session-object-card__planet-mark {
  width: 118px;
  height: 118px;
  position: relative;
  display: grid;
  place-items: center;
}

.session-object-card__orb::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(255, 252, 230, 0.95), rgba(255, 177, 65, 0.85) 46%, rgba(255, 125, 24, 0.18) 100%);
  box-shadow: 0 0 28px rgba(255, 182, 77, 0.28), 0 0 60px rgba(255, 164, 58, 0.12);
}

.session-object-card__orb::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 214, 151, 0.2);
}

.session-object-card__orb-value {
  position: relative;
  z-index: 1;
  padding: 0 12px;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: #fff8ef;
  text-shadow: 0 1px 12px rgba(88, 36, 0, 0.28);
}

.session-object-card__reticle::before,
.session-object-card__reticle::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  border: 1px solid rgba(160, 176, 255, 0.16);
}

.session-object-card__reticle::after {
  inset: 26px;
  border-color: rgba(136, 208, 255, 0.22);
}

.session-object-card__reticle-core {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(209, 232, 255, 0.96), rgba(116, 170, 255, 0.48));
  box-shadow: 0 0 22px rgba(144, 190, 255, 0.30);
}

.session-object-card__reticle-copy {
  position: absolute;
  inset: auto 0 14px;
  display: grid;
  justify-items: center;
  gap: 4px;
}

.session-object-card__reticle-copy strong,
.session-object-card__planet-value {
  font-size: 18px;
  font-weight: 800;
  color: #f3f8ff;
}

.session-object-card__reticle-copy span {
  max-width: 88px;
  font-size: 11px;
  line-height: 1.25;
  text-align: center;
  color: rgba(198, 218, 244, 0.78);
}

.session-object-card__planet-core {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 30%, rgba(255, 245, 255, 0.94), rgba(146, 126, 255, 0.72) 52%, rgba(74, 55, 166, 0.22) 100%);
  box-shadow: 0 0 24px rgba(144, 114, 255, 0.26);
}

.session-object-card__planet-ring {
  position: absolute;
  width: 84px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid rgba(182, 166, 255, 0.44);
  transform: rotate(-18deg);
}

.session-object-card__planet-value {
  position: absolute;
  bottom: 10px;
  text-align: center;
}

@media (max-width: 640px) {
  .session-object-card {
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 12px;
    padding: 14px;
  }

  .session-object-card__gauge,
  .session-object-card__orb,
  .session-object-card__reticle,
  .session-object-card__planet-mark {
    width: 104px;
    height: 104px;
  }

  .session-object-card__gauge-value {
    font-size: 30px;
  }

  .session-object-card__orb-value {
    font-size: 21px;
  }

  .session-object-card__meta-value {
    font-size: 14px;
  }
}

.session-object-card__meta-icon { font-size: 0; }
.session-object-card__meta-svg { width: 18px; height: 18px; display: block; }