/* FOREVER:NEON // Living Archive receiver equipment shell
   Presentation only. Turns the Archive receiver into a late-1980s physical
   workstation while leaving data, progression, faction, and unlock authority
   in the existing receiver and lens layers. */

body.fn-archive-v2,
body.fn-archive-v2[data-la-lens]{
  --la-steel-hi:#8f918c;
  --la-steel:#555852;
  --la-steel-lo:#282b28;
  --la-bezel:#171917;
  --la-panel:#242824;
  --la-panel-edge:#6d7069;
  --la-label:#d8d0b7;
  --la-label-ink:#24231f;
  --la-screen:#06100d;
  --la-phosphor:#9ddbbd;
  --la-phosphor-dim:#668f7a;
  --la-amber:#d6ad63;
  background:
    radial-gradient(circle at 50% -20%,rgba(255,255,255,.08),transparent 45%),
    linear-gradient(180deg,#252724 0,#151714 48%,#090a09 100%);
  color:#e8e4d8;
  font-family:'Share Tech Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  padding:22px;
}

body.fn-archive-v2:before,
body.fn-archive-v2[data-la-lens]:before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.035) 4px,transparent 5px 11px);
  mix-blend-mode:soft-light;
}

.fn-la-shell{
  position:relative;
  width:min(1460px,100%);
  margin:0 auto;
  padding:15px;
  border:2px solid #111310;
  border-radius:6px;
  background:
    linear-gradient(115deg,rgba(255,255,255,.08),transparent 22% 72%,rgba(0,0,0,.17)),
    repeating-linear-gradient(0deg,#555852 0 2px,#4d504b 3px 5px);
  box-shadow:
    0 22px 48px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -2px 0 rgba(0,0,0,.55);
}

.fn-la-shell:before,
.fn-la-shell:after{
  content:'';
  position:absolute;
  z-index:5;
  width:9px;
  height:9px;
  border:1px solid #0d0e0d;
  border-radius:50%;
  background:linear-gradient(135deg,#969991 0 42%,#20221f 45% 55%,#777a74 58% 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);
}
.fn-la-shell:before{left:7px;top:7px}
.fn-la-shell:after{right:7px;top:7px}

.fn-la-topbar{
  min-height:52px;
  margin:0 0 12px;
  padding:8px 10px;
  border:1px solid #1a1c19;
  border-radius:3px;
  background:linear-gradient(180deg,#666963,#3b3e39);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.19),inset 0 -2px 0 rgba(0,0,0,.35);
}
.fn-la-brand{
  display:inline-block;
  padding:7px 10px 6px;
  border:1px solid #918f80;
  border-radius:2px;
  background:#c9c2a9;
  color:#22231f;
  font-family:'Share Tech Mono',monospace;
  font-weight:900;
  letter-spacing:.16em;
  text-shadow:0 1px rgba(255,255,255,.5);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.fn-la-brand span{color:#22231f}

.fn-la-nav{gap:7px}
.fn-la-btn,
button.fn-la-btn{
  min-height:34px;
  border:1px solid #171916;
  border-radius:2px;
  padding:8px 10px;
  background:linear-gradient(180deg,#60635d,#373a36);
  color:#eee9d8;
  font-family:'Share Tech Mono',monospace;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 1px 0 rgba(255,255,255,.1);
}
.fn-la-btn:hover,
button.fn-la-btn:hover{
  border-color:#111;
  background:linear-gradient(180deg,#6c7069,#41443f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(214,173,99,.22);
}
.fn-la-btn:active,
button.fn-la-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.38)}
.fn-la-btn.primary,
button.fn-la-btn.primary{
  border:1px solid #3d3321;
  background:linear-gradient(180deg,#b69a65,#7d653b);
  color:#16140f;
}

.fn-la-hero,
body.fn-archive-v2[data-la-lens] .fn-la-hero{
  position:relative;
  margin:0 0 13px;
  padding:25px 30px 24px;
  overflow:hidden;
  border:10px solid var(--la-bezel);
  border-radius:8px;
  background:
    radial-gradient(ellipse at center,rgba(59,130,94,.16),transparent 68%),
    linear-gradient(180deg,#07130f,#030806);
  box-shadow:
    inset 0 0 0 2px #030403,
    inset 0 0 46px rgba(0,0,0,.85),
    0 0 0 1px #72756e,
    0 4px 8px rgba(0,0,0,.48);
}
.fn-la-hero:before,
body.fn-archive-v2[data-la-lens] .fn-la-hero:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:repeating-linear-gradient(0deg,rgba(155,220,187,.09) 0 1px,transparent 1px 4px);
  background-size:auto;
}
.fn-la-hero:after{
  content:'KFI / SUBSTRATENET ARCHIVE RECEIVER  •  S/N BHM-8719';
  position:absolute;
  right:12px;
  bottom:8px;
  color:rgba(157,219,189,.48);
  font-size:.61rem;
  letter-spacing:.08em;
}
.fn-la-kicker,
.fn-la-title,
.fn-la-lead,
.fn-la-statusline{position:relative;z-index:1}
.fn-la-kicker{color:var(--la-amber);letter-spacing:.13em;font-size:.72rem}
.fn-la-title,
body.fn-archive-v2[data-la-lens] .fn-la-title{
  margin:8px 0 12px;
  color:var(--la-phosphor);
  font-family:'Share Tech Mono',monospace;
  font-size:clamp(34px,6vw,72px);
  font-weight:700;
  line-height:.94;
  letter-spacing:.035em;
  text-transform:uppercase;
  text-shadow:0 0 8px rgba(157,219,189,.24);
}
.fn-la-title span{color:var(--la-phosphor);text-shadow:inherit}
.fn-la-lead{max-width:900px;color:#abc5b7;font-size:.96rem;line-height:1.65}
.fn-la-statusline{gap:6px;margin-top:17px}
.fn-la-chip{
  min-height:28px;
  border:1px solid #345044;
  border-radius:2px;
  padding:5px 8px;
  background:#08110e;
  color:#7fa790;
  font-size:.68rem;
  letter-spacing:.07em;
  box-shadow:inset 0 0 8px rgba(0,0,0,.7);
}
.fn-la-chip b{color:var(--la-phosphor);font-weight:700}
.fn-la-chip.good,
.fn-la-chip.warn,
.fn-la-chip.vril{border-color:#4a554d;color:#89a18f}
.fn-la-chip.warn b{color:var(--la-amber)}

.fn-la-layout{grid-template-columns:305px minmax(0,1fr);gap:12px}
.fn-la-sidebar,
.fn-la-main,
.fn-la-detail,
body.fn-archive-v2[data-la-lens] .fn-la-sidebar,
body.fn-archive-v2[data-la-lens] .fn-la-main,
body.fn-archive-v2[data-la-lens] .fn-la-detail{
  border:1px solid #171916;
  border-radius:4px;
  background:
    linear-gradient(120deg,rgba(255,255,255,.045),transparent 34%),
    #323630;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.32),0 3px 9px rgba(0,0,0,.3);
}
.fn-la-sidebar{top:12px;padding:13px}
.fn-la-main{padding:13px;min-height:520px}
.fn-la-panel-title{
  display:inline-block;
  margin:0 0 10px;
  padding:4px 7px 3px;
  border:1px solid #8f8976;
  border-radius:1px;
  background:var(--la-label);
  color:var(--la-label-ink);
  font-family:'Share Tech Mono',monospace;
  font-size:.69rem;
  font-weight:700;
  letter-spacing:.09em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.fn-la-control label,
.fn-la-fixed-label{color:#d4d0c2;font-size:.68rem;letter-spacing:.06em}
.fn-la-input,
.fn-la-select{
  border:2px inset #70736c;
  border-radius:1px;
  background:#070d0a;
  color:var(--la-phosphor);
  font-family:'Share Tech Mono',monospace;
  box-shadow:inset 0 0 10px rgba(0,0,0,.7);
}
.fn-la-input::placeholder{color:#688071}
.fn-la-input:focus,
.fn-la-select:focus{border-color:#9b9e95;box-shadow:inset 0 0 10px rgba(0,0,0,.7),0 0 0 2px rgba(214,173,99,.24)}
.fn-la-fixed-window,
.fn-la-meter{
  border:1px solid #171916;
  border-radius:2px;
  background:#1a1d19;
  box-shadow:inset 0 1px 5px rgba(0,0,0,.55);
}
.fn-la-fixed-window{color:#dacb9c}
.fn-la-meter small{color:#b4b0a2}
.fn-la-meter b{color:#d7c48e;font-size:1.08rem}

.fn-la-toolbar{
  min-height:42px;
  margin:-1px -1px 11px;
  padding:8px;
  border:1px solid #171916;
  border-radius:2px;
  background:#20231f;
}
.fn-la-tabs{gap:5px}
.fn-la-tab{
  border:1px solid #111310;
  border-radius:2px;
  background:linear-gradient(180deg,#51544e,#30332f);
  color:#ddd7c6;
  font-size:.66rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.fn-la-tab.active{
  border-color:#7a6b49;
  background:#181b17;
  color:#e1c982;
  box-shadow:inset 0 0 8px rgba(0,0,0,.7),0 0 0 1px rgba(214,173,99,.18);
}

.fn-la-grid{gap:9px}
.fn-la-card{
  border-radius:2px;
  min-height:270px;
  transform:none!important;
  transition:border-color .12s ease,box-shadow .12s ease;
  box-shadow:0 2px 5px rgba(0,0,0,.28);
}
.fn-la-card:hover{transform:none!important;box-shadow:0 2px 5px rgba(0,0,0,.28),0 0 0 1px rgba(214,173,99,.28)}
.fn-la-card-media{height:132px;border-bottom:1px solid #171916;background:#0c0e0c}
.fn-la-card-body{padding:12px}
.fn-la-badge{border-radius:2px;font-size:.61rem}
.fn-la-card h3{font-family:'Share Tech Mono',monospace;font-weight:700;letter-spacing:.015em}
.fn-la-card-footer{font-size:.65rem}
.fn-la-placeholder{
  color:#a8bcae;
  background:repeating-linear-gradient(135deg,#111712 0 8px,#0a0e0b 8px 16px);
  border:1px dashed #445148;
}

.fn-la-detail{margin-top:12px;border-radius:3px}
.fn-la-detail-head{border-bottom:1px solid #181a17;background:#222620}
.fn-la-detail-img{border:3px solid #121411;border-radius:2px;background:#070907;box-shadow:inset 0 0 18px rgba(0,0,0,.7)}
.fn-la-evidence-caption{border-left:3px solid #9a7f49;border-radius:0;background:#1a1d19}
.fn-la-detail-title{font-family:'Share Tech Mono',monospace;font-weight:700;letter-spacing:.015em}
.fn-la-detail-body{padding:15px}
.fn-la-tier{border-radius:2px}
.fn-la-empty,
.fn-la-error{border-radius:2px;background:#111511}

.fn-la-image-viewer{background:rgba(4,5,4,.97)}
.fn-la-image-viewer-toolbar{border-bottom:2px solid #565a53;background:#242723;color:#e7e1cf}
.fn-la-image-viewer-close{border-radius:2px;background:linear-gradient(180deg,#5b5f58,#343732)}

@media(max-width:940px){
  body.fn-archive-v2,
  body.fn-archive-v2[data-la-lens]{padding:12px}
  .fn-la-layout{grid-template-columns:1fr}
  .fn-la-sidebar{position:relative;top:auto}
}
@media(max-width:620px){
  body.fn-archive-v2,
  body.fn-archive-v2[data-la-lens]{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .fn-la-shell{padding:9px;border-radius:4px}
  .fn-la-topbar{padding:7px}
  .fn-la-nav{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .fn-la-btn{width:100%}
  .fn-la-hero,
  body.fn-archive-v2[data-la-lens] .fn-la-hero{padding:20px 16px 27px;border-width:7px;border-radius:5px}
  .fn-la-hero:after{font-size:.52rem;left:10px;right:auto}
  .fn-la-title,
  body.fn-archive-v2[data-la-lens] .fn-la-title{font-size:clamp(31px,13vw,48px)}
  .fn-la-statusline{grid-template-columns:1fr 1fr}
  .fn-la-chip{justify-content:flex-start}
  .fn-la-sidebar,.fn-la-main,
  body.fn-archive-v2[data-la-lens] .fn-la-sidebar,
  body.fn-archive-v2[data-la-lens] .fn-la-main{padding:10px;border-radius:3px}
  .fn-la-tabs{grid-template-columns:1fr 1fr}
  .fn-la-tab{border-radius:2px}
  .fn-la-card{border-radius:2px}
}
@media(prefers-reduced-motion:reduce){
  .fn-la-btn:active{transform:none}
}