#listView { display:none !important; }

#flagModal {
  position: fixed;
  inset: 0;
  background: rgba(4,5,12,0.82);
  backdrop-filter: blur(4px);
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.flag-modal-box {
  background: rgba(13,20,38,0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  width: 100%;
  max-width: 480px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 24px -12px rgba(0,200,255,0.35);
}
/* Cyan accent line at top — matches pirate deck */
.flag-modal-box::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #00c8ff, transparent);
  opacity: 0.5;
}
.flag-modal-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:6px; }
.flag-modal-title { font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.15em;color:#e8eeff; }
.flag-modal-route { font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.1em;color:#00c8ff;margin-bottom:16px; }
.flag-community { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:4px;padding:12px 14px;margin-bottom:14px; }
.flag-community-label { font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.12em;color:#6a7a9a;margin-bottom:10px; }
.flag-community-body { display:flex;flex-direction:column;gap:6px; }
.flag-community-empty { font-family:'Share Tech Mono',monospace;font-size:11px;color:#6a7a9a; }
.flag-spinner { display:flex;justify-content:center;padding:6px 0; }
.fc-row { display:flex;align-items:center;justify-content:space-between;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.08em; }
.fc-leg { color:#7a8aaa; }
.fc-flagged { color:#ff4444;font-weight:600; }
.fc-clear   { color:#00ff88;font-weight:600; }
.fc-ok      { color:#6a7a9a; }
.flag-actions { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px; }
.flag-action-btn {
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:12px 8px;
  border:1px solid rgba(255,255,255,0.07);background:transparent;
  font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.1em;
  cursor:pointer;transition:background .15s,border-color .15s,color .15s;color:#7a8aaa;
}
.flag-btn-clear { grid-column:1/-1; }
.flag-btn-icon { font-size:16px; }
.flag-btn-sub  { font-size:10px;color:#6a7a9a;letter-spacing:.06em; }
.dp-flag-btn { width:fit-content;background:transparent;border:1px solid var(--border2);color:var(--text2);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;padding:6px 18px;cursor:pointer;border-radius:2px;text-align:center;transition:border-color .15s,color .15s; }
.dp-flag-btn:hover { border-color:var(--pink);color:var(--pink); }
#dpFlagRow { padding:6px 16px 10px;display:flex;justify-content:center;align-items:center; }
.flag-btn-buy:hover  { border-color:#ff4444;color:#ff4444; }
.flag-btn-sell:hover { border-color:#ffaa00;color:#ffaa00; }
.flag-btn-clear:hover{ border-color:#00ff88;color:#00ff88; }
.flag-btn-used   { opacity:.5;cursor:default; }
.flag-btn-active.flag-btn-buy   { border-color:#ff4444;color:#ff4444;background:rgba(255,60,60,.08); }
.flag-btn-active.flag-btn-sell  { border-color:#ffaa00;color:#ffaa00;background:rgba(255,160,0,.08); }
.flag-btn-active.flag-btn-clear { border-color:#00ff88;color:#00ff88;background:rgba(0,255,100,.08); }
.flag-note { font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.06em;color:#6a7a9a;text-align:center; }
.flag-submit-msg { margin-top:10px;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.08em;color:#00ff88;text-align:center; }

/* Report type toggle — matches pirate deck rp-log-btn style */
.flag-type-toggle { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px; }
.flag-type-btn {
  font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:2px;
  padding:9px;background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.07);
  color:#6a7a9a;cursor:pointer;transition:all .2s;text-transform:uppercase;
}
.flag-type-btn:hover { border-color:#6a7a9a;color:#7a8aaa; }
.flag-type-btn.active { border-color:rgba(0,200,255,0.4);color:#00c8ff;background:rgba(0,200,255,0.07); }

/* Bug panel — pirate deck field styles ported in */
#flagBugPanel .rp-field label {
  display:block;font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:2px;
  color:#6a7a9a;margin-bottom:4px;text-transform:uppercase;
}
#flagBugPanel .rp-field select,
#flagBugPanel .rp-field textarea {
  width:100%;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);
  color:#e8eeff;font-family:'Share Tech Mono',monospace;font-size:12px;padding:7px 10px;
  outline:none;transition:border-color 0.2s,background 0.2s;resize:none;appearance:none;box-sizing:border-box;
}
#flagBugPanel .rp-field select {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236a7a9a'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;
  background-color:rgba(255,255,255,0.03);padding-right:28px;cursor:pointer;
}
#flagBugPanel .rp-field select option { background:#0d1220; }
#flagBugPanel .rp-field select:focus,
#flagBugPanel .rp-field textarea:focus { border-color:rgba(0,200,255,0.4);background:rgba(0,200,255,0.04); }
#flagBugPanel .rp-field textarea { height:60px;line-height:1.5; }
#flagBugPanel .rp-field { margin-bottom:10px; }
#flagBugPanel .rp-divider { height:1px;background:rgba(255,255,255,0.07);margin:4px 0 10px; }

/* Shard row inside bug panel */
.flag-bug-shard-note { font-family:'Share Tech Mono',monospace;font-size:11px;color:#6a7a9a;line-height:1.6;margin-bottom:8px; }
.flag-bug-shard-row { display:flex;align-items:center;gap:8px;margin-bottom:10px; }
.flag-bug-shard-val { flex:1;font-family:'Share Tech Mono',monospace;font-size:11px;color:#6a7a9a;border:1px solid rgba(255,255,255,0.07);padding:6px 8px;background:rgba(255,255,255,0.02); }
.flag-bug-shard-val.detected { color:#00c8ff;border-color:rgba(0,200,255,0.35); }
.flag-bug-shard-btn {
  font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:1px;
  padding:6px 10px;background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.07);color:#7a8aaa;
  cursor:pointer;white-space:nowrap;transition:all .2s;
}
.flag-bug-shard-btn:hover { border-color:rgba(0,200,255,0.4);color:#00c8ff; }

/* Terminal name in bug panel */
.flag-bug-terminal {
  font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.12em;
  color:#00c8ff;margin-bottom:12px;padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.07);
}
.flag-bug-shard-highlight { color:#00c8ff; }
.flag-bug-log-path { background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.12);border-radius:6px;padding:10px 12px;margin-bottom:10px; }
.flag-bug-log-path-title { font-family:'Share Tech Mono',monospace;font-size:10px;color:#00c8ff;letter-spacing:0.08em;margin-bottom:6px; }
.flag-bug-log-path-body { font-family:'Share Tech Mono',monospace;font-size:11px;color:#6a7a9a;line-height:1.6; }
.flag-bug-log-path-dir { font-family:'Share Tech Mono',monospace;font-size:11px;color:#c8d8ff;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.07);border-radius:3px;padding:5px 8px;margin:5px 0;word-break:break-all; }
.flag-bug-log-path-note { font-family:'Share Tech Mono',monospace;font-size:10px;color:#6a7a9a;margin-top:6px;line-height:1.5; }

/* Bug submit — matches rp-submit */
.flag-bug-submit {
  width:100%;padding:12px;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:3px;
  background:rgba(0,200,255,0.07);border:1px solid rgba(0,200,255,0.35);
  color:#00c8ff;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden;margin-top:4px;text-transform:uppercase;
}
.flag-bug-submit::after { content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#00c8ff;opacity:0.4; }
.flag-bug-submit:hover { background:rgba(255,255,255,0.06);border-color:#00c8ff;color:#fff;box-shadow:0 0 20px rgba(0,200,255,0.25); }
.flag-bug-submit:disabled { opacity:0.5;cursor:default; }


#settingsPanel {
  position: fixed !important;
  inset: 0;
  z-index: 8000;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(4,5,12,0.85);
  backdrop-filter: blur(4px);
}
#settingsPanel.hidden { display: none !important; }
#settingsPanel .settings-panel-inner {
  max-width: 480px;
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
}



#beginnerShipSelect {
  position: fixed !important;
  inset: 0;
  z-index: 9000;
  background: rgba(4,5,12,0.92);
  backdrop-filter: blur(4px);
  
}
#beginnerView {
  position: fixed !important;
  inset: 0;
  z-index: 9000;
  background: rgba(4,5,12,0.94);
  backdrop-filter: blur(6px);
  overflow-y: auto;
  max-width: unset;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px 48px;
}


#detailPanel { z-index: 10001 !important; }


#beginnerView .bv-header {
  max-width: 660px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 0 18px;
  border-bottom: 1px solid #1A2A3B;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
#beginnerView .bv-title {
  font-family: 'Orbitron', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #00E5FF;
  text-transform: uppercase;
  margin-bottom: 6px;
}
#beginnerView .bv-sub {
  font-family: 'Exo 2', sans-serif;
  font-size: 9px;
  color: #3D5C72;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#beginnerView .bv-change-ship {
  font-family: 'Orbitron', sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 7px 14px;
  border-radius: 4px;
  border: 1px solid #1A2A3B;
  background: transparent;
  color: #3D5C72;
  cursor: pointer;
  transition: all .2s;
  white-space: nowrap;
  flex-shrink: 0;
}
#beginnerView .bv-change-ship:hover {
  border-color: #00E5FF;
  color: #00E5FF;
  background: rgba(0,229,255,0.05);
}


#bvRoutes {
  max-width: 660px;
  width: 100%;
  margin: 0 auto;
}
#beginnerView .bv-route {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: rgba(11,20,29,0.7);
  border: 1px solid #1A2A3B;
  border-radius: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: background .15s, border-color .15s;
  position: relative;
  overflow: hidden;
}
#beginnerView .bv-route:hover {
  background: rgba(0,229,255,0.04);
  border-color: rgba(0,229,255,0.3);
}
#beginnerView .bv-route::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,229,255,0.4), transparent);
  opacity: 0;
  transition: opacity .15s;
}
#beginnerView .bv-route:hover::before { opacity: 1; }

#beginnerView .bv-route-num {
  font-family: 'Orbitron', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #1A2A3B;
  width: 28px;
  flex-shrink: 0;
  text-align: center;
}
#beginnerView .bv-route:hover .bv-route-num { color: rgba(0,229,255,0.3); }

#beginnerView .bv-commodity {
  font-family: 'Orbitron', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #DDEEFF;
  letter-spacing: 2px;
  margin-bottom: 7px;
}
#beginnerView .bv-terminals {
  font-family: 'Exo 2', sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}
#beginnerView .bv-buy  { color: #00E5FF; }
#beginnerView .bv-sell { color: #00FF94; }
#beginnerView .bv-arrow { display: none; }

#beginnerView .bv-route-body { min-height: 68px; display: flex; flex-direction: column; justify-content: center; }

#beginnerView .bv-route-stats {
  display: flex;
  gap: 24px;
  flex-shrink: 0;
  margin-left: auto;
}
#beginnerView .bv-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
#beginnerView .bv-stat-label {
  font-family: 'Exo 2', sans-serif;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #3D5C72;
  text-transform: uppercase;
}
#beginnerView .bv-stat-val {
  font-family: 'Orbitron', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
}
#beginnerView .bv-stat-val.gn  { color: #00FF94; }
#beginnerView .bv-stat-val.am  { color: #FFD24D; }
#beginnerView .bv-stat-val.ok  { color: #00FF94; }
#beginnerView .bv-stat-val.low { color: #FFD24D; }
#beginnerView .bv-stat-val.none{ color: #FF4D4D; }


#beginnerView .bv-footer {
  max-width: 660px;
  width: 100%;
  margin: 16px auto 0;
  display: flex;
  justify-content: center;
}
#beginnerView .bv-full-btn {
  font-family: 'Orbitron', sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 3px;
  padding: 10px 28px;
  border-radius: 4px;
  border: 1px solid #1A2A3B;
  background: transparent;
  color: #3D5C72;
  cursor: pointer;
  transition: all .2s;
  text-transform: uppercase;
}
#beginnerView .bv-full-btn:hover {
  border-color: #00E5FF;
  color: #00E5FF;
  background: rgba(0,229,255,0.05);
}


.bv-guide {
  max-width: 660px;
  width: 100%;
  margin: 0 auto 20px;
  background: rgba(11,20,29,0.6);
  border: 1px solid #1A2A3B;
  border-radius: 8px;
  padding: 20px 24px;
}
.bv-guide-title {
  font-family: 'Orbitron', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #3D5C72;
  text-transform: uppercase;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #1A2A3B;
}
.bv-guide-steps {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 18px;
}
.bv-guide-step {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.bv-guide-num {
  font-family: 'Orbitron', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #1A2A3B;
  flex-shrink: 0;
  width: 24px;
  padding-top: 1px;
}
.bv-guide-label {
  font-family: 'Orbitron', sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #00E5FF;
  margin-bottom: 4px;
}
.bv-guide-desc {
  font-family: 'Exo 2', sans-serif;
  font-size: 10px;
  color: #3D5C72;
  letter-spacing: 0.5px;
  line-height: 1.6;
}
.bv-guide-hl {
  font-family: 'Orbitron', sans-serif;
  font-size: 8px;
  font-weight: 700;
  color: #00FF94;
  letter-spacing: 1px;
}
.bv-guide-numbers {
  display: flex;
  gap: 0;
  border-top: 1px solid #1A2A3B;
  padding-top: 14px;
  flex-wrap: wrap;
  gap: 12px;
}
.bv-guide-num-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 140px;
}
.bv-guide-num-label {
  font-family: 'Orbitron', sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #8BAFC7;
}
.bv-guide-num-desc {
  font-family: 'Exo 2', sans-serif;
  font-size: 9px;
  color: #3D5C72;
  line-height: 1.5;
}


#bvTooltip { display: none !important; }


@keyframes gearSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.gear-icon{flex-shrink:0;stroke:rgba(139,175,199,0.6) !important;transition:stroke .2s;}
.gear-icon.spinning{animation:gearSpin 8s linear infinite;transform-origin:center;}
#gearBtn:hover .gear-icon{stroke:#00E5FF !important;}


/* position:absolute rather than fixed — at vw<1920 the body has a CSS transform
   which makes body the containing block for both fixed and absolute (identical
   behaviour). At vw>=1920 there is no transform: absolute is anchored to the
   document origin (ICB) so the bar scrolls with content instead of floating over
   the route table when the viewport is shorter than the 1080px design height.
   The left:calc() uses viewport units (100vw) which are unaffected by this change. */
#status { position:absolute; top:195px; left:calc(max(0px,(100vw - 1920px) / 2) + 256px); display:flex; align-items:center; gap:8px; font-family:'Saira Semi Condensed',sans-serif; font-size:10px; font-weight:700; letter-spacing:2px; z-index:10; min-height:16px; }
#status.ok  { color:#00FF94; }
#status.err { color:#FF4D4D; }
#status.loading { color:#3D5C72; }


#scConfirmModal {
  position: fixed;
  inset: 0;
  background: rgba(4,5,12,0.82);
  backdrop-filter: blur(4px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}


#hofView {
  position: fixed;
  inset: 0;
  z-index: 8500;
  overflow-y: auto;
  background: var(--bg);
}



*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --pri:#00E5FF;--sec:#00FF94;--acc:#FFD24D;--pur:#8B5CF6;
  --tp:#DDEEFF;--ts:#7DA8C4;--tm:#3D5C72;
  --orb:'Orbitron',sans-serif;--exo:'Exo 2',sans-serif;
}
html,body{width:100%;height:100%;overflow-x:hidden;scrollbar-width:none;background:#04080f;color:var(--tp);font-family:var(--exo);}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;}
html{overflow-x:visible !important;background-image:url('backgrounds/background1.jpeg');background-size:cover;background-position:center;background-attachment:fixed;}
html::before{content:'';position:fixed;inset:0;background:rgba(3,6,14,0.93);z-index:-1;pointer-events:none;}
body:not(.cmd-deck-open){scrollbar-gutter:auto !important;}
body{background-image:url('backgrounds/background1.jpeg');background-size:cover;background-position:center;}
body::before{content:'';position:fixed;inset:0;background:rgba(3,6,14,0.93);z-index:0;pointer-events:none;}

#shell{position:relative;z-index:1;width:100%;max-width:1920px;margin:0 auto;height:100%;overflow:clip;display:flex;flex-direction:column;padding:8px;gap:6px;}


.sp{position:relative;}
.sp::before {
  content:'';
  position:absolute;
  top:0; left:8px; right:8px;
  height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(160,200,255,0.35) 20%, rgba(180,215,255,0.5) 50%, rgba(160,200,255,0.35) 80%, transparent 100%);
  pointer-events:none;
  z-index:10;
}
#activeleg::before { background:linear-gradient(90deg, transparent 0%, rgba(56,217,255,0.5) 30%, rgba(56,217,255,0.5) 70%, transparent 100%); }
#newPanel::before { background:linear-gradient(90deg, transparent 0%, rgba(56,217,255,0.5) 30%, rgba(56,217,255,0.5) 70%, transparent 100%); }
#rp-panel-1::before { background:linear-gradient(90deg, transparent 0%, rgba(56,217,255,0.5) 30%, rgba(56,217,255,0.5) 70%, transparent 100%); }
#hotd-panel::before { background:linear-gradient(90deg, transparent 0%, rgba(56,217,255,0.5) 30%, rgba(56,217,255,0.5) 70%, transparent 100%); }
#cen-top::before { background:linear-gradient(90deg, transparent 0%, rgba(56,217,255,0.5) 30%, rgba(56,217,255,0.5) 70%, transparent 100%); }
#logopanel::before { background:linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.5) 70%, transparent 100%); }
#nav-panel::before { background:linear-gradient(90deg, transparent 0%, rgba(56,217,255,0.5) 30%, rgba(56,217,255,0.5) 70%, transparent 100%); }
#sys-status-sp::before { background:linear-gradient(90deg, transparent 0%, rgba(56,217,255,0.5) 30%, rgba(56,217,255,0.5) 70%, transparent 100%); }
#top-commodities-panel::before { background:linear-gradient(90deg, transparent 0%, rgba(56,217,255,0.5) 30%, rgba(56,217,255,0.5) 70%, transparent 100%); }
#footer-panel::before { background:linear-gradient(90deg, transparent 0%, rgba(56,217,255,0.5) 30%, rgba(56,217,255,0.5) 70%, transparent 100%); }
.sp svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.sp .inn{position:absolute;inset:0;overflow:hidden;} #activeleg-inn{z-index:4;overflow:visible;}


#topbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:67px;}
#tb-l,#tb-r{display:flex;align-items:center;}

#logopanel{position:relative;width:240px;height:67px;flex-shrink:0;}
#logopanel .inn{display:flex;align-items:center;padding:0 14px;gap:10px;}
.b1{font-family:'Saira Semi Condensed',sans-serif;font-size:10px;font-weight:700;color:var(--tp);letter-spacing:2px;}
.b2{font-family:'Saira Semi Condensed',sans-serif;font-size:7px;font-weight:700;color:var(--pri);letter-spacing:4px;margin-top:2px;}

.tbtn{position:relative;flex-shrink:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.tbtn svg{display:block;pointer-events:none;width:88px;height:24px;}
.tbtn span{position:absolute;font-family:var(--orb);font-size:8px;font-weight:700;letter-spacing:2px;color:var(--tm);text-transform:uppercase;pointer-events:none;}
.tbtn.on span{color:var(--sec);}
.tbtn.on:hover{filter:drop-shadow(0 0 6px rgba(0,255,148,0.25)) drop-shadow(0 0 2px rgba(0,255,148,0.15));}
.tbtn.pooled-btn:hover{filter:drop-shadow(0 0 6px rgba(0,229,255,0.25)) drop-shadow(0 0 2px rgba(0,229,255,0.15));}
.tbtn+.tbtn{margin-left:-5px;}


#activeleg{width:100%;}
#activeleg .inn{padding:6px 16px 8px;display:flex;flex-direction:column;justify-content:space-between;}
.eye{font-family:var(--exo);font-size:7px;font-weight:700;letter-spacing:5px;color:var(--tm);text-transform:uppercase;}
.route{font-family:var(--orb);font-size:clamp(16px,2vw,26px);font-weight:700;color:var(--tp);letter-spacing:2px;display:flex;align-items:center;gap:14px;}
.arr{color:var(--pri);}
.stats{display:flex;align-items:center;}
.sb{padding-right:14px;}
.sd{width:1px;height:22px;background:#1A2A3B;margin-right:14px;flex-shrink:0;}
.sl{font-family:'Saira Semi Condensed',sans-serif;font-size:7px;font-weight:700;letter-spacing:3px;color:var(--tm);text-transform:uppercase;margin-bottom:2px;}
.sv{font-family:'Saira Semi Condensed',sans-serif;font-size:10px;font-weight:700;color:var(--pri);}
.sv.s{color:var(--sec);}.sv.w{color:var(--tp);font-size:12px;}.sv.a{color:var(--acc);font-size:12px;}
.cstatus{position:absolute;top:10px;right:16px;border:1px solid rgba(220,240,255,0.3);border-radius:4px;padding:4px 14px;font-family:var(--orb);font-size:9px;font-weight:700;letter-spacing:3px;color:var(--tp);}
.cpills{position:absolute;bottom:8px;right:16px;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;}
.cpill{padding:3px 8px;border:1px solid;border-radius:4px;font-family:var(--exo);font-size:7px;font-weight:700;letter-spacing:1px;}
.cpill.g{border-color:rgba(0,255,148,.35);color:var(--sec);background:rgba(0,255,148,.07);}
.cpill.a{border-color:rgba(240,180,41,.35);color:var(--acc);background:rgba(240,180,41,.07);}
.cpill.p{border-color:rgba(139,92,246,.35);color:var(--pur);background:rgba(139,92,246,.07);}


#body{display:flex;gap:6px;flex:1;min-height:0;}
#lp-col{display:flex;flex-direction:column;gap:6px;flex-shrink:0;width:242px;}
#lp-col .sp{flex:1;width:100%;}
#rp-col{display:flex;flex-direction:column;gap:6px;flex-shrink:0;width:344px;align-self:flex-end;margin-right:0;margin-bottom:40px;}
#rp-col .sp{flex:1;} #rp-col > .sp{flex:none;}
#cen{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;justify-content:flex-end;}
#cen-panels{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;}
#cen-top{flex:1;min-height:0;overflow:hidden;margin-bottom:40px;}



#tabrow{display:flex;align-items:center;flex-shrink:0;overflow:hidden;}
.ctab{position:relative;flex:1;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;height:30px;}
.ctab svg{display:block;pointer-events:none;width:100%;height:30px;}
.ctab span{position:absolute;font-family:var(--exo);font-size:8px;font-weight:700;letter-spacing:2px;color:var(--tm);text-transform:uppercase;pointer-events:none;padding:0 8px;white-space:nowrap;}
.ctab.on span{color:var(--pri);}
.ctab+.ctab{margin-left:-5px;}


.ph{height:40px;flex-shrink:0;display:flex;align-items:center;padding:0 14px;}
.pt{font-family:'Saira Semi Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;color:#FFFFFF;flex:1;}
.pb{font-family:var(--exo);font-size:8px;font-weight:600;color:var(--tm);letter-spacing:1px;}
.psh{height:32px;flex-shrink:0;display:flex;align-items:center;padding:0 14px;}
.pst{font-family:var(--orb);font-size:8px;font-weight:700;letter-spacing:3px;color:var(--ts);flex:1;}
.psb{font-family:var(--exo);font-size:8px;font-weight:600;color:var(--pri);background:none;border:none;cursor:pointer;}
.pbody{flex:1;overflow-y:auto;padding:10px 12px;min-height:0;scrollbar-width:none;}
.pbody::-webkit-scrollbar{display:none;}


.cc{display:flex;align-items:center;gap:6px;padding:7px 6px;margin-bottom:3px;background:rgba(10,20,36,0.5);border:1px solid #1A2A3B;border-radius:5px;cursor:pointer;transition:border-color .2s;}
.cc:hover{border-color:rgba(0,229,255,0.2);}
.cc.cmd{border-left:2px solid var(--pri);}
.ava{width:30px;height:30px;border-radius:50%;flex-shrink:0;border:1px solid #1A2A3B;background:rgba(0,212,240,0.05);display:flex;align-items:center;justify-content:center;font-family:var(--orb);font-size:8px;font-weight:700;color:var(--ts);position:relative;}
.cc.cmd .ava{border-color:rgba(0,229,255,0.3);color:var(--pri);}
.dot{position:absolute;bottom:0;right:0;width:7px;height:7px;border-radius:50%;border:2px solid #04080f;}
.dot.gr{background:var(--sec);}.dot.am{background:var(--acc);}.dot.gy{background:var(--tm);}
.ci{flex:1;min-width:0;}
.cn{font-family:var(--exo);font-size:12px;font-weight:700;color:var(--tp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;}
.cc.cmd .cn{color:var(--pri);}
.cship{font-family:var(--exo);font-size:7px;color:var(--tm);margin-top:1px;}
.cst{font-family:var(--exo);font-size:6px;font-weight:700;padding:2px 5px;border:1px solid;border-radius:4px;letter-spacing:1px;flex-shrink:0;white-space:nowrap;}
.cst.tr{border-color:rgba(0,229,255,0.3);color:var(--pri);background:rgba(0,229,255,0.06);}
.cst.loaded{border-color:rgba(0,255,148,0.3);color:var(--sec);background:rgba(0,255,148,0.06);}
.occ{display:flex;align-items:center;gap:8px;padding:7px 9px;margin-bottom:3px;border:1px dashed #1A2A3B;border-radius:5px;cursor:pointer;color:var(--tm);transition:all .2s;}
.occ:hover{border-color:rgba(0,229,255,0.25);color:var(--pri);}
.oava{width:30px;height:30px;border-radius:50%;border:1px dashed #1A2A3B;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}


.le{display:flex;gap:7px;padding:3px 0;border-bottom:1px solid rgba(26,42,59,0.4);line-height:1.7;}
.lt{font-family:var(--exo);font-size:6px;font-weight:600;color:var(--tm);flex-shrink:0;width:34px;}
.lm{font-family:var(--exo);font-size:8px;color:var(--ts);}
.lm.g{color:var(--sec);}.lm.c{color:var(--pri);}.lm.w{color:var(--acc);}.lm.p{color:var(--pur);}


.cs{display:none;height:100%;flex-direction:column;}
.cs.on{display:flex;}
.cpw{padding:12px 14px;height:100%;display:flex;flex-direction:column;overflow:hidden;}
.cpg{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px;flex-shrink:0;}
.cpl{font-family:var(--exo);font-size:7px;font-weight:700;letter-spacing:2px;color:var(--tm);text-transform:uppercase;margin-bottom:3px;}
.cps{width:100%;background:rgba(4,8,16,0.8);border:1px solid #1A2A3B;color:var(--tp);font-family:var(--exo);font-size:9px;padding:6px 8px;outline:none;cursor:pointer;appearance:none;color-scheme:dark;border-radius:4px;}
.cps:focus{border-color:var(--pri);}

.cplist{flex:1;overflow-y:auto;}
.cplist::-webkit-scrollbar{width:2px;}
.cplist::-webkit-scrollbar-track{background:transparent;}
.cplist::-webkit-scrollbar-thumb{background:#1A2A3B;}
.cpr{display:flex;align-items:center;gap:9px;padding:7px 10px;margin-bottom:3px;background:rgba(8,16,28,0.5);border:1px solid #1A2A3B;border-radius:5px;transition:border-color .2s;}
.cpr:hover{border-color:rgba(0,229,255,0.2);}
.cpn{width:20px;height:20px;border:1px solid #1A2A3B;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--orb);font-size:8px;color:var(--tm);flex-shrink:0;}
.cpri{flex:1;min-width:0;}
.cprr{font-family:var(--exo);font-size:12px;font-weight:600;color:var(--tp);}
.cprm{font-family:var(--exo);font-size:7px;color:var(--tm);margin-top:1px;}
.cprp{font-family:var(--orb);font-size:10px;font-weight:700;color:var(--sec);white-space:nowrap;flex-shrink:0;}
.cpadd{padding:3px 8px;border:1px solid #1A2A3B;background:transparent;color:var(--ts);font-family:var(--exo);font-size:7px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;border-radius:4px;}
.cpadd:hover{border-color:var(--pri);color:var(--pri);}
.cpadd.added{border-color:rgba(0,255,148,0.3);color:var(--sec);background:rgba(0,255,148,0.06);}


.cmw{display:flex;flex-direction:column;height:100%;}
.cmh{height:40px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #1A2A3B;flex-shrink:0;}
.cmt{font-family:var(--orb);font-size:8px;font-weight:700;letter-spacing:3px;color:var(--pri);flex:1;}
.cmon{font-family:var(--exo);font-size:8px;color:var(--tm);}
.cmon::before{content:'● ';color:var(--sec);}
#cmf,#cmf2{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:8px;min-height:0;}
#cmf::-webkit-scrollbar,#cmf2::-webkit-scrollbar{width:2px;}
#cmf::-webkit-scrollbar-track,#cmf2::-webkit-scrollbar-track{background:transparent;}
#cmf::-webkit-scrollbar-thumb,#cmf2::-webkit-scrollbar-thumb{background:#1A2A3B;}
.cmhd{display:flex;align-items:center;gap:7px;margin-bottom:2px;}
.cmwho{font-family:var(--exo);font-size:9px;font-weight:700;color:var(--pri);letter-spacing:1px;}
.cmtime{font-family:var(--exo);font-size:7px;color:var(--tm);}
.cmmsg{font-family:var(--exo);font-size:10px;color:var(--ts);line-height:1.6;}
.cmbar{display:flex;gap:7px;padding:9px 14px;border-top:1px solid #1A2A3B;flex-shrink:0;}
#ci,#ci2{flex:1;background:rgba(4,8,16,0.8);border:1px solid #1A2A3B;color:var(--tp);font-family:var(--exo);font-size:10px;padding:7px 10px;outline:none;border-radius:4px;}
#ci:focus,#ci2:focus{border-color:var(--pri);}
#ci::placeholder,#ci2::placeholder{color:var(--tm);}
#cs,#cs2{background:rgba(0,229,255,0.06);border:1px solid rgba(0,229,255,0.2);color:var(--pri);font-family:var(--orb);font-size:8px;font-weight:700;letter-spacing:2px;padding:7px 14px;cursor:pointer;border-radius:4px;transition:all .2s;}
#cs:hover,#cs2:hover{background:rgba(0,229,255,0.12);}


.psl{font-family:var(--exo);font-size:7px;font-weight:700;letter-spacing:3px;color:var(--tm);text-transform:uppercase;margin:6px 0 4px;padding-bottom:4px;border-bottom:1px solid #1A2A3B;}
.psr{display:flex;align-items:center;gap:5px;padding:4px 0;border-bottom:1px solid rgba(26,42,59,0.4);}
.psn{font-family:var(--exo);font-size:10px;font-weight:700;color:var(--tp);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.psrole{font-family:var(--exo);font-size:6px;font-weight:700;padding:2px 5px;border:1px solid;border-radius:4px;letter-spacing:1px;flex-shrink:0;}
.psrole.h{border-color:rgba(0,229,255,0.3);color:var(--pri);background:rgba(0,229,255,0.05);}
.psrole.e{border-color:rgba(139,92,246,0.3);color:var(--pur);background:rgba(139,92,246,0.05);}
.psscu{font-family:var(--exo);font-size:8px;color:var(--tm);width:36px;text-align:right;flex-shrink:0;}
.pspct{font-family:var(--exo);font-size:9px;font-weight:600;color:var(--pri);width:32px;text-align:right;flex-shrink:0;}
.pspay{font-family:var(--orb);font-size:10px;font-weight:700;color:var(--sec);width:52px;text-align:right;flex-shrink:0;}
.pstot{display:flex;align-items:baseline;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:1px solid #1A2A3B;}
.pstl{font-family:var(--exo);font-size:7px;font-weight:700;letter-spacing:2px;color:var(--tm);text-transform:uppercase;}
.pstv{font-family:var(--orb);font-size:16px;font-weight:700;color:var(--sec);}
.pssub{display:flex;justify-content:space-between;margin-top:3px;}
.pssubl{font-family:var(--exo);font-size:7px;color:var(--tm);letter-spacing:2px;}
.pssubv{font-family:var(--exo);font-size:9px;color:var(--ts);}
.fin{width:100%;padding:8px;margin-top:7px;background:rgba(0,255,148,0.05);border:1px solid rgba(0,255,148,0.2);color:var(--sec);font-family:var(--orb);font-size:8px;font-weight:700;letter-spacing:3px;cursor:pointer;text-transform:uppercase;border-radius:4px;transition:all .2s;}
.fin:hover{background:rgba(0,255,148,0.1);}


.ltt{width:100%;border-collapse:collapse;}
.ltt th{font-family:var(--exo);font-size:7px;font-weight:700;color:var(--tm);text-transform:uppercase;letter-spacing:2px;text-align:left;padding:4px 5px;border-bottom:1px solid #1A2A3B;}
.ltt td{font-family:var(--exo);font-size:8px;color:var(--tm);padding:5px 5px;border-bottom:1px solid rgba(26,42,59,0.4);}
.ltt tr.act td{color:var(--pri);}
.ltt tr.act td:first-child{border-left:2px solid var(--pri);padding-left:3px;}
.ltt tr.done td{color:rgba(0,255,148,0.5);}
.ld{display:inline-block;width:6px;height:6px;border-radius:50%;vertical-align:middle;}
.ld.done{background:var(--sec);}.ld.act{background:var(--pri);box-shadow:0 0 5px var(--pri);}.ld.pend{background:#1A2A3B;}


#rt-wrap{display:flex;flex-direction:column;height:100%;padding:2px 2px 0 2px;}
#rt-scroll{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;}
#rt-scroll .table-wrap{flex:1;min-height:0;overflow-x:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,0.15) transparent;border:none;}
#rt-scroll .table-wrap.font-size-1 tbody td{font-size:13px;}
#rt-scroll .table-wrap.font-size-1 .col-terminal{font-size:12px;}
#rt-scroll .table-wrap.font-size-1 .badge{font-size:9px;}
#rt-scroll .table-wrap.font-size-2 tbody td{font-size:14px;}
#rt-scroll .table-wrap.font-size-2 .col-terminal{font-size:13px;}
#rt-scroll .table-wrap.font-size-2 .badge{font-size:10px;}
#rt-scroll .table-wrap.font-size-3 tbody td{font-size:15px;}
#rt-scroll .table-wrap.font-size-3 .col-terminal{font-size:14px;}
#rt-scroll .table-wrap.font-size-3 .badge{font-size:11px;}
#rt-scroll .table-wrap::-webkit-scrollbar{width:4px;height:6px;}
#rt-scroll .table-wrap::-webkit-scrollbar-thumb{background:rgba(0,212,255,0.15);border-radius:3px;}
#rt-scroll .table-wrap::-webkit-scrollbar-track{background:transparent;}
#rt-scroll table{width:max-content;min-width:100%;border-collapse:collapse;}
#rt-scroll thead tr th:first-child{border-radius:8px 0 0 0;}
#rt-scroll thead tr th:last-child{border-radius:0 8px 0 0;}
#rt-scroll thead th{font-family:'Saira Semi Condensed',sans-serif;font-size:11px;font-weight:700;color:#A8C8DC;text-transform:uppercase;letter-spacing:2px;text-align:left;padding:8px 8px;border-bottom:1px solid #1A2A3B;position:sticky;top:0;background:#0a1620;z-index:1;white-space:nowrap;}
#rt-scroll tbody td{font-family:'Saira Semi Condensed',sans-serif;font-size:12px;color:#7A9DB8;padding:5px 8px;border-bottom:1px solid rgba(26,42,59,0.45);white-space:nowrap;}
#rt-scroll tbody tr{cursor:pointer;transition:background .15s;}
#rt-scroll tbody tr:hover td{background:rgba(0,229,255,0.04);}
#rt-scroll tbody tr.row-highlighted td{background:rgba(0,229,255,0.07);}
#rt-scroll tbody tr.row-fav td{border-left:2px solid rgba(255,210,77,0.4);}
#rt-scroll .col-commodity{color:var(--tp);font-weight:600;}
#rt-scroll .col-profit{color:var(--sec);}
#rt-scroll .col-total{color:var(--sec);font-weight:700;}
#rt-scroll .col-total .badge{display:none;}
#rt-scroll .empty-row td{text-align:center;padding:24px;color:var(--tm);letter-spacing:3px;font-size:7px;}
#rt-scroll .badge{font-family:var(--exo);font-size:8px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:1px;}
#rt-scroll .badge.ok{background:rgba(0,255,148,0.12);color:var(--sec);}
#rt-scroll .badge.low{background:rgba(255,210,77,0.12);color:#FFD24D;}
#rt-scroll .badge.none{background:rgba(255,77,77,0.1);color:#FF4D4D;}
#rt-scroll .zone{display:inline-flex;align-items:center;gap:4px;font-family:'Saira Semi Condensed',sans-serif;font-size:10px;font-weight:600;letter-spacing:1px;}
#rt-scroll .zone-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;}
#rt-scroll .zone.local{color:#00FF94;}#rt-scroll .zone.medium{color:#FFD24D;}
#rt-scroll .zone.long{color:#FF8C42;}#rt-scroll .zone.interstellar{color:#B066FF;}
#rt-scroll .dist-bar{display:inline-flex;gap:2px;margin-left:6px;vertical-align:middle;}
#rt-scroll .dist-pip{width:8px;height:4px;border-radius:1px;background:#1A2A3B;}
#rt-scroll .dist-pip.filled.local{background:#00FF94;}
#rt-scroll .dist-pip.filled.medium{background:#FFD24D;}
#rt-scroll .dist-pip.filled.long{background:#FF8C42;}
#rt-scroll .dist-pip.filled.interstellar{background:#B066FF;}
#rt-scroll .fav-btn{background:none;border:none;cursor:pointer;color:#1A2A3B;padding:0 2px;transition:color .15s;}
#rt-scroll .fav-btn.faved{color:#FFD24D;}
#rt-scroll .fav-btn:hover{color:#FFD24D;}
#rt-scroll .bl-inline-btn{background:none;border:none;cursor:pointer;color:#1A2A3B;padding:0 2px;transition:color .15s;}
#rt-scroll .bl-inline-btn:hover{color:#FF4D4D;}
#rt-scroll .col-actions-desktop{width:44px;white-space:nowrap;}
#rt-scroll .mobile-actions-cell{display:none;}


#rt-scroll thead th:nth-child(10),
#rt-scroll tbody td:nth-child(11){display:none;}
#rt-scroll thead th:nth-child(11),
#rt-scroll tbody td:nth-child(12){display:none;}
#rt-scroll thead th:nth-child(12),
#rt-scroll tbody td:nth-child(13){display:none;}
#rt-scroll.col-show-perhr thead th:nth-child(10),
#rt-scroll.col-show-perhr tbody td:nth-child(11){display:table-cell;}
#rt-scroll.col-show-stock thead th:nth-child(11),
#rt-scroll.col-show-stock tbody td:nth-child(12){display:table-cell;}
#rt-scroll.col-show-sellstock thead th:nth-child(12),
#rt-scroll.col-show-sellstock tbody td:nth-child(13){display:table-cell;}

#rt-scroll.col-hidden-buy thead th:nth-child(6),
#rt-scroll.col-hidden-buy tbody td:nth-child(7){display:none;}
#rt-scroll.col-hidden-sell thead th:nth-child(7),
#rt-scroll.col-hidden-sell tbody td:nth-child(8){display:none;}
#rt-scroll.col-hidden-perscu thead th:nth-child(8),
#rt-scroll.col-hidden-perscu tbody td:nth-child(9){display:none;}

#rt-scroll .table-wrap.simple-view thead th:nth-child(6),
#rt-scroll .table-wrap.simple-view thead th:nth-child(7){display:none;}


#rt-scroll thead th{position:relative;}
#rt-scroll thead th .col-resize-handle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;display:flex;align-items:center;justify-content:center;}
#rt-scroll thead th .col-resize-handle::after{content:'';display:block;width:1px;height:60%;background:#2A3D50;}
#rt-scroll thead th .col-resize-handle:hover::after{background:#00E5FF;}


#col-toggle-btn{background:none;border:1px solid #1A2A3B;border-radius:3px;color:#3D5C72;cursor:pointer;padding:2px 5px;font-size:10px;line-height:1;flex-shrink:0;transition:color .15s,border-color .15s;}
#col-toggle-btn:hover{color:#00E5FF;border-color:#00E5FF;}
#col-toggle-menu{position:fixed;top:0;right:0;z-index:9999;background:#0a1620;border:1px solid #1A2A3B;border-radius:3px;padding:6px 0;min-width:140px;display:none;}
#col-toggle-menu.open{display:block;}
.col-toggle-item{display:flex;align-items:center;gap:8px;padding:5px 12px;cursor:pointer;font-family:var(--exo);font-size:8px;letter-spacing:1px;color:#7A9DB8;white-space:nowrap;transition:color .15s;}
.col-toggle-item:hover{color:#00E5FF;}
.col-toggle-item input{accent-color:#00E5FF;cursor:pointer;}
#rt-foot{display:flex;align-items:center;justify-content:center;padding:6px 14px;flex-shrink:0;border-top:1px solid #1A2A3B;position:relative;}
#rt-count{font-family:var(--exo);font-size:7px;color:var(--tm);letter-spacing:2px;position:absolute;right:14px;}
#rt-pag{display:inline-flex;align-items:center;gap:4px;}
.rpg-btn{background:rgba(10,20,36,0.6);border:1px solid #1A2A3B;color:var(--tm);font-family:var(--orb);font-size:7px;font-weight:700;padding:3px 8px;cursor:pointer;letter-spacing:1px;border-radius:3px;transition:all .15s;}
.rpg-btn:hover{border-color:var(--pri);color:var(--pri);}
.rpg-btn.active{border-color:var(--pri);color:var(--pri);background:rgba(0,229,255,0.08);}


#ctrl-bars{display:flex;flex-direction:column;gap:4px;width:calc(100% - 212px);flex-shrink:0;margin-bottom:2px;position:relative;top:-8px;align-self:flex-start;}
#ctrl-bar1{display:flex;align-items:center;gap:6px;height:34px;}
#ctrl-bar2{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 2px;width:100%;}
.ctrl-select{background:rgba(11,20,29,0.3);border:1px solid #1A2A38;border-radius:4px;color:#8BAFC7;font-family:'Saira Semi Condensed',sans-serif;font-size:10px;font-weight:600;letter-spacing:1px;padding:0 28px 0 10px;height:34px;outline:none;cursor:pointer;appearance:none;color-scheme:dark;position:relative;flex-shrink:0;}
.ctrl-select:focus{border-color:var(--pri);}
#ctrl-ship-wrap{position:relative;flex-shrink:0;}
#ctrl-ship-wrap::after{content:'▾';position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#3D5C72;font-size:10px;pointer-events:none;}
#ctrl-sys-wrap{position:relative;flex-shrink:0;}
#ctrl-sys-wrap::after{content:'▾';position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#3D5C72;font-size:10px;pointer-events:none;}
#sysFilterBtn{display:flex;align-items:center;user-select:none;}
#sysFilterList{display:none;position:fixed;z-index:9999;background:#0d1318;border:1px solid #1f3d52;border-radius:4px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.6);}
.sysfilter-opt{display:block;padding:7px 12px;font-family:'Saira Semi Condensed',sans-serif;font-size:9px;font-weight:600;letter-spacing:1px;color:#8BAFC7;cursor:pointer;white-space:nowrap;}
.sysfilter-opt:hover,.sysfilter-opt.sf-active{background:rgba(0,229,255,0.12);color:#00E5FF;}
#ctrl-search-wrap{flex:1;position:relative;}
#ctrl-search{width:100%;background:rgba(11,20,29,0.3);border:1px solid #1A2A38;border-radius:4px;color:var(--tp);font-family:'Saira Semi Condensed',sans-serif;font-size:10px;padding:0 30px 0 10px;height:34px;outline:none;box-sizing:border-box;}
#ctrl-search::placeholder{color:#3D5C72;letter-spacing:1px;}
#ctrl-search:focus{border-color:var(--pri);}
#ctrl-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#3D5C72;cursor:pointer;font-size:12px;display:none;}
#ctrl-search-clear.visible{display:block;}
#searchClear.visible{display:block !important;}
.ctrl-btn{background:rgba(11,20,29,0.3);border:1px solid #1A2A38;border-radius:4px;color:#8BAFC7;font-family:'Saira Semi Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;padding:0 14px;height:34px;cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:6px;flex-shrink:0;}
.ctrl-btn:hover{border-color:var(--pri);color:var(--pri);}
.ctrl-btn.primary{border-color:var(--sec);color:var(--sec);border-radius:4px;}
.ctrl-btn.primary:hover{background:rgba(0,255,148,0.08);}
#ctrl-status{font-family:'Saira Semi Condensed',sans-serif;font-size:7px;font-weight:700;letter-spacing:2px;color:#3D5C72;}
#ctrl-status.ok span{color:var(--sec);}
.ctrl-view-btn{background:rgba(11,20,29,0.3);border:1px solid #1A2A38;border-radius:4px;color:#3D5C72;font-family:'Saira Semi Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;padding:0 14px;height:34px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px;}
.ctrl-view-btn:hover{color:#8BAFC7;border-color:#1A2A38;}
.ctrl-view-btn.active{border-color:var(--pri);color:var(--pri);background:rgba(0,229,255,0.05);}
.ctrl-view-btn.semi-active{border-color:rgba(0,229,255,0.35);color:rgba(0,229,255,0.45);background:rgba(0,229,255,0.03);}
#fontSizeBtn{gap:0;letter-spacing:0;padding:0 10px;}
#fontSizeBtn span{font-family:'Saira Semi Condensed',sans-serif;font-weight:700;font-size:13px;line-height:1;vertical-align:baseline;}
#ctrl-view-btns{display:flex;gap:4px;position:relative;top:7px;left:2px;}


#sys-status-panel{display:flex;flex-direction:column;height:100%;padding:12px 10px 10px;}
#sys-status-title{font-family:'Saira Semi Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;color:#8BAFC7;text-transform:uppercase;margin-bottom:2px;}
#sys-status-state{font-family:'Saira Semi Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;color:#00FF94;text-transform:uppercase;margin-bottom:8px;}
#sys-galaxies{display:flex;flex-direction:column;align-items:center;flex:1;gap:0;justify-content:center;}
#sys-galaxies-top{display:flex;justify-content:center;}
#sys-galaxies-bottom{display:flex;flex-direction:column;align-items:center;gap:0;}
#sys-galaxies canvas{display:block;margin:-20px auto;}
#sys-status-footer{border-top:1px solid #1A2A3B;padding-top:8px;margin-top:4px;}
#sys-sync-label{font-family:'Saira Semi Condensed',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;color:#8BAFC7;text-transform:uppercase;margin-bottom:2px;}
#sys-clock{font-family:var(--orb);font-size:13px;font-weight:700;color:#00FF94;margin-bottom:3px;}
#sys-live{display:flex;align-items:center;gap:5px;font-family:'Saira Semi Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;color:#00FF94;}
#sys-live-dot{width:7px;height:7px;border-radius:50%;background:#00FF94;animation:livePulse 1.8s ease-in-out infinite;}
@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 4px #00FF94;}50%{opacity:0.4;box-shadow:none;}}


#lp-nav{display:flex;flex-direction:column;padding:4px 0;gap:8px;justify-content:flex-start;flex:1;align-items:stretch;}
.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;cursor:pointer;border:1px solid transparent;border-radius:4px;margin:0 4px;transition:all .2s;color:#ffffff;text-decoration:none;position:relative;}
.nav-item:hover{color:#00E5FF;background:rgba(0,180,255,0.03);border-color:rgba(0,180,255,0.2);}
.nav-item.active{color:#00E5FF;background:rgba(0,180,255,0.03);border-color:transparent;box-shadow:inset 8px 0 10px -4px rgba(0,200,255,0.25),inset -8px 0 10px -4px rgba(0,200,255,0.25),8px 0 10px -4px rgba(0,200,255,0.2),-8px 0 10px -4px rgba(0,200,255,0.2);}
.nav-item.active::before{content:'';position:absolute;inset:0;border-radius:4px;padding:1px;background:linear-gradient(to bottom,rgba(0,200,255,0.15) 0%,rgba(0,200,255,0.7) 30%,rgba(0,200,255,0.7) 70%,rgba(0,200,255,0.15) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.nav-item svg{flex-shrink:0;width:20px;height:20px;display:block;position:relative;}

.nav-label{font-family:'Oxanium',sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;}


.ti{font-family:'Saira Semi Condensed',sans-serif;font-size:9px;color:#3D5C72;letter-spacing:1.5px;padding:0 16px;white-space:nowrap;}
.ti.accent{color:#00E5FF;}
.ti.am{color:#00FF94;}
.ti.up{color:#00FF94;}
.ti-div{display:inline-block;width:1px;height:12px;background:#1A2A38;vertical-align:middle;flex-shrink:0;}
@keyframes tickerPulse{0%,100%{opacity:1;box-shadow:0 0 4px #00E5FF;}50%{opacity:0.4;box-shadow:none;}}


#footer{display:flex;align-items:stretch;flex-shrink:0;height:52px;}



#tablet-row    { overflow: visible; }
#rs-col        { padding-right: 0; }
#activeleg-row { height: 247px; }
#activeleg     { height: 247px; flex:1; min-width:0; overflow:hidden; border-radius:8px; }
#activeleg-bg        { position:absolute; inset:0; pointer-events:none; z-index:1; background:linear-gradient(to bottom, #081326 0%, #030712 100%); opacity:0.35; }
#activeleg-bg::before { content:''; position:absolute; inset:0; }
#activeleg-bg::after  { content:''; position:absolute; inset:0; }
#al-stats {
  position: relative;
  min-height: 100px;
  padding-top: 36px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 22px;
  justify-content: space-between;
}
#al-stats::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 80px;
  background-image: url('rotdpanel/rotdstatspanel.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}
#al-stats > * { position: relative; z-index: 1; }
#newPanel      { height: 247px; width:344px; flex-shrink:0; margin-right:350px; }
#ctrl-bars     { width: calc(100% - 212px); }
#footer        { position: relative; top: -40px; width: 100%; }
#topbar        { width: 100%; }
#tickerBar     { width: 100% !important; }


@media (min-width:1381px) and (max-width:1919px) {
  #rp-col     { align-self: flex-start; margin-top: -231px; margin-bottom: 0; }
  #rp-panel-1 { height: 248px !important; }
  #rp-col > .sp:last-child { height: 239px !important; }
}


@media (min-width:1920px) and (max-width:2559px) {
  #rp-col { align-self: flex-start; margin-top: -231px; margin-bottom: 0; }
  #rp-panel-1 { height: 275px !important; }
  #rp-col > .sp:last-child { height: 235px !important; }
}


@media (min-width:2560px) {
  #rp-col { align-self: flex-start; margin-top: -231px; }
}


@media (max-width:1380px) {
  
  #activeleg-row { height: 250px; }
  #activeleg     { flex: 1; min-width: 0; height: 250px; }
  #newPanel      { height: 250px; margin-right: 350px; }

  
  #rp-col        { align-self: flex-start; margin-top: -234px; }

  
  #ctrl-bars     { width: 100%; }
  #footer        { top: 0; width: 100%; }
  #topbar        { width: 100%; }
  #tickerBar     { width: 100% !important; }
}


  @keyframes hotdRing1 { from { transform: rotate(0deg); }   to { transform: rotate(360deg); } }
  @keyframes hotdRing2 { from { transform: rotate(0deg); }   to { transform: rotate(360deg); } }
  @keyframes hotdRing3 { from { transform: rotate(0deg); }   to { transform: rotate(360deg); } }
  @keyframes hotdRing4 { from { transform: rotate(0deg); }   to { transform: rotate(360deg); } }
  @keyframes hotdRing5 { from { transform: rotate(0deg); }   to { transform: rotate(360deg); } }
  @keyframes hotdRing6 { from { transform: rotate(0deg); }   to { transform: rotate(360deg); } }
  @keyframes hotdEnergySweep { 0%,100% { transform: scale(1); opacity:0.17; } 50% { transform: scale(1.04); opacity:0.13; } }

/* Terminal Status button — bug alert flash */
@keyframes termBugFlash {
  0%,100% { border-color:var(--border2);color:var(--text2); }
  50%      { border-color:rgba(255,60,60,0.8);color:#ff4444;box-shadow:0 0 8px rgba(255,60,60,0.4); }
}
.dp-flag-btn.bug-alert {
  animation: termBugFlash 1.4s ease-in-out infinite;
}

/* Active run dot — bug alert */
@keyframes dotBugPulse {
  0%,100% { background:#ff3c3c;box-shadow:0 0 6px rgba(255,60,60,0.9); }
  50%      { background:#ff6666;box-shadow:0 0 12px rgba(255,60,60,0.5); }
}
#ar-dot.bug-alert {
  animation: dotBugPulse 1.4s ease-in-out infinite;
}

/* Bug report rows in flag modal */
.fc-bug-row { padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05); }
.fc-bug-row:last-child { border-bottom:none; }
.fc-bug-top { display:flex;justify-content:space-between;align-items:center;margin-bottom:4px; }
.fc-bug-label { font-family:'Share Tech Mono',monospace;font-size:11px;color:#ff6666;letter-spacing:.06em; }
.fc-bug-time { font-family:'Share Tech Mono',monospace;font-size:10px;color:#6a7a9a; }
.fc-bug-shard { display:block;font-family:'Share Tech Mono',monospace;font-size:10px;color:#00c8ff;margin-bottom:3px; }
.fc-bug-comment { font-family:'Share Tech Mono',monospace;font-size:10px;color:#7a8aaa;line-height:1.5; }