/* RSX font system */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;600;700;800;900&display=swap");

/*
  main.css (restored)
  This file is referenced by multiple pages. It went missing in a previous packaging,
  causing 404s (and breaking layout/scroll behavior).

  We compose the existing modular CSS using @import.
*/

@import url("./core/tokens.css");
@import url("./core/base.css");
@import url("./core/nav.css");
@import url("./core/context-panel.css");

/* Components */
@import url("./components/buttons.css");
@import url("./components/cards.css");

/* Page-specific styles (only those that exist in this package) */
@import url("./pledges.css");
@import url("./theme-authority.css");
/* === Phase 28 UI Polish === */

/* Unified button highlight */
button:hover,
.btn:hover,
.button:hover {
    background-color: #ff7a18 !important;
    border-color: #ff7a18 !important;
}

/* Tactical card spacing */
.fc-tactical-card {
    padding: 10px;
    margin: 6px;
}

/* Title overflow safety */
.fc-tactical-title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Consistent hover state */
*:hover {
    transition: all 0.15s ease-in-out;
}


/* === Phase 29 UI Polish === */

/* Context panel spacing/alignment */
.context-panel,
.rsx-context-panel,
#contextPanel {
    gap: 10px;
}

.context-panel .section-title,
.rsx-context-panel .section-title,
#contextPanel .section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Safer card body spacing */
.fc-tactical-card .card-body,
.fc-tactical-card .fc-card-body,
.fc-tactical-card .component-card-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Tactical headers stay visually centered and clear surrounding UI */
.fc-tactical-head,
.fc-tactical-v2-head {
    text-align: center;
}

.fc-tactical-sub,
.fc-tactical-v2-head .fc-tactical-sub {
    justify-content: center;
    text-align: center;
}

/* Better badge / pill wrapping in tighter layouts */
.badge,
.pill,
.tag,
.fc-pill {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Consistent control spacing */
button,
.btn,
.button,
select,
input[type="text"],
input[type="search"] {
    min-height: 34px;
}


/* === Phase 30 UI Polish === */

/* Fleet canvas readability */
.fc-node-label,
.fc-ship-label,
.fleet-node-label {
    line-height: 1.15;
    letter-spacing: 0.02em;
    padding-inline: 4px;
}

/* Badge and icon balance */
.fc-badge,
.fc-pill,
.badge,
.pill,
.tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-inline: 8px;
}

/* Tactical layout edge padding and spacing */
.fc-tactical,
.fc-tactical-v2,
.fc-tactical-shell,
.fc-tactical-stage {
    padding: 12px;
    box-sizing: border-box;
}

.fc-tactical-card,
.fc-slot-card,
.component-card {
    border-radius: 12px;
}

.fc-tactical-card-header,
.fc-tactical-card .card-header,
.fc-slot-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

/* Header hierarchy cleanup */
.fc-tactical-title,
.fc-tactical-v2-head .fc-tactical-title,
.fc-tactical-head h3 {
    font-weight: 700;
}

.fc-tactical-sub,
.fc-tactical-v2-head .fc-tactical-sub,
.fc-tactical-head .subtext {
    opacity: 0.92;
    line-height: 1.2;
}

/* Consistent active/hover polish */
button:active,
.btn:active,
.button:active {
    transform: translateY(1px);
}

button:focus-visible,
.btn:focus-visible,
.button:focus-visible,
select:focus-visible,
input:focus-visible {
    outline: 2px solid rgba(255,122,24,.45);
    outline-offset: 2px;
}


/* === Phase 46 Final Stability / Polish === */

/* Slightly cleaner control text rhythm */
button,
.btn,
.button,
.fc-pill,
.badge,
.tag {
    letter-spacing: 0.015em;
}

/* Safer text rendering for compact tactical/meta labels */
.fc-tactical-v2-item-name,
.fc-tactical-v2-item-meta,
.fc-item .name,
.fc-item .meta {
    text-rendering: optimizeLegibility;
}

/* Keep interactive controls visually consistent */
button,
.btn,
.button {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, transform .08s ease-in-out;
}




/* === Soft concept theme overrides === */
:root{
  --body-bg:#08111d;
  --bg-panel:#0d1828;
  --panel-bg:rgba(13,24,40,.80);
  --panel-stroke:rgba(138,198,255,.10);
  --text-primary:#e7f3ff;
  --text-secondary:rgba(189,214,240,.72);
  --accent-light:#72d6ff;
  --accent-dark:#15253a;
  --btn-border:rgba(167,215,255,.10);
  --btn-radius:12px;
  --rsx-soft-shadow:0 14px 30px rgba(0,0,0,.24);
  --rsx-soft-shadow-strong:0 22px 42px rgba(0,0,0,.28);
  --rsx-shadow-soft:0 14px 30px rgba(0,0,0,.24);
  --rsx-shadow-glow:none;
  --rsx-shadow:0 14px 32px rgba(0,0,0,.24);
  --rsx-text-glow:none;
}

html,body{background:
  radial-gradient(circle at 18% 12%, rgba(91,159,255,.13), transparent 22%),
  radial-gradient(circle at 82% 10%, rgba(105,255,215,.08), transparent 18%),
  linear-gradient(180deg, #09121f 0%, #070e18 100%);
}
body{text-shadow:none !important;}
.bg-video{background:
  radial-gradient(circle at 18% 12%, rgba(91,159,255,.13), transparent 22%),
  radial-gradient(circle at 82% 10%, rgba(105,255,215,.08), transparent 18%),
  linear-gradient(180deg, #09121f 0%, #070e18 100%) !important;
}
.bg-video::after{background:rgba(3,7,14,.18) !important;}

/* Global surfaces */
.panel,.hologram-box,.left-panel,.card,.rsx-panel,.status-pill,.rsx-switch,.toolbar-btn,.btn-icon,.holo-btn{
  background:linear-gradient(180deg, rgba(13,24,40,.82), rgba(9,17,29,.86)) !important;
  border:1px solid rgba(167,215,255,.09) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.02) !important;
  backdrop-filter:blur(12px);
}
.hologram-box:hover,.panel:hover{box-shadow:0 18px 38px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.03) !important;border-color:rgba(167,215,255,.14) !important;}

/* Header */
#rsx-system-banner.rsx-system-banner{
  padding:10px 16px 8px;
  background:linear-gradient(180deg, rgba(10,20,33,.92), rgba(9,17,29,.86));
  border-bottom:1px solid rgba(167,215,255,.08);
  backdrop-filter:blur(18px);
}
.rsx-system-banner__inner.rsx-top-header{
  display:grid;
  grid-template-columns:auto minmax(360px, 560px) auto;
  gap:18px;
  align-items:center;
}
.rsx-brand-block{min-width:240px;gap:5px;}
.rsx-brand-title{
  font-size:15px;
  letter-spacing:3.2px;
  color:#eef7ff;
}
.rsx-brand-title__text{ text-shadow:none; }
.rsx-brand-subtitle{
  font-size:9px;
  letter-spacing:2px;
  color:rgba(190,214,238,.60);
}
.rsx-brand-o7{display:none;}

/* Version cluster */
.rsx-game-version{
  position:static !important;
  transform:none !important;
  justify-self:center;
  width:min(100%,560px);
  min-height:58px;
  padding:12px 14px;
  border-radius:18px !important;
  border:1px solid var(--rsx-theme-border) !important;
  background:var(--rsx-theme-panel) !important;
  box-shadow:var(--rsx-theme-shadow) !important;
  gap:12px;
}
.rsx-game-version__label{font-size:10px;letter-spacing:.18em;color:var(--rsx-theme-muted) !important;}
.rsx-game-version__value{font-size:12px;letter-spacing:.08em;color:var(--rsx-theme-text) !important;}
.rsx-game-version__status{min-width:0;flex:1 1 auto;}
.rsx-game-version__status-line{font-size:11px;color:var(--rsx-theme-text) !important;}
.rsx-game-version__status-meta{font-size:10px;color:var(--rsx-theme-muted) !important;}
.rsx-game-version__progress{height:6px;border:none;background:var(--rsx-theme-surface) !important;}
.rsx-game-version__progress-fill{box-shadow:none;}
.rsx-game-version__btn{
  width:34px;height:34px;border-radius:10px !important;
  border:1px solid var(--rsx-theme-border) !important;
  background:var(--rsx-theme-surface) !important;
  color:var(--rsx-theme-text) !important;
}
.rsx-game-version__btn:hover{background:var(--rsx-theme-surface-hover) !important;border-color:var(--rsx-theme-border-strong) !important;color:var(--rsx-theme-text) !important;}
.rsx-header-actions{display:flex;align-items:center;gap:12px;justify-self:end;}
.rsx-qb,.rsx-profile-btn,.rsx-retrieve-btn,
button,.btn,.nav-btn,[role="button"],input[type="button"],input[type="submit"],.holo-button,.rsx-btn{
  border-radius:12px !important;
  border:1px solid var(--rsx-theme-border) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
  color:#ddeefe !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02), 0 10px 20px rgba(0,0,0,.16) !important;
  transform:none !important;
}
.rsx-qb:hover,.rsx-profile-btn:hover,.rsx-retrieve-btn:hover,
button:hover,.btn:hover,.nav-btn:hover,[role="button"]:hover,input[type="button"]:hover,input[type="submit"]:hover,.holo-button:hover,.rsx-btn:hover{
  background:linear-gradient(180deg, rgba(114,214,255,.16), rgba(114,214,255,.08)) !important;
  border-color:rgba(114,214,255,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 12px 22px rgba(0,0,0,.18) !important;
}

.rsx-profile-btn{font-size:11px !important;letter-spacing:.14em !important;padding:8px 12px !important;}
.rsx-retrieve-btn{padding:11px 16px !important;}
.rsx-retrieve-btn__beam{display:none !important;}
.rsx-extension-status{
  border-radius:14px !important;
  border:1px solid var(--rsx-theme-border) !important;
  background:linear-gradient(180deg, rgba(16,27,43,.88), rgba(10,18,31,.84)) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.16) !important;
  padding:10px 12px;
}
.rsx-extension-status::before{display:none !important;}
.rsx-extension-status__dot{box-shadow:none;}
.rsx-system-banner__toggle{
  width:28px;height:28px;padding:0 !important;display:inline-flex;align-items:center;justify-content:center;
}

/* Main nav */
.top-menu{
  justify-content:flex-start !important;
  gap:12px;
  padding:10px 16px !important;
  background:linear-gradient(180deg, rgba(9,17,29,.82), rgba(9,17,29,.72)) !important;
  border-bottom:1px solid rgba(167,215,255,.08) !important;
  box-shadow:none !important;
  overflow-x:auto;
}
.top-menu .nav-btn,
.left-panel .nav-bottom .nav-btn,
.left-panel .nav-bottom .rsx-side-privacy-btn,
.left-panel .nav-bottom .rsx-btn-soft-panel{
  margin:0 !important;
  padding:10px 18px !important;
  border-radius:12px !important;
  border:1px solid var(--rsx-theme-border) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)) !important;
  color:rgba(224,238,252,.88) !important;
  font-size:.73rem !important;
  letter-spacing:.11em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015), 0 10px 20px rgba(0,0,0,.14) !important;
}
.top-menu .nav-btn.active,
.left-panel .nav-bottom .nav-btn.active,
.left-panel .nav-bottom .rsx-side-privacy-btn.active,
.left-panel .nav-bottom .rsx-btn-soft-panel.active{
  background:linear-gradient(180deg, rgba(114,214,255,.18), rgba(114,214,255,.09)) !important;
  border-color:rgba(114,214,255,.20) !important;
  color:#f4fbff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 14px 24px rgba(0,0,0,.18) !important;
}
.nav-btn.icon-pill{
  min-width:38px !important;
  width:38px;height:38px;
  border-radius:10px !important;
  padding:0 !important;
}

/* Layout gutters */
.main-content{gap:14px;padding:12px 14px 14px;box-sizing:border-box;}
.left-panel.hologram-box.context-panel{
  flex:0 0 330px !important; max-width:330px !important; width:330px !important;
  border-radius:20px !important; padding:14px !important;
  background:var(--rsx-theme-surface) !important;
}
.iframe-container{
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(9,17,29,.76), rgba(9,17,29,.86));
  box-shadow:0 22px 48px rgba(0,0,0,.24);
}

.left-panel.hologram-box.context-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.left-panel.hologram-box.context-panel::before{
  content:"";
  position:absolute;
  inset:18px 12px 18px 12px;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.06), transparent 18%),
    radial-gradient(circle at 50% 52%, rgba(0,0,0,.22), transparent 40%),
    url("../img/rsx-logo-concave.png") center 42% / min(88%, 300px) auto no-repeat;
  opacity:.18;
  filter:grayscale(1) contrast(1.18) brightness(.78) saturate(0);
  mix-blend-mode:soft-light;
}
.left-panel.hologram-box.context-panel::after{
  content:"";
  position:absolute;
  inset:18px 12px 18px 12px;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 50% 41%, rgba(255,255,255,.045), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 18%, rgba(0,0,0,.08) 62%, rgba(0,0,0,.18));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.22),
    inset 0 18px 40px rgba(255,255,255,.015),
    inset 0 -28px 46px rgba(0,0,0,.14);
  opacity:.9;
}
.left-panel.hologram-box.context-panel > *{
  position:relative;
  z-index:1;
}

/* Context panel */
.context-panel .ctx-shell-header{padding:6px 4px 4px;align-items:flex-start;}/* removed: obsolete context panel title override */
.context-panel .ctx-subtitle{font-size:.78rem;color:var(--rsx-theme-muted) !important;margin-top:6px;}
.context-panel .ctx-shell-divider{background:color-mix(in srgb, var(--rsx-theme-accent) 16%, transparent) !important;}
.context-panel .ctx-body{gap:14px;padding-right:4px;}
.context-panel .ctx-block,
.context-panel .fc-item,
.context-panel .rsx-crafting-ctx-list-row,
.context-panel .rsx-crafting-ctx-slide,
.context-panel .fc-chip,
.context-panel .fc-list{
  border-radius:18px !important;
}
.context-panel .ctx-block{
  padding:16px 16px !important;
  background:var(--rsx-theme-surface) !important;
  border:1px solid var(--rsx-theme-border) !important;
  box-shadow:var(--rsx-theme-shadow-soft) !important;
}
.context-panel .ctx-block:hover{border-color:var(--rsx-theme-border-strong) !important;box-shadow:var(--rsx-theme-shadow) !important;}
.context-panel .ctx-block h3{font-size:.75rem;letter-spacing:.16em;color:var(--rsx-theme-muted) !important;margin-bottom:12px;}
.context-panel .ctx-list li,
.context-panel .fc-item,
.context-panel .rsx-crafting-ctx-list-row{
  background:var(--rsx-theme-surface) !important;
  border:1px solid var(--rsx-theme-border) !important;
  box-shadow:none !important;
}
.context-panel .ctx-list li:hover,
.context-panel .fc-item:hover,
.context-panel .rsx-crafting-ctx-list-row:hover{background:var(--rsx-theme-surface-hover) !important;border-color:var(--rsx-theme-border-strong) !important;}
.context-panel .pill,.context-panel .fc-pill,.badge,.pill,.tag,.rsx-pill,.chip,.status-pill{
  border-radius:10px !important;
  border:1px solid var(--rsx-theme-border) !important;
  background:var(--rsx-theme-pill-bg) !important;
  box-shadow:none !important;
}
.context-panel .ctx-actions .ctx-view-rsi,
.context-panel .ctx-block :is(.nav-btn,.btn,.rsx-btn,.ctx-chip,.rsx-chip):not(.ctx-collapse-btn):not(.icon-pill):not(.danger){
  border-radius:12px !important;
}
.context-panel .ctx-collapse-btn{margin-top:2px;}
.left-panel.hologram-box.context-panel.is-collapsed{
  flex:0 0 52px !important;
  width:52px !important;
  min-width:52px !important;
  max-width:52px !important;
  padding:10px 8px !important;
  border-radius:18px !important;
}
.left-panel.hologram-box.context-panel.is-collapsed::before,
.left-panel.hologram-box.context-panel.is-collapsed::after{
  inset:8px !important;
}
.left-panel.hologram-box.context-panel.is-collapsed .ctx-shell{
  align-items:center !important;
  justify-content:flex-start !important;
}
.left-panel.hologram-box.context-panel.is-collapsed .ctx-shell-header{
  width:100% !important;
  padding:0 !important;
  justify-content:center !important;
}
.left-panel.hologram-box.context-panel.is-collapsed .ctx-collapse-btn{
  margin:0 !important;
}
.left-panel.hologram-box.context-panel .nav-bottom{
  border-top:1px solid var(--rsx-theme-border) !important;
  background:var(--rsx-theme-surface) !important;
}
.left-panel .nav-bottom .legal,
.left-panel .nav-bottom .legal p{color:var(--rsx-theme-muted) !important;line-height:1.38 !important;}

/* Inputs */
input,select,textarea,.rsx-search,.rsx-select{
  border-radius:14px !important;
  border:1px solid var(--rsx-theme-border) !important;
  background:rgba(255,255,255,.03) !important;
  color:#e7f4ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02) !important;
}
input::placeholder,textarea::placeholder{color:rgba(190,214,238,.46) !important;}

/* Home page + common content panels */
.rsx-home-page{padding:14px !important;}
.rsx-home-head{
  padding:14px 16px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(13,24,40,.84), rgba(10,18,31,.86)) !important;
  border:1px solid var(--rsx-theme-border) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.20) !important;
}
.rsx-home-title,.rsx-panel-title,.holo-title{
  letter-spacing:.10em !important;
  color:#ebf6ff !important;
  text-shadow:none !important;
}
.rsx-home-sub,.rsx-panel-meta,.rsx-status,.rsx-toolbarMeta{color:rgba(190,214,238,.60) !important;}
.rsx-panel,
.rsx-comm-card,
.rsx-comm-scroll,
.rsx-comm-stage,
.rsx-home-head,
.rsx-toolbar,
.rsx-panel-head{
  border-radius:24px !important;
  border-color:rgba(167,215,255,.08) !important;
}
.rsx-toolbar,
.rsx-panel-head{
  background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.010)) !important;
}
.rsx-search,.rsx-select{border-radius:14px !important;}
.rsx-month-chip,.rsx-pill,.rsx-comm-card .nav-btn{border-radius:10px !important;}

/* Remove excess neon from specific old styles */
.top-menu .nav-btn,
.left-panel .nav-bottom .nav-btn,
.rsx-brand-title__text,
.panel h2,.panel h3{
  text-shadow:none !important;
}
.panel h2,.panel h3{border-bottom-color:rgba(167,215,255,.08) !important;}

/* Responsive */
@media (max-width: 1100px){
  .rsx-system-banner__inner.rsx-top-header{grid-template-columns:1fr;}
  .rsx-game-version{width:100%;}
  .rsx-header-actions{justify-self:start;flex-wrap:wrap;}
}


/* === RSX Global Font System === */
:root{
  --rsx-font-body: "Orbitron", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rsx-font-display: "Orbitron", "Inter", system-ui, sans-serif;
  --panel-title-font: var(--rsx-font-display);
}

html,
body,
button,
input,
select,
textarea,
option,
label,
.data-table,
.rsx-context-panel,
.context-panel,
#contextPanel{
  font-family: var(--rsx-font-body) !important;
}

.panel-title,
.page-title,
.current-page,
.current-page-name,
.current-page-title,
.page-header-title,
.section-title,
.nav-btn,
.top-nav button,
.topnav button,
.data-table thead th,
.left-panel .nav-bottom .nav-btn,
.trade-routes-header .title,
.rsx-home-title,
.rsx-panel-title,
.rsx-detail-title,
.rsx-panel-heading h2,
.rsx-stats-panel__title,
h1, h2, h3,
[data-role="page-title"],
[data-role="panel-title"]{
  font-family: var(--rsx-font-display) !important;
  letter-spacing: .08em;
}

.rsx-wordmark,
.brand-name,
.site-title,
.nav-brand-title,
.logo-text{
  font-family: var(--rsx-font-display) !important;
  letter-spacing: .18em;
}

button,
.btn,
.button,
.pill,
.badge,
.tag,
.fc-pill,
.rsx-pill,
.rsx-summary-pill{
  font-family: var(--rsx-font-body) !important;
  font-weight: 500;
}

.panel-title,
.page-title,
.current-page-name,
.current-page-title,
.page-header-title,
.rsx-home-title,
.rsx-panel-title,
.rsx-detail-title,
.rsx-panel-heading h2,
.rsx-stats-panel__title{
  text-transform: uppercase;
  text-shadow: 0 0 14px rgba(90, 190, 255, 0.14);
}

/* RSX FINAL THEME AUTHORITY */
@import url("./theme-authority.css");


/* ==========================================================
   FLEET TACTICAL CONTEXT PANEL SHIP DETAILS — FINAL SOURCE FIX
   Required behavior:
   - each ship-detail item renders as a single label/value row
   - value text is orange and right-aligned
   - section headers remain full-width
   ========================================================== */
:root{ --citizen-o7-orange-lock:#ff7a00; }

.rsx-tactical-context-block .rsx-tactical-context-scroll{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
}

.rsx-tactical-context-block .rsx-tactical-context-section{
  display:block !important;
  width:100% !important;
  padding:8px 12px 6px !important;
  margin:2px 0 3px !important;
  color:#ffffff !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  border-top:1px solid rgba(120,210,255,.16) !important;
}

.rsx-tactical-context-block .rsx-tactical-context-row,
.rsx-tactical-context-block summary.rsx-tactical-context-row{
  display:grid !important;
  grid-template-columns:minmax(86px, 1fr) minmax(0, 1.25fr) !important;
  align-items:center !important;
  column-gap:10px !important;
  min-height:28px !important;
  padding:5px 12px !important;
  box-sizing:border-box !important;
  border-top:1px solid rgba(120,210,255,.08) !important;
  white-space:nowrap !important;
}

.rsx-tactical-context-block .rsx-tactical-context-row-label{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:rgba(210,235,255,.72) !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  line-height:1.1 !important;
  text-transform:uppercase !important;
}

.rsx-tactical-context-block .rsx-tactical-context-row-value{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:right !important;
  color:var(--citizen-o7-orange-lock) !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  text-shadow:0 0 8px rgba(255,122,0,.42) !important;
}

.rsx-tactical-context-block .rsx-tactical-context-detail,
.rsx-tactical-context-block .rsx-tactical-context-detail-children{
  display:block !important;
  width:100% !important;
}

.rsx-tactical-context-block .rsx-tactical-context-row--child{
  padding-left:18px !important;
  grid-template-columns:minmax(80px, 1fr) minmax(0, 1.25fr) !important;
}


/* Global footer bar: outside iframe, always visible below content */
html, body {
  height: 100%;
}

body {
  overflow: hidden;
}

.main-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

.rsx-global-footer-bar {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 5px 14px !important;
  box-sizing: border-box !important;
  border-top: 1px solid rgba(255, 122, 0, 0.55) !important;
  background:
    linear-gradient(180deg, rgba(7, 14, 25, 0.96), rgba(4, 9, 17, 0.98)) !important;
  box-shadow:
    0 -8px 24px rgba(0, 0, 0, 0.35),
    0 -1px 14px rgba(255, 122, 0, 0.14) !important;
  color: rgba(225, 238, 252, 0.9) !important;
  z-index: 5000 !important;
}

.rsx-global-footer-privacy {
  flex: 0 0 auto !important;
  min-width: 118px !important;
  height: 24px !important;
  padding: 4px 16px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 122, 0, 0.55) !important;
  background: linear-gradient(180deg, rgba(255, 122, 0, 0.18), rgba(255, 122, 0, 0.045)) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 10px rgba(255, 122, 0, 0.22) !important;
}

.rsx-global-footer-privacy:hover,
.rsx-global-footer-privacy:focus-visible {
  border-color: #ff7a00 !important;
  background: linear-gradient(180deg, rgba(255, 122, 0, 0.36), rgba(255, 122, 0, 0.11)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 122, 0, 0.45),
    0 0 16px rgba(255, 122, 0, 0.5) !important;
  outline: none !important;
}

.rsx-global-footer-legal {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.035em !important;
  text-align: center !important;
  color: rgba(210, 228, 245, 0.72) !important;
}

.rsx-global-footer-legal span {
  white-space: nowrap !important;
}

.left-panel .nav-bottom .legal,
.left-panel .nav-bottom #privacyBtnSidebar,
#privacyBtnSidebar {
  display: none !important;
}

@media (max-width: 980px) {
  .rsx-global-footer-bar {
    min-height: 46px !important;
    gap: 8px !important;
    padding: 6px 8px !important;
  }

  .rsx-global-footer-privacy {
    min-width: 92px !important;
  }

  .rsx-global-footer-legal {
    font-size: 9px !important;
  }

  .rsx-global-footer-legal span {
    white-space: normal !important;
  }
}
