/* ============================================================================
   GEOPHORA — Nachhaltigkeitsmanagement · seitenspezifische Ergänzung
   Extrahiert am 2026-08-11 aus dem <style>-Block der Seite: nur die Differenz
   zum gemeinsamen Vertikalen-Block (EUDR-Baseline-Check mit Satellitenbild).
   Gehört NACH css/geophora-demo.css und css/gp-vertikale.css geladen.
   Ampel-Pills und Live-Indikator sind Datenfarben, kein Chrome; die dunklen
   HUD-Flächen über dem Satellitenbild sind Instrumentenflächen.
   ========================================================================== */

/* ===== EUDR baseline check (satellite-backed) ===== */
.wp-eudr__grid { display:block; }
.wp-sat { position:relative; margin:0; overflow:hidden; aspect-ratio: 16/10; background:#0d1420; isolation:isolate; border-bottom:1px solid var(--gp-border); }
.wp-sat__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition: opacity .45s ease; }
.wp-sat__scrim { position:absolute; inset:0; pointer-events:none; z-index:1;
    background: linear-gradient(180deg, rgba(8,14,22,.32) 0%, rgba(8,14,22,.04) 26%, rgba(8,14,22,.10) 60%, rgba(8,14,22,.86) 100%),
                radial-gradient(120% 96% at 50% 38%, transparent 52%, rgba(8,14,22,.5) 100%); }
.wp-sat__scan { position:absolute; inset:0; pointer-events:none; z-index:1; mix-blend-mode:overlay; opacity:.45;
    background: repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 3px),
                repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 3px); }
.wp-scr__ex { margin-left:auto; align-self:flex-start; font-family:var(--gp-mono); font-size:.6rem; text-transform:uppercase; letter-spacing:.06em; color:var(--gp-text-faint); border:1px solid var(--gp-border-strong); border-radius:999px; padding:3px 8px; white-space:nowrap; }
.wp-sat__hud { position:absolute; inset:0; padding:11px 13px; display:flex; justify-content:space-between; align-items:flex-start; z-index:3; pointer-events:none; }
.wp-sat__badge { display:inline-flex; align-items:center; gap:7px; background: rgba(9,16,25,.72); color:#eaf1f6; border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:5px 11px; font-family:var(--gp-mono); font-size:.64rem; letter-spacing:.05em; text-transform:uppercase; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.wp-sat__badge i { width:7px; height:7px; border-radius:50%; background:#38d39f; box-shadow:0 0 0 0 rgba(56,211,159,.6); animation: wpPulse 2.2s infinite; }
@keyframes wpPulse { 0%{box-shadow:0 0 0 0 rgba(56,211,159,.55)} 70%{box-shadow:0 0 0 7px rgba(56,211,159,0)} 100%{box-shadow:0 0 0 0 rgba(56,211,159,0)} }
.wp-sat__coord { background: rgba(9,16,25,.72); color:#eaf1f6; border:1px solid rgba(255,255,255,.16); border-radius:6px; padding:5px 9px; font-family:var(--gp-mono); font-size:.64rem; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.wp-sat__attr { position:absolute; left:0; right:0; bottom:0; z-index:3; padding:7px 13px; font-family:var(--gp-mono); font-size:.58rem; color: rgba(233,241,246,.74); text-shadow:0 1px 2px rgba(0,0,0,.6); pointer-events:none; }

.wp-eudr__panel { background: var(--gp-surface); padding: 17px 18px 15px; }
.wp-eudr__eyebrow { display:block; font-family:var(--gp-mono); font-size:.66rem; text-transform:uppercase; letter-spacing:.08em; color: var(--gp-text-faint); }
.wp-eudr__chips { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0 14px; }
.wp-chip { display:inline-flex; align-items:center; gap:6px; font-size:.82rem; padding:7px 11px; border:1.5px solid var(--gp-border); border-radius:999px; background: var(--gp-surface); color: var(--gp-text-soft); cursor:pointer; transition: all var(--gp-fast); line-height:1; }
.wp-chip:hover { border-color: var(--gp-favicon); color: var(--gp-text); }
.wp-chip.is-active { border-color: var(--gp-favicon); background: rgba(var(--gp-akzent-rgb),.10); color: var(--gp-text); font-weight:600; }
.wp-chip b { font-size:1.02rem; line-height:1; }

.wp-eudr__out { border-top:1px dashed var(--gp-border-strong); padding-top:13px; }
.wp-scr__head { display:flex; align-items:center; gap:11px; margin-bottom:12px; }
.wp-scr__emoji { font-size:1.7rem; line-height:1; }
.wp-scr__ttl { font-weight:800; font-size:1.0rem; letter-spacing:-.01em; }
.wp-scr__sub { font-family:var(--gp-mono); font-size:.68rem; color: var(--gp-text-faint); }
.wp-scr__rows { display:flex; flex-direction:column; gap:9px; }
.wp-scr__row { display:grid; grid-template-columns: 132px 1fr; gap:10px; align-items:start; }
.wp-scr__k { font-family:var(--gp-mono); font-size:.63rem; text-transform:uppercase; letter-spacing:.04em; color: var(--gp-text-faint); padding-top:3px; }
.wp-scr__v { font-size:.9rem; color: var(--gp-text); line-height:1.5; }
.wp-pill { display:inline-flex; align-items:center; gap:6px; font-family:var(--gp-mono); font-size:.66rem; font-weight:700; padding:3px 9px; border-radius:999px; white-space:nowrap; }
.wp-pill::before { content:""; width:7px; height:7px; border-radius:50%; background: currentColor; }
.wp-pill--ok { background: rgba(31,157,87,.13); color:#157a42; }
.wp-pill--warn { background: rgba(193,138,43,.16); color:#8a5e12; }
.wp-pill--alert { background: rgba(214,73,47,.14); color:#b8331d; }
.wp-scr__src { margin-top:12px; font-family:var(--gp-mono); font-size:.65rem; color: var(--gp-text-faint); line-height:1.55; }
.wp-scr__next { margin-top:9px; font-size:.86rem; color: var(--gp-text-soft); border-left:3px solid var(--gp-favicon); padding-left:11px; }
.wp-eudr__foot { margin-top:13px; font-family:var(--gp-mono); font-size:.62rem; color: var(--gp-text-faint); line-height:1.55; }
@media (max-width: 520px){ .wp-scr__row { grid-template-columns: 104px 1fr; } .wp-sat { aspect-ratio: 3/2; } }