.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: 14px;
}

.brand span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font: 9px 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: 14px;
  font-weight: 800;
  letter-spacing: 0.17em;
  line-height: 1.1;
}

.brand-copy span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font: 9px 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 10px 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: 9px 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:9px 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 9px 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 9px 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:9px 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 9px 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:9px 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 10px 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:12px 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 8px 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 9px var(--mono);
  letter-spacing:.1em;
}
.intel-head span:last-child{color:var(--green)}
.intel-log{
  min-height:108px;
  padding:14px;
  color:#78aa93;
  font:10px/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 13px var(--mono);
}
.result-kicker{
  color:var(--green);
  font:800 8px var(--mono);
  letter-spacing:.12em;
}
.result-main h3{
  margin:5px 0 4px;
  font-size:21px;
}
.result-class{
  color:var(--cyan);
  font:800 9px var(--mono);
  letter-spacing:.07em;
  text-transform:uppercase;
}
.result-main p{
  max-width:780px;
  margin:9px 0;
  color:#8fae9f;
  font-size:12px;
  line-height:1.55;
}
.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:7px 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 8px 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:8px 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 8px 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:11px 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:12px;
}
.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 13px var(--mono);
}
.dossier-telemetry span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font:7px 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:8px 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 8px 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 9px var(--mono);
}
.related-record strong{font-size:12px}
.related-record small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font:8px var(--mono);
}
.related-record b{
  color:var(--cyan);
  font:800 8px 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 8px 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:11px 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;
  }
}
