/* ============================================================================
   PelicanNET Intel — shared "Building Blocks" theme overlay
   ----------------------------------------------------------------------------
   Drop-in re-skin for the Intel portal pages. Linked AFTER each page's inline
   <style>, so it overrides the old palette via the same CSS variables the
   pages already use. Star Citizen mobiGlas feel (deep navy, cyan frames,
   chamfered corners, technical type) while keeping the PelicanNET identity
   (amber CTAs + emblem). Tune the tokens in :root to taste.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Share+Tech+Mono&display=swap');

:root{
  --bg:#070D14; --panel:#0E1B2A; --panel-2:#0A1119;
  --border:#1E3A52; --line-bright:#2D5C78;
  --text:#D7E5F2; --muted:#849AB0; --faint:#566D83;
  --accent:#FFBF00; --accent-deep:#E0A400;          /* PelicanNET amber — CTAs */
  --cyan:#3BD6E6; --cyan-deep:#1A8C99;               /* SC holographic structure */
  --hostile:#FF7A4D; --neutral:#FFC23D; --friendly:#37E0B0;
  --radius:2px;
  --head:'Rajdhani',system-ui,'Segoe UI',sans-serif;
  --mono:'Share Tech Mono',ui-monospace,Consolas,monospace;
}

body{
  font-family:var(--head);
  background:
    radial-gradient(1100px 520px at 50% -8%, #0e2233 0%, transparent 60%),
    radial-gradient(800px 480px at 100% 0%, #10182a 0%, transparent 55%),
    var(--bg);
  background-attachment:fixed;
  color:var(--text);
}

/* faint scanline texture across the page */
body::after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:9999;
  background:repeating-linear-gradient(180deg, rgba(59,214,230,.025) 0 1px, transparent 1px 4px);
  mix-blend-mode:screen; opacity:.6;
}

/* technical headings + section labels */
h1,h2,h3,.brand-title{ font-family:var(--head); letter-spacing:.04em; }
.section-label,.eyebrow{ font-family:var(--mono) !important; color:var(--cyan) !important; letter-spacing:.22em !important; }

/* PelicanNET emblem — cyan chamfered frame instead of the old solid block */
.logo{
  background:transparent !important;
  color:var(--cyan) !important;
  border:1.5px solid var(--cyan-deep);
  font-family:var(--mono) !important;
  clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);
  box-shadow:0 0 10px rgba(59,214,230,.25);
}
.brand-title{ color:#fff !important; text-transform:uppercase; }
.header{ border-bottom-color:var(--line-bright) !important; }

/* chamfered content panels with a cyan hairline frame */
.form,.card,.rel,.success,.helpbox,.officer-box,.empty{
  border-color:var(--line-bright) !important;
  clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
}

/* primary action buttons: amber + chamfer (PelicanNET CTA) */
.btn,.btn-submit,.saveBtn,#saveBtn,.actions .approve,button[type="submit"]{
  background:var(--accent) !important; color:#1a1a1a !important; border:none !important;
  font-family:var(--head) !important; text-transform:uppercase; letter-spacing:.08em; font-weight:700 !important;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}
.btn:hover,.btn-submit:hover,.actions .approve:hover{ filter:brightness(1.08); }

/* secondary / ghost buttons: transparent + cyan outline (override the amber .btn) */
.btn-ghost,.btn-lookup{
  background:transparent !important; color:var(--cyan) !important;
  border:1px solid var(--cyan-deep) !important;
}
.btn-ghost:hover,.btn-lookup:hover{ background:rgba(59,214,230,.10) !important; }
.navlink{ color:var(--cyan) !important; }

/* inputs: cyan focus ring */
input,textarea,select{ font-family:var(--mono) !important; }
input:focus,textarea:focus,select:focus{
  outline:none !important; border-color:var(--cyan) !important;
  box-shadow:0 0 0 1px var(--cyan-deep), 0 0 10px rgba(59,214,230,.15) !important;
}

/* tier colours follow the SC palette automatically via the variables above;
   nudge any hard-coded chips toward the new hues */
.chip,.badge{ font-family:var(--mono) !important; }