.topbar {
  position: sticky;
  top: 10px;
  z-index: 80;
  min-height: 78px;
  padding: 11px 14px 11px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(
    180deg,
    rgba(7, 8, 31, 0.96),
    rgba(3, 5, 20, 0.90)
  );
  backdrop-filter: blur(18px);
  box-shadow:
    0 0 38px rgba(4, 99, 247, 0.08),
    0 0 65px rgba(108, 10, 234, 0.05);
  overflow: hidden;
}

.topbar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 7px;
  background: linear-gradient(
    180deg,
    #15d0fc 0%,
    #0463f7 34%,
    #6c0aea 68%,
    #d919f7 100%
  );
  box-shadow:
    0 0 18px rgba(21, 208, 252, 0.72),
    0 0 38px rgba(217, 25, 247, 0.26);
}

.brand {
  display: flex;
  gap: 13px;
  align-items: center;
  min-width: 0;
}

.brand-mark {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.brand-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter:
    drop-shadow(0 0 5px rgba(21, 208, 252, 0.45))
    drop-shadow(0 0 10px rgba(108, 10, 234, 0.25))
    drop-shadow(0 0 16px rgba(217, 25, 247, 0.18));
}

.brand strong {
  display: block;
  letter-spacing: 0.17em;
  font-size: 16px;
}

.brand span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font: 10px/1.35 var(--mono);
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.brand-copy {
  display: block;
  min-width: 0;
}

.brand-copy strong {
  display: block;
  color: var(--text);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.17em;
  line-height: 1.1;
}

.brand-copy span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font: 10px/1.35 var(--mono);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  line-height: 1.2;
}

.desktop-nav {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.desktop-nav a {
  padding: 10px 11px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #b9bed9;
  font: 800 11px/1.2 var(--mono);
  letter-spacing: 0.08em;
}

.desktop-nav a:hover {
  color: #ffffff;
  border-color: rgba(21, 208, 252, 0.28);
  background: linear-gradient(
    135deg,
    rgba(21, 208, 252, 0.07),
    rgba(108, 10, 234, 0.08)
  );
}

.system-state {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: #aeb4cf;
  background: linear-gradient(
    135deg,
    rgba(4, 99, 247, 0.05),
    rgba(217, 25, 247, 0.04)
  );
  font: 10px/1.2 var(--mono);
  white-space: nowrap;
}

.system-state i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #15d0fc;
  box-shadow:
    0 0 10px #15d0fc,
    0 0 24px rgba(4, 99, 247, 0.65);
  animation: pulse 1.8s infinite;
}

.system-state span {
  color: #d919f7;
}

@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}
.panel{border:1px solid var(--line);border-radius:22px;background:var(--panel);backdrop-filter:blur(12px);box-shadow:0 0 42px rgba(108,10,234,.08)}
.section{margin-top:18px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 4px 13px}.section-heading h2{margin:3px 0 0;font-size:clamp(26px,3vw,44px);letter-spacing:-.045em;text-transform:uppercase}.section-heading .meta{color:var(--muted);font:10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.archive-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.archive-card{min-height:250px;padding:19px;position:relative;overflow:hidden;transition:.25s}.archive-card:hover{transform:translateY(-4px);border-color:rgba(21,208,252,.48)}.archive-card:after{content:"";position:absolute;width:170px;height:170px;right:-70px;bottom:-70px;border-radius:50%;background:radial-gradient(circle,rgba(21,208,252,.14),transparent 68%)}
.archive-tag{display:inline-flex;padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:var(--green);font:800 10px/1.3 var(--mono);letter-spacing:.1em}.archive-card h3{margin:32px 0 10px;font-size:23px}.archive-card p{color:#91ad9f;font-size:13px;line-height:1.65}.archive-open{position:absolute;left:19px;right:19px;bottom:18px;display:flex;justify-content:space-between;align-items:center;font:800 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}.archive-open b{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--green)}
.record-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.data-list{display:grid;gap:8px}.data-row{display:grid;grid-template-columns:150px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid rgba(21,208,252,.09)}.data-row span:first-child{color:var(--muted);font:10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}.data-row strong{font-size:13px}
.badge{display:inline-flex;padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:var(--cyan);font:800 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.footer{display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding:18px 4px;color:#648074;font:10px/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase}.mobile-dock{display:none}


/* ===========================
   ARCHIVE INTELLIGENCE V4
   =========================== */
.search-hero{overflow:hidden}
.archive-search-bar{
  margin-top:28px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:8px;
  align-items:center;
  max-width:1000px;
  padding:8px;
  border:1px solid rgba(21,208,252,.23);
  border-radius:14px;
  background:rgba(1,8,6,.52);
}
.search-prompt{
  padding:0 8px;
  color:var(--green);
  font:800 11px/1.3 var(--mono);
  letter-spacing:.1em;
}
.archive-search-bar input{
  width:100%;
  min-width:0;
  padding:13px 12px;
  outline:none;
  border:0;
  color:#fff;
  background:transparent;
  font:13px/1.4 var(--mono);
}
.archive-search-bar input::placeholder{color:#587267}
.search-suggestions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:11px;
}
.search-suggestions button{
  padding:7px 9px;
  border:1px solid rgba(217,25,247,.13);
  border-radius:8px;
  color:#8fb7a7;
  background:rgba(217,25,247,.025);
  cursor:pointer;
  font:800 10px/1.3 var(--mono);
  letter-spacing:.08em;
}
.search-suggestions button:hover{
  color:var(--cyan);
  border-color:rgba(217,25,247,.4);
}
.intelligence-console{
  overflow:hidden;
  margin-bottom:12px;
}
.intel-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:11px 14px;
  border-bottom:1px solid var(--line);
  background:rgba(21,208,252,.035);
  color:#acd2c2;
  font:800 10px/1.3 var(--mono);
  letter-spacing:.1em;
}
.intel-head span:last-child{color:var(--green)}
.intel-log{
  min-height:108px;
  padding:14px;
  color:#78aa93;
  font:11px/1.8 var(--mono);
  background:linear-gradient(180deg,rgba(0,0,0,.15),transparent);
}
.search-results{
  display:grid;
  gap:10px;
}
.search-empty{
  padding:28px;
  text-align:center;
}
.search-empty h3{
  margin:14px 0 7px;
  font-size:24px;
}
.search-empty p{
  margin:0;
  color:var(--muted);
}
.intelligence-result{
  display:grid;
  grid-template-columns:58px 1fr auto;
  gap:16px;
  align-items:center;
  padding:17px;
  transition:.2s ease;
}
.intelligence-result:hover{
  border-color:rgba(21,208,252,.42);
  transform:translateX(3px);
}
.result-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(21,208,252,.28);
  border-radius:14px 5px 14px 5px;
  color:var(--green);
  background:rgba(21,208,252,.045);
  font:900 14px/1.2 var(--mono);
}
.result-kicker{
  color:var(--green);
  font:800 10px/1.3 var(--mono);
  letter-spacing:.12em;
}
.result-main h3{
  margin:5px 0 4px;
  font-size:22px;
}
.result-class{
  color:var(--cyan);
  font:800 10px/1.3 var(--mono);
  letter-spacing:.07em;
  text-transform:uppercase;
}
.result-main p{
  max-width:780px;
  margin:9px 0;
  color:#8fae9f;
  font-size:13px;
  line-height:1.65;
}
.result-data{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.result-data span{
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:6px;
  color:#6f9182;
  font:9px/1.3 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.result-action{
  align-self:center;
}
@media(max-width:760px){
  .archive-search-bar{grid-template-columns:auto 1fr}
  .archive-search-bar .button{grid-column:1/-1}
  .intelligence-result{grid-template-columns:48px 1fr}
  .result-icon{width:48px;height:48px}
  .result-action{grid-column:1/-1}
}


/* ===========================
   ARCHIVE CONTROL CENTER V5
   =========================== */
.admin-login-card{
  width:min(620px,100%);
  margin:80px auto;
  padding:34px;
}
.admin-login-card h1{
  margin:10px 0 10px;
  font-size:clamp(42px,6vw,72px);
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.admin-login-card>p{color:var(--muted);line-height:1.7}
.admin-alert{
  margin:18px 0;
  padding:13px 14px;
  border-radius:10px;
  font:10px/1.7 var(--mono);
}
.admin-alert.error{
  border:1px solid rgba(255,106,130,.28);
  background:rgba(255,106,130,.05);
  color:#ff9bad;
}
.admin-alert.warning{
  border:1px solid rgba(255,201,104,.25);
  background:rgba(255,201,104,.04);
  color:#dec291;
}
.admin-alert code{
  color:#fff;
  word-break:break-all;
}
.admin-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.admin-stat{
  padding:17px;
}
.admin-stat span{
  color:var(--muted);
  font:800 10px/1.3 var(--mono);
  letter-spacing:.1em;
}
.admin-stat strong{
  display:block;
  margin:9px 0 4px;
  color:var(--green);
  font:900 30px var(--mono);
}
.admin-stat small{
  color:#6f8e80;
  font:10px/1.3 var(--mono);
}
.admin-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
  gap:18px;
  padding:20px;
}
.admin-form{
  display:grid;
  gap:14px;
}
.admin-form-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.admin-form label{
  display:grid;
  gap:6px;
}
.admin-form label>span{
  color:#93b4a5;
  font:800 10px/1.3 var(--mono);
  letter-spacing:.09em;
  text-transform:uppercase;
}
.admin-form input,
.admin-form select,
.admin-form textarea{
  width:100%;
  border:1px solid rgba(21,208,252,.14);
  border-radius:9px;
  outline:none;
  padding:11px 12px;
  color:#fff;
  background:rgba(0,0,0,.18);
  font:12px/1.4 var(--mono);
}
.admin-form textarea{
  resize:vertical;
  min-height:90px;
}
.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus{
  border-color:rgba(21,208,252,.48);
  box-shadow:0 0 0 3px rgba(21,208,252,.035);
}
.admin-form select option{
  background:#08091c;
  color:#fff;
}
.admin-check{
  display:flex!important;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:9px!important;
}
.admin-check input{width:auto}
.admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.admin-preview{
  align-self:start;
  position:sticky;
  top:108px;
  min-height:310px;
  padding:19px;
  border:1px solid rgba(217,25,247,.13);
  border-radius:15px;
  background:
    radial-gradient(circle at 100% 0%,rgba(217,25,247,.06),transparent 35%),
    rgba(0,0,0,.12);
}
.admin-preview-id{
  margin-top:22px;
  color:var(--green);
  font:900 28px var(--mono);
}
.admin-preview h3{
  margin:10px 0 6px;
  font-size:28px;
}
.admin-preview p{
  color:var(--muted);
  line-height:1.7;
  font-size:13px;
}
.compact-form{
  margin-top:22px;
}
@media(max-width:950px){
  .admin-dashboard-grid{grid-template-columns:repeat(2,1fr)}
  .admin-workspace{grid-template-columns:1fr}
  .admin-preview{position:static}
}
@media(max-width:560px){
  .admin-dashboard-grid{grid-template-columns:1fr 1fr}
  .admin-form-grid{grid-template-columns:1fr}
  .admin-login-card{margin:30px auto;padding:22px}
}


/* ===========================
   CLASSIFIED DOSSIER SYSTEM V6
   =========================== */
.dossier-hero{
  margin-top:14px;
  min-height:520px;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:0;
}
.dossier-copy{
  padding:42px;
  position:relative;
  z-index:3;
}
.dossier-copy h1{
  margin:12px 0 14px;
  max-width:840px;
  font-size:clamp(48px,7vw,100px);
  line-height:.87;
  letter-spacing:-.06em;
  text-transform:uppercase;
}
.dossier-copy p{
  max-width:780px;
  color:#a5c1b5;
  line-height:1.8;
  font-size:14px;
}
.dossier-visual{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-left:1px solid rgba(21,208,252,.12);
  background:
    radial-gradient(circle at 50% 45%,rgba(21,208,252,.12),transparent 34%),
    linear-gradient(180deg,rgba(5,18,15,.4),rgba(2,7,6,.9));
}
.dossier-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(217,25,247,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(217,25,247,.045) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(#000,transparent 90%);
}
.dossier-orb{
  position:absolute;
  left:50%;
  top:50%;
  width:min(72%,360px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(21,208,252,.28);
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.6) 0 2%,rgba(217,25,247,.18) 3%,transparent 10%),
    radial-gradient(circle at 45% 46%,rgba(21,208,252,.32),rgba(12,62,43,.36) 38%,rgba(0,0,0,.8) 72%);
  box-shadow:
    inset -40px -30px 70px rgba(0,0,0,.6),
    0 0 28px rgba(21,208,252,.2),
    0 0 90px rgba(21,208,252,.08);
}
.dossier-orb::before,
.dossier-orb::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(217,25,247,.22);
}
.dossier-orb::before{inset:-25px;transform:rotate(-18deg)}
.dossier-orb::after{inset:-55px;opacity:.35;animation:dossierOrbit 18s linear infinite}
@keyframes dossierOrbit{to{transform:rotate(360deg)}}
.dossier-ship{
  position:absolute;
  left:50%;
  top:50%;
  width:min(74%,420px);
  height:180px;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 0 18px rgba(217,25,247,.3));
}
.dossier-ship::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:50%;
  height:38px;
  transform:translateY(-50%);
  clip-path:polygon(0 42%,20% 18%,58% 0,86% 24%,100% 50%,84% 75%,58% 100%,20% 80%);
  background:linear-gradient(90deg,rgba(217,25,247,.8),rgba(21,208,252,.8));
  box-shadow:0 0 30px rgba(217,25,247,.4);
}
.dossier-ship::after{
  content:"";
  position:absolute;
  left:35%;
  right:35%;
  top:35%;
  bottom:35%;
  border:1px solid rgba(255,255,255,.55);
  border-radius:45%;
  background:rgba(2,8,7,.82);
}
.dossier-species{
  position:absolute;
  left:50%;
  top:50%;
  width:min(64%,330px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border:1px solid rgba(217,25,247,.23);
  border-radius:38% 62% 45% 55% / 55% 38% 62% 45%;
  background:
    radial-gradient(circle at 50% 35%,rgba(217,25,247,.25),transparent 22%),
    radial-gradient(circle at 45% 52%,rgba(21,208,252,.22),rgba(3,20,15,.74) 48%,rgba(0,0,0,.82) 74%);
  box-shadow:0 0 60px rgba(217,25,247,.12);
}
.dossier-species::before{
  content:"";
  position:absolute;
  inset:18%;
  border:1px solid rgba(21,208,252,.25);
  border-radius:50%;
}
.dossier-telemetry{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.dossier-telemetry div{
  padding:10px 8px;
  border:1px solid rgba(21,208,252,.1);
  border-radius:9px;
  background:rgba(2,8,7,.62);
  text-align:center;
}
.dossier-telemetry b{
  display:block;
  color:var(--green);
  font:900 14px/1.2 var(--mono);
}
.dossier-telemetry span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font:9px/1.3 var(--mono);
  text-transform:uppercase;
}
.dossier-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:12px;
}
.dossier-panel{
  padding:22px;
}
.dossier-stat-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:14px;
}
.dossier-stat{
  padding:12px;
  border:1px solid rgba(21,208,252,.09);
  border-radius:10px;
  background:rgba(255,255,255,.012);
}
.dossier-stat span{
  display:block;
  color:var(--muted);
  font:10px/1.3 var(--mono);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.dossier-stat strong{
  display:block;
  margin-top:5px;
  color:#e9fff5;
  font:800 13px var(--mono);
}
.dossier-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}
.dossier-tab{
  padding:8px 10px;
  border:1px solid rgba(217,25,247,.12);
  border-radius:8px;
  background:rgba(217,25,247,.025);
  color:#89afa0;
  cursor:pointer;
  font:800 10px/1.3 var(--mono);
  letter-spacing:.08em;
}
.dossier-tab.active{
  border-color:rgba(21,208,252,.42);
  color:var(--green);
  background:rgba(21,208,252,.05);
}
.dossier-tab-panel{
  display:none;
  margin-top:14px;
  color:#9cb9ad;
  line-height:1.75;
  font-size:13px;
}
.dossier-tab-panel.active{display:block}
.related-network{
  display:grid;
  gap:8px;
  margin-top:14px;
}
.related-record{
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(21,208,252,.09);
  border-radius:10px;
  background:rgba(255,255,255,.012);
}
.related-record:hover{
  border-color:rgba(21,208,252,.34);
  background:rgba(21,208,252,.03);
}
.related-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid var(--line);
  border-radius:9px;
  color:var(--green);
  font:900 10px/1.3 var(--mono);
}
.related-record strong{font-size:12px}
.related-record small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font:10px/1.3 var(--mono);
}
.related-record b{
  color:var(--cyan);
  font:800 10px/1.3 var(--mono);
}
.dossier-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:14px;
}
.gallery-slot{
  min-height:140px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(217,25,247,.09);
  border-radius:12px;
  background:
    linear-gradient(rgba(217,25,247,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(217,25,247,.03) 1px,transparent 1px),
    radial-gradient(circle at 50% 50%,rgba(21,208,252,.06),transparent 40%);
  background-size:24px 24px,24px 24px,auto;
}
.gallery-slot img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.gallery-placeholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
  color:#63877a;
  font:8px/1.6 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dossier-location{
  min-height:280px;
  position:relative;
  overflow:hidden;
  padding:20px;
  background:
    radial-gradient(circle at 50% 50%,rgba(21,208,252,.08),transparent 35%),
    var(--panel);
}
.dossier-location::after{
  content:"";
  position:absolute;
  inset:56px 18px 18px;
  border:1px solid rgba(217,25,247,.08);
  border-radius:12px;
  background:
    linear-gradient(rgba(217,25,247,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(217,25,247,.04) 1px,transparent 1px);
  background-size:32px 32px;
}
.location-marker{
  position:absolute;
  z-index:3;
  left:48%;
  top:52%;
  width:16px;height:16px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 16px var(--green),0 0 42px rgba(21,208,252,.5);
}
.location-marker::after{
  content:"";
  position:absolute;
  inset:-13px;
  border:1px solid var(--green);
  border-radius:50%;
  opacity:.3;
  animation:sectorPulse 3s ease-in-out infinite;
}
@media(max-width:900px){
  .dossier-hero{grid-template-columns:1fr}
  .dossier-visual{border-left:0;border-top:1px solid rgba(21,208,252,.12);min-height:420px}
  .dossier-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .dossier-copy{padding:28px 22px}
  .dossier-gallery{grid-template-columns:1fr}
  .dossier-stat-grid{grid-template-columns:1fr}
  .dossier-telemetry{grid-template-columns:1fr 1fr 1fr}
}


/* ===========================
   HOSTINGER PRODUCTION + EDITOR V7
   =========================== */
.admin-selector-label{
  display:grid;
  gap:7px;
}
.admin-selector-label>span{
  color:#93b4a5;
  font:800 10px/1.3 var(--mono);
  letter-spacing:.09em;
  text-transform:uppercase;
}
.admin-selector-label select{
  width:100%;
  border:1px solid rgba(21,208,252,.16);
  border-radius:10px;
  padding:12px;
  color:#fff;
  background:#08091c;
  outline:none;
  font:12px/1.4 var(--mono);
}
.admin-selector-label select:focus{
  border-color:rgba(21,208,252,.5);
}
.admin-form input:disabled{
  opacity:.55;
  cursor:not-allowed;
}


/* =========================================================
   LITERVERSE V8 // LOGO-MATCHED NEON IDENTITY OVERRIDES
   ========================================================= */

.panel{
  border-color:rgba(21,208,252,.17);
  background:
    linear-gradient(
      145deg,
      rgba(7,9,31,.80),
      rgba(4,6,22,.76)
    );
  box-shadow:
    0 0 38px rgba(4,99,247,.05),
    0 0 60px rgba(108,10,234,.025);
}

.archive-card:hover,
.intelligence-result:hover{
  border-color:rgba(217,25,247,.42);
  box-shadow:
    0 0 28px rgba(21,208,252,.07),
    0 0 46px rgba(217,25,247,.055);
}

.archive-tag,
.badge{
  color:#15d0fc;
  border-color:rgba(21,208,252,.28);
  background:rgba(4,99,247,.035);
}

.archive-open b,
.related-icon,
.result-icon{
  color:#d919f7;
  border-color:rgba(217,25,247,.24);
}

.button{
  border-color:rgba(21,208,252,.52);
  background:
    linear-gradient(
      135deg,
      rgba(4,99,247,.13),
      rgba(108,10,234,.14)
    );
  color:#f3f1ff;
  box-shadow:
    inset 0 0 18px rgba(21,208,252,.025);
}

.button:hover{
  border-color:#15d0fc;
  background:
    linear-gradient(
      135deg,
      rgba(21,208,252,.18),
      rgba(108,10,234,.18),
      rgba(217,25,247,.15)
    );
  box-shadow:
    0 0 22px rgba(21,208,252,.14),
    0 0 36px rgba(217,25,247,.08);
}

.button.alt{
  border-color:rgba(217,25,247,.34);
  background:
    linear-gradient(
      135deg,
      rgba(108,10,234,.08),
      rgba(217,25,247,.06)
    );
}

.button.alt:hover{
  border-color:#d919f7;
}

.result-class,
.map-preview-type{
  color:#d919f7;
}

.result-kicker,
.map-preview-id,
.admin-preview-id{
  color:#15d0fc;
}

.footer{
  color:#72789c;
}

.mobile-dock{
  border-color:rgba(21,208,252,.20);
  background:rgba(4,5,22,.96);
  box-shadow:
    0 0 24px rgba(4,99,247,.08),
    0 0 34px rgba(108,10,234,.06);
}

.mobile-dock a:hover{
  color:#15d0fc;
}

.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus,
.archive-search-bar input:focus{
  border-color:rgba(21,208,252,.52);
  box-shadow:
    0 0 0 3px rgba(21,208,252,.04),
    0 0 20px rgba(108,10,234,.045);
}

.admin-form select option,
.admin-selector-label select{
  background:#08091c;
}

/* ===========================
   HEADER LOGO RESPONSIVE
   =========================== */
@media (max-width: 760px) {
  .brand-mark {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
  }

  .brand {
    gap: 10px;
  }

  .brand strong {
    font-size: 12px;
  }

  .brand span {
    font-size: 7px;
    letter-spacing: 0.1em;
  }
}

@media (max-width: 480px) {
  .brand-mark {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
  }
}


/* =========================================================
   LITERVERSE V9 // TYPOGRAPHY READABILITY OVERRIDES
   ========================================================= */

.brand-copy strong,
.brand strong {
  font-size: 16px;
}

.brand-copy span,
.brand span {
  font-size: 10px;
  line-height: 1.35;
}

.desktop-nav a {
  font-size: 11px;
  line-height: 1.2;
}

.system-state {
  font-size: 10px;
  line-height: 1.2;
}

.section-heading h2 {
  font-size: clamp(28px, 3vw, 46px);
}

.section-heading .meta {
  font-size: 10px;
  line-height: 1.35;
}

.archive-tag,
.badge {
  font-size: 10px;
  line-height: 1.3;
}

.archive-card h3 {
  font-size: 23px;
}

.archive-card p {
  font-size: 14px;
  line-height: 1.7;
}

.archive-open {
  font-size: 10px;
  line-height: 1.3;
}

.data-row span:first-child {
  font-size: 10px;
  line-height: 1.35;
}

.data-row strong {
  font-size: 14px;
}

.footer {
  font-size: 10px;
  line-height: 1.45;
}

.search-prompt {
  font-size: 11px;
}

.archive-search-bar input {
  font-size: 14px;
  line-height: 1.4;
}

.search-suggestions button {
  font-size: 10px;
}

.intel-head {
  font-size: 10px;
}

.intel-log {
  font-size: 11px;
  line-height: 1.85;
}

.result-kicker {
  font-size: 10px;
}

.result-main h3 {
  font-size: 22px;
}

.result-class {
  font-size: 10px;
}

.result-main p {
  font-size: 13px;
  line-height: 1.65;
}

.result-data span {
  font-size: 9px;
}

.admin-stat span,
.admin-stat small,
.admin-form label > span,
.admin-selector-label > span {
  font-size: 10px;
  line-height: 1.35;
}

.admin-form input,
.admin-form select,
.admin-form textarea,
.admin-selector-label select {
  font-size: 12px;
  line-height: 1.45;
}

.admin-preview p {
  font-size: 13px;
}

.dossier-copy p {
  font-size: 15px;
}

.dossier-telemetry b {
  font-size: 14px;
}

.dossier-telemetry span,
.dossier-stat span,
.related-record small,
.related-record b,
.gallery-placeholder {
  font-size: 9px;
  line-height: 1.4;
}

.dossier-stat strong {
  font-size: 14px;
}

.dossier-tab {
  font-size: 10px;
}

.dossier-tab-panel {
  font-size: 14px;
}

.related-icon {
  font-size: 10px;
}

.related-record strong {
  font-size: 13px;
}


/* ===========================
   NOTION PLANET IMPORT V10
   =========================== */
.import-toolbar{
  margin-bottom:14px;padding:14px;display:flex;justify-content:space-between;
  gap:12px;align-items:center
}
.import-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}
.import-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.import-card{position:relative;display:block;min-height:280px;padding:18px;cursor:pointer;transition:.2s ease}
.import-card:hover{transform:translateY(-2px);border-color:rgba(21,208,252,.42)}
.import-card>input{position:absolute;top:16px;right:16px;width:18px;height:18px;accent-color:#15d0fc}
.import-card-head{padding-right:34px;display:flex;flex-wrap:wrap;gap:6px}
.import-card h3{margin:20px 0 6px;font-size:22px}
.import-card p{margin-top:13px;color:var(--muted);font-size:13px;line-height:1.65}
.import-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.import-meta span{padding:5px 7px;border:1px solid rgba(255,255,255,.06);border-radius:7px;color:#858bad;font:9px/1.3 var(--mono)}
.planet-dossier-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.planet-lore{color:#a9adc8;font-size:14px;line-height:1.8}
@media(max-width:1050px){.import-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.import-toolbar{align-items:stretch;flex-direction:column}.import-grid{grid-template-columns:1fr}}


/* ===========================
   NOTION SHIP IMPORT V11
   =========================== */

.ship-import-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ship-import-card {
  min-height: 270px;
}

.ship-dossier-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ship-lore {
  color: #a9adc8;
  font-size: 15px;
  line-height: 1.8;
}

.ship-dossier-hero .dossier-ship {
  width: min(80%, 470px);
}

@media (max-width: 1050px) {
  .ship-import-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 650px) {
  .ship-import-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   PLANET DOSSIER — ASTROMETRIC SECTOR INTELLIGENCE MAP
   ========================================================= */

.astrometric-position-panel {
    position: relative;
    overflow: hidden;
    padding: 24px;
}

.astrometric-position-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.astrometric-position-head h2 {
    margin: 8px 0 0;
}

.astrometric-coordinate-readout {
    flex: 0 0 auto;
    padding: 10px 16px;

    border: 1px solid rgba(0, 220, 255, 0.35);
    border-radius: 8px;

    background: rgba(0, 220, 255, 0.05);

    font-family: monospace;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;

    color: #31dcff;

    box-shadow:
        inset 0 0 20px rgba(0, 220, 255, 0.03),
        0 0 18px rgba(0, 220, 255, 0.05);
}


/* =========================================================
   SECTOR MAP
   ========================================================= */

.planet-sector-map {
    position: relative;

    width: 100%;
    height: 460px;

    overflow: hidden;

    border: 1px solid rgba(196, 39, 255, 0.18);
    border-radius: 14px;

    background-color: rgba(2, 4, 20, 0.88);

    background-image:
        linear-gradient(
            rgba(49, 220, 255, 0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(49, 220, 255, 0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(196, 39, 255, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(196, 39, 255, 0.035) 1px,
            transparent 1px
        );

    background-size:
        100px 100px,
        100px 100px,
        20px 20px,
        20px 20px;

    box-shadow:
        inset 0 0 60px rgba(0, 0, 0, 0.75),
        inset 0 0 100px rgba(108, 0, 255, 0.04);
}


/* central astrometric crosshair */

.planet-sector-map::before,
.planet-sector-map::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.planet-sector-map::before {
    left: 50%;
    top: 0;

    width: 1px;
    height: 100%;

    background: linear-gradient(
        transparent,
        rgba(49, 220, 255, 0.15),
        transparent
    );
}

.planet-sector-map::after {
    left: 0;
    top: 50%;

    width: 100%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(49, 220, 255, 0.15),
        transparent
    );
}


/* =========================================================
   MAP NODES
   ========================================================= */

.planet-sector-node {
    position: absolute;

    transform: translate(-50%, -50%);

    z-index: 3;
}

.planet-sector-node-dot {
    position: relative;

    width: 12px;
    height: 12px;

    border-radius: 50%;

    background: #31dcff;

    box-shadow:
        0 0 8px rgba(49, 220, 255, 0.95),
        0 0 20px rgba(49, 220, 255, 0.55);

    transition:
        transform 180ms ease,
        box-shadow 180ms ease;
}


/* node label */

.planet-sector-node-label {
    position: absolute;

    left: 20px;
    top: 50%;

    transform: translateY(-50%);

    min-width: 150px;

    pointer-events: none;
}

.planet-sector-node-label strong {
    display: block;

    font-size: 12px;
    line-height: 1.2;

    color: #f3f4ff;

    white-space: nowrap;

    text-shadow:
        0 0 10px rgba(0, 0, 0, 1),
        0 0 20px rgba(0, 0, 0, 1);
}

.planet-sector-node-label span {
    display: block;

    margin-top: 4px;

    font-family: monospace;
    font-size: 9px;
    letter-spacing: 0.12em;

    color: rgba(49, 220, 255, 0.72);
}


/* =========================================================
   CURRENT PLANET
   ========================================================= */

.planet-sector-node.is-current {
    z-index: 10;
}

.planet-sector-node.is-current .planet-sector-node-dot {
    width: 18px;
    height: 18px;

    background: #e31cff;

    box-shadow:
        0 0 8px #e31cff,
        0 0 22px rgba(227, 28, 255, 0.9),
        0 0 45px rgba(49, 220, 255, 0.5);
}

.planet-sector-node.is-current .planet-sector-node-dot::before,
.planet-sector-node.is-current .planet-sector-node-dot::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    border-radius: 50%;

    transform: translate(-50%, -50%);

    pointer-events: none;
}

.planet-sector-node.is-current .planet-sector-node-dot::before {
    width: 40px;
    height: 40px;

    border: 1px solid rgba(49, 220, 255, 0.65);

    animation: astrometric-target-pulse 2.4s ease-in-out infinite;
}

.planet-sector-node.is-current .planet-sector-node-dot::after {
    width: 64px;
    height: 64px;

    border: 1px dashed rgba(227, 28, 255, 0.4);

    animation: astrometric-target-rotate 12s linear infinite;
}

.planet-sector-node.is-current .planet-sector-node-label strong {
    color: #ffffff;
    font-size: 14px;
}

.planet-sector-node.is-current .planet-sector-node-label span {
    color: #e31cff;
}


/* =========================================================
   OBJECT TYPES
   ========================================================= */

/* species */

.planet-sector-node--species .planet-sector-node-dot {
    background: #b85cff;

    box-shadow:
        0 0 10px rgba(184, 92, 255, 0.9),
        0 0 22px rgba(184, 92, 255, 0.45);
}


/* vessel / ship */

.planet-sector-node--ship .planet-sector-node-dot,
.planet-sector-node--vessel .planet-sector-node-dot {
    border-radius: 2px;

    transform: rotate(45deg);

    background: #31dcff;
}


/* city */

.planet-sector-node--city .planet-sector-node-dot {
    width: 14px;
    height: 14px;

    border-radius: 2px;

    background: #ffffff;

    box-shadow:
        0 0 10px rgba(255, 255, 255, 0.8),
        0 0 20px rgba(49, 220, 255, 0.45);
}


/* anomaly / signal */

.planet-sector-node--signal .planet-sector-node-dot,
.planet-sector-node--anomaly .planet-sector-node-dot {
    background: transparent;

    border: 2px solid #e31cff;

    box-shadow:
        0 0 12px rgba(227, 28, 255, 0.8);
}


/* =========================================================
   POSITION DATA
   ========================================================= */

.astrometric-position-data {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 1px;

    margin-top: 18px;

    overflow: hidden;

    border: 1px solid rgba(49, 220, 255, 0.12);
    border-radius: 10px;

    background: rgba(49, 220, 255, 0.08);
}

.astrometric-position-data > div {
    padding: 15px 18px;

    background: rgba(2, 5, 20, 0.92);
}

.astrometric-position-data span {
    display: block;

    margin-bottom: 6px;

    font-family: monospace;
    font-size: 9px;
    letter-spacing: 0.14em;

    color: rgba(49, 220, 255, 0.65);
}

.astrometric-position-data strong {
    display: block;

    font-size: 13px;
    line-height: 1.4;

    color: #f2f3ff;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes astrometric-target-pulse {
    0%,
    100% {
        opacity: 0.4;
        transform:
            translate(-50%, -50%)
            scale(0.85);
    }

    50% {
        opacity: 1;
        transform:
            translate(-50%, -50%)
            scale(1.15);
    }
}

@keyframes astrometric-target-rotate {
    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 800px) {

    .astrometric-position-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .planet-sector-map {
        height: 400px;
    }

    .astrometric-position-data {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .planet-sector-node-label {
        min-width: 100px;
    }

    .planet-sector-node-label strong {
        font-size: 10px;
    }
}


@media (max-width: 520px) {

    .astrometric-position-panel {
        padding: 16px;
    }

    .planet-sector-map {
        height: 360px;
    }

    .astrometric-position-data {
        grid-template-columns: 1fr;
    }

    .planet-sector-node-label strong {
        max-width: 100px;
        white-space: normal;
    }
}

/* ASTROMETRIC INTERACTIVE CONTACTS */

.planet-sector-node {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.planet-sector-node:hover .planet-sector-node-dot {
    transform: scale(1.35);
}

.planet-sector-node:focus-visible {
    outline: none;
}

.planet-sector-node:focus-visible .planet-sector-node-dot {
    box-shadow:
        0 0 0 4px rgba(49, 220, 255, 0.18),
        0 0 15px rgba(49, 220, 255, 1),
        0 0 35px rgba(227, 28, 255, 0.6);
}


/* Intelligence console */

.astrometric-intel {
    margin-top: 18px;

    border: 1px solid rgba(49, 220, 255, 0.22);
    border-radius: 12px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            rgba(49, 220, 255, 0.035),
            rgba(227, 28, 255, 0.025)
        ),
        rgba(2, 5, 20, 0.94);
}

.astrometric-intel-status {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 11px 16px;

    border-bottom: 1px solid rgba(49, 220, 255, 0.12);

    font-family: monospace;
    font-size: 9px;
    letter-spacing: 0.14em;

    color: rgba(49, 220, 255, 0.7);
}

.astrometric-intel-status b {
    color: #31dcff;
}

.astrometric-intel-main {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1.5fr 1fr;
}

.astrometric-intel-main > div {
    padding: 14px 16px;

    border-right: 1px solid rgba(49, 220, 255, 0.08);
}

.astrometric-intel-main > div:last-child {
    border-right: 0;
}

.astrometric-intel-main span {
    display: block;

    margin-bottom: 6px;

    font-family: monospace;
    font-size: 8px;
    letter-spacing: 0.13em;

    color: rgba(49, 220, 255, 0.55);
}

.astrometric-intel-main strong {
    display: block;

    font-size: 12px;
    line-height: 1.35;

    color: #f4f4ff;
}

.astrometric-intel > p {
    margin: 0;

    padding: 14px 16px;

    border-top: 1px solid rgba(49, 220, 255, 0.08);

    color: #aeb4ca;

    font-size: 13px;
    line-height: 1.7;
}

@media (max-width: 900px) {

    .astrometric-intel-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .astrometric-intel-main > div {
        border-bottom: 1px solid rgba(49, 220, 255, 0.08);
    }
}

/* ASTROMETRIC SELECTED CONTACT */

.planet-sector-node.is-selected .planet-sector-node-dot {
    transform: scale(1.35);

    box-shadow:
        0 0 0 5px rgba(49, 220, 255, 0.12),
        0 0 15px rgba(49, 220, 255, 1),
        0 0 35px rgba(227, 28, 255, 0.7);
}

.planet-sector-node.is-selected .planet-sector-node-label strong {
    color: #31dcff;
}

.planet-sector-node.is-selected .planet-sector-node-label span {
    color: #e31cff;
}