@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&family=Inter:wght@400;500;600&display=swap");

/*
  Bereinigte Komponenten-CSS aus dem hochgeladenen Bundle.
  Entfernt wurden die generischen Tailwind-Utilities und der komplette Tailwind-Reset.
  Behalten wurden Theme-Variablen, Basisregeln, eigene po-/policy-/cockpit-Komponenten, relevante Animationen und responsive Spezialregeln.
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
}

img,
svg,
video,
canvas {
  display: block;
  max-width: 100%;
}

button,
input,
textarea,
select {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
}

[hidden] {
  display: none !important;
}

:root {
  --po-bg:#050505;
  --po-surface:#0a0a0a;
  --po-panel:#111;
  --po-text:#fff;
  --po-text-secondary:#a1a1aa;
  --po-text-muted:#71717a;
  --po-steel:#3b82f6;
  --po-steel-deep:#1e3a8a;
  --po-glow:#3b82f680;
  --po-border:#ffffff14;
  --po-border-hover:#3b82f673;
  --po-admin-filter:none;
  --po-admin-lift:0;
}

html.po-admin-active {
  --po-bg:color-mix(in srgb,#050505 calc((1 - var(--po-admin-lift, 0))*100%),#1a1a1a calc(var(--po-admin-lift, 0)*100%));
  --po-surface:color-mix(in srgb,#0a0a0a calc((1 - var(--po-admin-lift, 0))*100%),#1f1f1f calc(var(--po-admin-lift, 0)*100%));
  --po-panel:color-mix(in srgb,#111 calc((1 - var(--po-admin-lift, 0))*100%),#232323 calc(var(--po-admin-lift, 0)*100%));
}

html.po-admin-active body {
  background:#050505;
  background:var(--po-bg);
  transition:background-color .2s ease-out;
}

html.po-admin-active [data-testid=admin-layout],
html.po-admin-active body {
  max-width:100vw;
  overflow-x:hidden;
}

[data-testid=admin-layout] {
  filter:none;
  filter:var(--po-admin-filter,none);
  will-change:filter;
}

[data-testid=admin-layout],
body,
html {
  background:#050505;
  background:var(--po-bg);
}

body,
html {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#fff;
  color:var(--po-text);
  color-scheme:dark;
  font-family:JetBrains Mono,monospace;
  font-size:14px;
  margin:0;
  overflow-x:hidden;
}

optgroup,
option {
  background-color:#06080c!important;
  color:#e4e4e7!important;
}

select {
  color-scheme:dark;
}

::selection {
  background:#3b82f6;
  background:var(--po-steel);
  color:#fff;
}

::-webkit-scrollbar {
  height:10px;
  width:10px;
}

::-webkit-scrollbar-track {
  background:#050505;
  background:var(--po-bg);
}

::-webkit-scrollbar-thumb {
  background:#1a1a1a;
  border:2px solid #050505;
  border:2px solid var(--po-bg);
}

::-webkit-scrollbar-thumb:hover {
  background:#1e3a8a;
  background:var(--po-steel-deep);
}

.po-font-display {
  font-family:Outfit,sans-serif;
}

.po-font-mono,
.po-label {
  font-family:JetBrains Mono,monospace;
}

.po-label {
  color:#71717a;
  color:var(--po-text-muted);
  font-size:.65rem;
  letter-spacing:.25em;
  text-transform:uppercase;
}

.po-grid-bg {
  background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 0);
  background-size:64px 64px;
}

.po-scanline {
  position:relative;
}

.po-scanline:after {
  background:repeating-linear-gradient(180deg,#0000 0,#0000 3px,hsla(0,0%,100%,.012) 0,hsla(0,0%,100%,.012) 4px);
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}

.po-panel {
  background:#111;
  background:var(--po-panel);
  border:1px solid #ffffff14;
  border:1px solid var(--po-border);
}

.po-panel-hover {
  transition:border-color .18s ease,background-color .18s ease;
}

.po-panel-hover:hover {
  border-color:#3b82f673;
  border-color:var(--po-border-hover);
}

.po-elite-clarity-veil {
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  background:radial-gradient(ellipse 1400px 700px at 50% 0,#3b82f60a,#0000 60%),repeating-linear-gradient(135deg,hsla(0,0%,100%,.008) 0 2px,#0000 2px 5px),#050507eb;
  font-family:Inter,system-ui,-apple-system,sans-serif;
  letter-spacing:0;
  position:relative;
}

.po-elite-clarity-veil .po-font-display {
  font-family:Outfit,sans-serif;
}

.po-elite-clarity-veil:before {
  background:radial-gradient(ellipse at center,#0000 55%,#0000008c 100%);
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}

.po-cmd-panel {
  background:#08080ac7;
  border:1px solid #3b82f62e;
  box-shadow:inset 0 0 0 1px #0006,0 30px 80px -50px #000000e6;
  position:relative;
}

.po-cmd-strip {
  align-items:center;
  background:#050507;
  border-bottom:1px solid #3b82f62e;
  display:flex;
  font-family:JetBrains Mono,monospace;
  font-size:9px;
  height:22px;
  justify-content:space-between;
  letter-spacing:.22em;
  padding:0 10px;
  text-transform:uppercase;
}

.po-cmd-strip-left {
  align-items:center;
  color:#3b82f6;
  color:var(--po-steel);
  display:inline-flex;
  gap:6px;
}

.po-cmd-strip-left:before {
  background:#3b82f6;
  background:var(--po-steel);
  box-shadow:0 0 6px #3b82f673;
  content:"";
  display:inline-block;
  height:6px;
  width:6px;
}

.po-cmd-strip-right {
  color:#666;
}

.po-cmd-body {
  padding:14px;
  position:relative;
}

.po-cmd-tick {
  height:10px;
  pointer-events:none;
  position:absolute;
  width:10px;
  z-index:2;
}

.po-cmd-tick:after,
.po-cmd-tick:before {
  background:#3b82f6;
  background:var(--po-steel);
  content:"";
  opacity:.7;
  position:absolute;
}

.po-cmd-tick-tl {
  left:-1px;
  top:-1px;
}

.po-cmd-tick-tl:before {
  height:1px;
  left:0;
  top:0;
  width:100%;
}

.po-cmd-tick-tl:after {
  height:100%;
  left:0;
  top:0;
  width:1px;
}

.po-cmd-tick-tr {
  right:-1px;
  top:-1px;
}

.po-cmd-tick-tr:before {
  height:1px;
  right:0;
  top:0;
  width:100%;
}

.po-cmd-tick-tr:after {
  height:100%;
  right:0;
  top:0;
  width:1px;
}

.po-cmd-tick-bl {
  bottom:-1px;
  left:-1px;
}

.po-cmd-tick-bl:before {
  bottom:0;
  height:1px;
  left:0;
  width:100%;
}

.po-cmd-tick-bl:after {
  bottom:0;
  height:100%;
  left:0;
  width:1px;
}

.po-cmd-tick-br {
  bottom:-1px;
  right:-1px;
}

.po-cmd-tick-br:before {
  bottom:0;
  height:1px;
  right:0;
  width:100%;
}

.po-cmd-tick-br:after {
  bottom:0;
  height:100%;
  right:0;
  width:1px;
}

.po-elite-panel {
  background:#08080ab8;
  border:1px solid #ffffff26;
  box-shadow:inset 0 1px 0 #ffffff0a,0 24px 60px -40px #000c;
}

.po-elite-panel .po-elite-row {
  line-height:1.25;
  padding-bottom:10px;
  padding-top:10px;
}

.po-elite-panel .po-elite-thead {
  padding-bottom:8px;
  padding-top:8px;
}

.po-elite-row {
  border-bottom:1px solid #ffffff14;
  transition:background-color .14s ease;
}

.po-elite-row:nth-child(2n) {
  background:hsla(0,0%,100%,.022);
}

.po-elite-row:nth-child(odd) {
  background:#00000038;
}

.po-elite-row:hover {
  background:#3b82f60f;
}

.po-elite-row[data-picked="1"] {
  background:#3b82f61a;
  box-shadow:inset 2px 0 0 #3b82f6;
  box-shadow:inset 2px 0 0 var(--po-steel);
}

.po-elite-thead {
  background:#ffffff0a;
  border-bottom:1px solid #3b82f638;
}

.po-elite-thead .po-label {
  color:#ffffffc7;
  font-weight:700;
}

.po-data-strong {
  font-feature-settings:"tnum";
  font-size:12px;
  font-variant-numeric:tabular-nums;
}

.po-data-amount,
.po-data-strong {
  color:#fff;
  font-family:JetBrains Mono,monospace;
  font-weight:600;
  letter-spacing:-.01em;
}

.po-data-amount {
  font-feature-settings:"tnum";
  font-size:13px;
  font-variant-numeric:tabular-nums;
}

.po-data-body {
  color:#ffffffe6;
  font-size:13px;
  font-weight:500;
}

.po-data-body,
.po-data-body-sub {
  font-family:Inter,system-ui,-apple-system,sans-serif;
  letter-spacing:0;
}

.po-data-body-sub {
  color:#ffffffa6;
  font-size:11px;
  font-weight:400;
}

.po-status-pill {
  background:#ffffff05;
  box-shadow:0 0 12px -4px currentColor;
  font-weight:700;
  gap:4px;
  letter-spacing:.2em;
  padding:3px 8px;
  text-transform:uppercase;
}

.po-logi-badge,
.po-status-pill {
  align-items:center;
  border:1px solid;
  display:inline-flex;
  font-family:JetBrains Mono,monospace;
  font-size:9px;
}

.po-logi-badge {
  font-weight:600;
  justify-content:center;
  letter-spacing:.15em;
  line-height:1.1;
  max-width:100%;
  overflow:hidden;
  padding:2px 8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.po-lab {
  --lab-ink:#0a0d12;
  --lab-paper:#f8f7f3;
  --lab-grid:#1a1d22;
  --lab-line:#1c2128;
  --lab-mono:#565d66;
  --lab-accent:#2563eb;
  --lab-amber:#b45309;
  --lab-rose:#b91c1c;
  --lab-emerald:#047857;
  background:linear-gradient(hsla(0,0%,100%,.018),hsla(0,0%,100%,.018)),repeating-linear-gradient(0deg,#0000 0 23px,#ffffff0a 23px 24px),repeating-linear-gradient(90deg,#0000 0 23px,#ffffff0a 23px 24px),var(--lab-grid);
  color:var(--lab-ink);
  min-height:100vh;
  padding:28px 32px 64px;
}

.po-lab-header {
  margin-bottom:24px;
}

.po-lab-eyebrow {
  color:#94a3b8;
  font-family:JetBrains Mono,monospace;
  font-size:10px;
  letter-spacing:.32em;
  text-transform:uppercase;
}

.po-lab-title {
  color:#f8fafc;
  font-family:Outfit,Inter,sans-serif;
  font-size:34px;
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.05;
  margin:4px 0 6px;
}

.po-lab-sub {
  color:#94a3b8;
  font-family:Inter,sans-serif;
  font-size:13px;
  max-width:720px;
}

.po-lab-grid {
  grid-gap:16px;
  display:grid;
  gap:16px;
  grid-template-columns:repeat(auto-fill,minmax(330px,1fr));
}

.po-lab-card {
  background:var(--lab-paper);
  border:2px solid var(--lab-ink);
  border-radius:0;
  box-shadow:4px 4px 0 0 #0000008c;
  color:var(--lab-ink);
  padding:18px 18px 16px;
}

.po-lab-card.po-lab-card-zone.is-inactive {
  background:#ecebe6;
  opacity:.55;
}

.po-lab-mono-label {
  color:var(--lab-mono);
  font-family:JetBrains Mono,monospace;
  font-size:9px;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.po-lab-data-strong {
  font-family:Outfit,Inter,sans-serif;
  font-size:18px;
  font-weight:600;
}

.po-lab-data-amount,
.po-lab-data-strong {
  color:var(--lab-ink);
  letter-spacing:-.01em;
}

.po-lab-data-amount {
  font-feature-settings:"tnum";
  font-family:JetBrains Mono,monospace;
  font-size:20px;
  font-variant-numeric:tabular-nums;
  font-weight:700;
}

.po-lab-chip {
  align-items:center;
  background:#fff;
  border:1.5px solid var(--lab-ink);
  color:var(--lab-ink);
  display:inline-flex;
  font-family:JetBrains Mono,monospace;
  font-size:10px;
  font-weight:600;
  letter-spacing:.12em;
  padding:2px 7px;
}

.po-lab-chip.is-overflow {
  background:var(--lab-ink);
  color:var(--lab-paper);
}

.po-lab-chip.is-success {
  background:var(--lab-emerald);
  border-color:var(--lab-emerald);
  color:#fff;
}

.po-lab-icon-btn {
  align-items:center;
  background:#fff;
  border:1.5px solid var(--lab-ink);
  color:var(--lab-ink);
  display:inline-flex;
  height:28px;
  justify-content:center;
  transition:transform 80ms ease,background .12s ease;
  width:28px;
}

.po-lab-icon-btn:hover {
  background:var(--lab-ink);
  color:var(--lab-paper);
}

.po-lab-icon-btn:active {
  transform:translate(1px,1px);
}

.po-lab-icon-btn.is-on {
  background:var(--lab-emerald);
  border-color:var(--lab-emerald);
  color:#fff;
}

.po-lab-icon-btn.is-off {
  background:#fff;
  color:var(--lab-mono);
}

.po-lab-icon-btn.is-danger:hover {
  background:var(--lab-rose);
  border-color:var(--lab-rose);
  color:#fff;
}

.po-lab-btn {
  align-items:center;
  background:#fff;
  border:2px solid var(--lab-ink);
  box-shadow:3px 3px 0 0 #00000080;
  color:var(--lab-ink);
  display:inline-flex;
  font-family:JetBrains Mono,monospace;
  font-size:11px;
  font-weight:700;
  gap:8px;
  letter-spacing:.22em;
  padding:10px 16px;
  text-transform:uppercase;
  transition:transform 80ms ease,background .12s ease;
}

.po-lab-btn:hover:not(:disabled) {
  box-shadow:4px 4px 0 0 #0000008c;
  transform:translate(-1px,-1px);
}

.po-lab-btn:active {
  box-shadow:1px 1px 0 0 #00000080;
  transform:translate(1px,1px);
}

.po-lab-btn:disabled {
  cursor:not-allowed;
  opacity:.5;
}

.po-lab-btn-primary {
  background:var(--lab-ink);
  color:var(--lab-paper);
}

.po-lab-btn-primary:hover:not(:disabled) {
  background:var(--lab-accent);
  border-color:var(--lab-accent);
  color:#fff;
}

.po-lab-editor {
  margin-bottom:24px;
}

.po-lab-input {
  background:#fff;
  border:1.5px solid var(--lab-ink);
  color:var(--lab-ink);
  font-family:JetBrains Mono,monospace;
  font-size:12px;
  font-weight:600;
  outline:none;
  padding:9px 11px;
  width:100%;
}

.po-lab-input:focus {
  border-color:var(--lab-accent);
  box-shadow:0 0 0 2px #2563eb2e;
}

.po-lab-hint {
  color:var(--lab-mono);
  display:block;
  font-family:Inter,sans-serif;
  font-size:11px;
  margin-top:4px;
}

.po-lab-toggle {
  align-items:center;
  color:var(--lab-ink);
  cursor:pointer;
  display:inline-flex;
  font-family:JetBrains Mono,monospace;
  font-size:11px;
  gap:8px;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.po-lab-toggle input {
  accent-color:var(--lab-accent);
  height:16px;
  width:16px;
}

.po-lab-search {
  align-items:center;
  background:#fff;
  border:1.5px solid var(--lab-ink);
  color:var(--lab-mono);
  display:flex;
  gap:6px;
  padding:7px 10px;
}

.po-lab-search input {
  background:#0000;
  border:0;
  color:var(--lab-ink);
  flex:1 1;
  font-family:JetBrains Mono,monospace;
  font-size:12px;
  outline:none;
}

.po-lab-country-grid {
  grid-gap:6px;
  background:#ffffff8c;
  border:1.5px dashed #0a0d1259;
  display:grid;
  gap:6px;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  max-height:280px;
  overflow-y:auto;
  padding:8px;
}

.po-lab-country {
  align-items:center;
  background:#fff;
  border:1.5px solid #0a0d1240;
  color:var(--lab-ink);
  cursor:pointer;
  display:inline-flex;
  font-family:Inter,sans-serif;
  font-size:12px;
  gap:8px;
  padding:6px 9px;
  text-align:left;
  transition:background .11s ease,border-color .11s ease;
}

.po-lab-country:hover {
  border-color:var(--lab-ink);
}

.po-lab-country.is-checked {
  background:#2563eb1a;
  border-color:var(--lab-accent);
}

.po-lab-country-code {
  font-family:JetBrains Mono,monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  min-width:26px;
}

.po-lab-country-name {
  flex:1 1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.po-lab-country-icon {
  color:var(--lab-accent);
  margin-left:auto;
}

.po-lab-callout {
  background:#fef3c7;
  border:1.5px solid var(--lab-amber);
  color:#78350f;
  display:flex;
  font-family:JetBrains Mono,monospace;
  font-size:11px;
  gap:8px;
  letter-spacing:.08em;
}

.po-lab-callout,
.po-lab-tester-out {
  align-items:center;
  padding:9px 12px;
}

.po-lab-tester-out {
  background:#fff;
  border:1.5px solid var(--lab-ink);
  color:var(--lab-ink);
  display:inline-flex;
}

@keyframes po-loyalty-glow {
  0%,to {
    box-shadow:0 0 6px #3b82f666,0 0 0 0 #3b82f600;
  }
  50% {
    box-shadow:0 0 16px #3b82f6cc,0 0 24px 2px #3b82f626;
  }
}

.po-loyalty-pulse {
  animation:po-loyalty-glow 2.4s ease-in-out infinite;
}

@keyframes po-cyan-text-pulse {
  0%,to {
    text-shadow:0 0 8px #22d3ee59,0 0 18px #22d3ee26;
  }
  50% {
    text-shadow:0 0 14px #22d3eebf,0 0 32px #22d3ee59,0 0 60px #3b82f626;
  }
}

.po-cyan-text-pulse {
  animation:po-cyan-text-pulse 2.8s ease-in-out infinite;
}

@keyframes po-summary-discount-glow {
  0%,to {
    box-shadow:0 0 0 0 #22d3ee00,0 0 0 0 #22d3ee00;
  }
  35% {
    box-shadow:0 0 28px 2px #22d3ee52,0 0 60px 6px #22d3ee1a,inset 0 0 22px 0 #22d3ee0f;
  }
  to {
    box-shadow:0 0 14px 1px #22d3ee38,0 0 36px 2px #22d3ee0f;
  }
}

.po-summary-discount-glow {
  animation:po-summary-discount-glow 2.6s ease-in-out infinite;
  border-color:#22d3ee8c!important;
  transition:border-color .24s ease-out;
}

.po-loyalty-scanlines {
  background-image:repeating-linear-gradient(0deg,hsla(0,0%,100%,.022),hsla(0,0%,100%,.022) 1px,#0000 0,#0000 3px),repeating-linear-gradient(90deg,hsla(0,0%,100%,.014),hsla(0,0%,100%,.014) 1px,#0000 0,#0000 4px);
}

.po-active-rail {
  box-shadow:inset 2px 0 0 #3b82f6;
  box-shadow:inset 2px 0 0 var(--po-steel);
}

.po-carbon-bg {
  background-color:#050507;
  background-image:radial-gradient(ellipse 1200px 600px at 70% 25%,#3b82f612,#0000 60%),radial-gradient(ellipse 800px 400px at 15% 80%,hsla(0,0%,100%,.025),#0000 70%),repeating-linear-gradient(135deg,hsla(0,0%,100%,.012) 0 2px,#0000 2px 5px),repeating-linear-gradient(45deg,hsla(0,0%,100%,.012) 0 2px,#0000 2px 5px);
}

:where(.po-vault-panel) {
  position:relative;
}

.po-vault-panel {
  backdrop-filter:blur(18px) saturate(115%);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  background:linear-gradient(155deg,#0f1116c7,#08090ceb);
  border:1px solid #ffffff0f;
  box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025),0 30px 60px -30px #000000d9,0 1px 0 #3b82f60a;
  overflow:hidden;
}

.po-vault-panel:before {
  background:linear-gradient(180deg,#3b82f60a,#0000 35%);
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}

.po-vault-panel-accent {
  border-color:#3b82f62e;
}

.po-search-panel {
  background:linear-gradient(165deg,#0b0e12f7,#06080bfc),radial-gradient(circle at 0 0,#3b82f60d,#0000 55%);
  border-color:#3b82f64d;
  box-shadow:inset 0 1px 0 #ffffff0a,0 30px 80px -20px #000000f2,0 0 0 1px #3b82f614,0 0 60px -10px #3b82f62e;
}

@keyframes po-pre-pay-fade-in {
  0% {
    opacity:0;
    transform:translateY(-6px) scale(.99);
  }
  to {
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

.po-pre-pay-fade {
  animation:po-pre-pay-fade-in .32s cubic-bezier(.22,1,.36,1) both;
  box-shadow:inset 0 0 0 1px #3b82f614,0 14px 38px -22px #3b82f673;
}

.po-vault-tick-sm {
  border-color:#3b82f68c;
  height:10px;
  pointer-events:none;
  position:absolute;
  width:10px;
}

@media (prefers-reduced-motion:reduce) {
  .po-pre-pay-fade {
    animation:none;
  }
}

@keyframes po-pulse-strong-anim {
  0% {
    box-shadow:0 0 0 0 #34d3998c;
    opacity:1;
    transform:scale(1);
  }
  60% {
    box-shadow:0 0 0 6px #34d39900;
    opacity:.9;
    transform:scale(1.6);
  }
  to {
    box-shadow:0 0 0 0 #34d39900;
    opacity:1;
    transform:scale(1);
  }
}

.po-pulse-strong {
  animation:po-pulse-strong-anim .8s cubic-bezier(.22,1,.36,1) both;
}

@media (prefers-reduced-motion:reduce) {
  .po-pulse-strong {
    animation:none;
  }
}

@keyframes po-progress-pulse-anim {
  0% {
    background:#3b82f61a;
    box-shadow:0 0 0 0 #3b82f68c,inset 0 0 0 0 #3b82f61a;
  }
  60% {
    background:#3b82f62e;
    box-shadow:0 0 0 7px #3b82f600,inset 0 0 0 0 #3b82f62e;
  }
  to {
    background:#3b82f61a;
    box-shadow:0 0 0 0 #3b82f600,inset 0 0 0 0 #3b82f61a;
  }
}

.po-progress-pulse {
  animation:po-progress-pulse-anim 1.8s ease-out infinite;
}

@media (prefers-reduced-motion:reduce) {
  .po-progress-pulse {
    animation:none;
    background:#3b82f61a;
  }
}

@keyframes obsidian-widget-in {
  0% {
    opacity:0;
    transform:translateY(12px) scale(.98);
  }
  to {
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes obsidian-cursor-blink {
  0%,50% {
    opacity:1;
  }
  50.01%,to {
    opacity:0;
  }
}

@keyframes obsidian-dots-anim {
  0% {
    content:"";
  }
  33% {
    content:".";
  }
  66% {
    content:"..";
  }
  to {
    content:"...";
  }
}

@keyframes po-pulse-critical {
  0%,to {
    box-shadow:0 0 0 0 #f43f5e8c,0 0 8px 0 #f43f5e4d;
  }
  50% {
    box-shadow:0 0 0 6px #f43f5e00,0 0 14px 2px #f43f5e8c;
  }
}

.po-pulse-critical {
  animation:po-pulse-critical 1.6s ease-in-out infinite;
}

@keyframes po-pulse-critical-dot {
  0%,to {
    opacity:1;
    transform:scale(1);
  }
  50% {
    opacity:.6;
    transform:scale(1.6);
  }
}

.po-pulse-critical-dot {
  animation:po-pulse-critical-dot 1.4s ease-in-out infinite;
}

@keyframes po-pulse-critical-row-anim {
  0%,to {
    box-shadow:inset 3px 0 0 0 #f43f5e73;
  }
  50% {
    box-shadow:inset 3px 0 0 0 #f43f5ed9;
  }
}

.po-pulse-critical-row {
  animation:po-pulse-critical-row-anim 2.2s ease-in-out infinite;
}

@keyframes obsidian-lab-dot-pulse {
  0%,to {
    box-shadow:0 0 0 0 #10b981a6,0 0 6px 0 #10b98173;
    opacity:1;
  }
  50% {
    box-shadow:0 0 0 4px #10b98100,0 0 10px 1px #10b981bf;
    opacity:.85;
  }
}

@keyframes obsidian-helix-bob {
  0%,to {
    opacity:.95;
    transform:translateY(-3px) scaleY(1);
  }
  50% {
    opacity:.45;
    transform:translateY(3px) scaleY(.7);
  }
}

@keyframes obsidian-teaser-in {
  0% {
    opacity:0;
    transform:translateY(6px) scale(.96);
  }
  60% {
    opacity:1;
  }
  to {
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes po-hplc-draw {
  to {
    stroke-dashoffset:0;
  }
}

@keyframes po-hplc-peak-pulse {
  0%,to {
    r:3;
    filter:drop-shadow(0 0 4px rgba(59,130,246,.65));
    opacity:.9;
  }
  50% {
    r:5;
    filter:drop-shadow(0 0 12px rgba(59,130,246,.95));
    opacity:1;
  }
}

.po-hplc-peak-pulse {
  animation:po-hplc-peak-pulse 2.4s ease-in-out infinite;
  transform-box:fill-box;
  transform-origin:center;
}

@media (prefers-reduced-motion:reduce) {
  .po-hplc-peak-pulse {
    animation:none;
  }
}

.po-vault-tick {
  border-color:#3b82f68c;
  height:14px;
  pointer-events:none;
  position:absolute;
  width:14px;
}

@keyframes po-laser-scan {
  0% {
    opacity:0;
    transform:translateY(-100%);
  }
  10% {
    opacity:1;
  }
  90% {
    opacity:1;
  }
  to {
    opacity:0;
    transform:translateY(2000%);
  }
}

.po-laser-scan {
  animation:po-laser-scan 8s linear infinite;
  background:linear-gradient(90deg,#0000,#3b82f600 20%,#3b82f6b3 50%,#3b82f600 80%,#0000);
  box-shadow:0 0 18px #3b82f68c;
  height:1px;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
}

@keyframes po-laser-scan-card {
  0% {
    transform:translateY(-100%);
  }
  to {
    transform:translateY(1100%);
  }
}

.po-laser-scan-card {
  animation:po-laser-scan-card 11s linear infinite;
  height:1.5px;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
}

[data-testid=vault-insight-card-0] .po-laser-scan-card {
  animation-delay:0s;
}

[data-testid=vault-insight-card-1] .po-laser-scan-card {
  animation-delay:3.5s;
}

[data-testid=vault-insight-card-2] .po-laser-scan-card {
  animation-delay:7s;
}

.po-glow-blue {
  box-shadow:0 0 0 1px #3b82f68c,0 0 22px -4px #3b82f6a6,inset 0 0 28px -6px #3b82f68c;
}

@keyframes po-progress-pulse {
  0%,to {
    opacity:.78;
    text-shadow:0 0 0 #3b82f600;
  }
  50% {
    opacity:1;
    text-shadow:0 0 8px #3b82f673;
  }
}

.po-progress-pulse {
  animation:po-progress-pulse 2.4s ease-in-out infinite;
}

@keyframes po-qc-pulse {
  0%,to {
    box-shadow:0 0 0 0 #3b82f68c;
  }
  50% {
    box-shadow:0 0 0 6px #3b82f600;
  }
}

.po-qc-dot {
  animation:po-qc-pulse 2.2s ease-in-out infinite;
  background:#3b82f6;
  background:var(--po-steel);
  border-radius:9999px;
  height:8px;
  width:8px;
}

@keyframes po-obsidian-pulse-in {
  0% {
    opacity:0;
    transform:translateY(14px) scale(.985);
  }
  60% {
    opacity:1;
    transform:translateY(-2px) scale(1.002);
  }
  to {
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes po-obsidian-pulse-scan {
  0% {
    opacity:0;
    transform:translateY(0);
  }
  10% {
    opacity:1;
  }
  90% {
    opacity:1;
  }
  to {
    opacity:0;
    transform:translateY(120px);
  }
}

@keyframes po-manifest-scan {
  0% {
    opacity:0;
    transform:translateY(0);
  }
  8% {
    opacity:1;
  }
  92% {
    opacity:1;
  }
  to {
    opacity:0;
    transform:translateY(100vh);
  }
}

@keyframes po-art-fade-in {
  0% {
    opacity:0;
    transform:scale(1.015);
  }
  to {
    opacity:.9;
    transform:scale(1);
  }
}

@keyframes po-lab-scan {
  0% {
    opacity:0;
    transform:translateY(0);
  }
  6% {
    opacity:1;
  }
  92% {
    opacity:1;
  }
  to {
    opacity:0;
    transform:translateY(800px);
  }
}

.po-manifest-cta {
  background:linear-gradient(180deg,#3b82f62e,#3b82f60f 50%,#08090ceb);
  border:1px solid #3b82f68c;
  box-shadow:inset 0 1px 0 #ffffff0f,0 0 0 0 #3b82f600;
  position:relative;
  transition:box-shadow .24s ease,border-color .24s ease,transform .2s ease,background-position .22s ease;
}

.po-manifest-cta:hover {
  background:linear-gradient(180deg,#3b82f647,#3b82f61a 55%,#08090cf2);
  border-color:#3b82f6d9;
  box-shadow:inset 0 1px 0 #ffffff14,0 0 22px #3b82f673,0 0 60px -10px #3b82f659;
}

.po-manifest-cta:active {
  transform:translateY(1px);
}

.po-cart-cta {
  background:linear-gradient(180deg,#3b82f633,#3b82f614 55%,#08090ce6);
  border:1px solid #3b82f68c;
  box-shadow:inset 0 1px 0 #ffffff0f,0 0 18px -2px #3b82f652,0 0 50px -16px #3b82f647;
  position:relative;
  transition:box-shadow .28s ease,border-color .28s ease,transform .18s ease,background .28s ease;
}

.po-cart-cta:hover {
  background:linear-gradient(180deg,#3b82f652,#3b82f61f 55%,#08090cf2);
  border-color:#60a5faf2;
  box-shadow:inset 0 1px 0 #ffffff14,0 0 26px -2px #3b82f68c,0 0 80px -12px #3b82f66b;
}

.po-cart-cta:active {
  transform:translateY(1px);
}

.po-cart-row+.po-cart-row:before {
  background:linear-gradient(90deg,#fff0,#ffffff0f 18%,#3b82f633 50%,#ffffff0f 82%,#fff0);
  content:"";
  height:1px;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
}

@keyframes po-crystal-rotate {
  0% {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(1turn);
  }
}

.po-global-scan {
  inset:0;
  mix-blend-mode:screen;
  overflow:hidden;
  pointer-events:none;
  position:fixed;
  z-index:1;
}

.po-global-scan-line {
  animation:po-global-scan-down 18s linear infinite;
  background:linear-gradient(90deg,#3b82f600,#3b82f60f 10%,#60a5fa8c 50%,#3b82f60f 90%,#3b82f600);
  box-shadow:0 0 10px #3b82f652,0 0 28px #3b82f62e;
  height:1px;
  left:0;
  opacity:.4;
  position:absolute;
  right:0;
  top:-2px;
}

@keyframes po-global-scan-down {
  0% {
    opacity:0;
    transform:translateY(0);
  }
  4% {
    opacity:.4;
  }
  96% {
    opacity:.4;
  }
  to {
    opacity:0;
    transform:translateY(100vh);
  }
}

@media (prefers-reduced-motion:reduce) {
  .po-global-scan {
    display:none;
  }
}

.po-shop-hero-atmos {
  background-color:#050507;
  background-image:radial-gradient(ellipse 60% 60% at 88% 12%,#3b82f629,#0000 65%),radial-gradient(ellipse 90% 60% at 0 100%,#3b82f612,#0000 70%),radial-gradient(ellipse 1000px 500px at 50% 110%,hsla(0,0%,100%,.018),#0000 60%),repeating-linear-gradient(135deg,hsla(0,0%,100%,.014) 0 2px,#0000 2px 5px),repeating-linear-gradient(45deg,hsla(0,0%,100%,.014) 0 2px,#0000 2px 5px);
}

@keyframes po-grid-laser-sweep {
  0% {
    opacity:0;
    transform:translateX(-30%);
  }
  8% {
    opacity:1;
  }
  92% {
    opacity:1;
  }
  to {
    opacity:0;
    transform:translateX(130%);
  }
}

.po-grid-laser-sweep {
  bottom:0;
  left:0;
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  z-index:0;
}

.po-grid-laser-sweep:before {
  animation:po-grid-laser-sweep 18s ease-in-out infinite;
  background:linear-gradient(90deg,#0000,#3b82f600 18%,#3b82f61f 45%,#60a5fa2e 50%,#3b82f61f 55%,#3b82f600 82%,#0000);
  bottom:0;
  content:"";
  filter:blur(20px);
  left:0;
  position:absolute;
  top:0;
  width:28%;
}

.po-command-strip {
  backdrop-filter:blur(16px) saturate(118%);
  -webkit-backdrop-filter:blur(16px) saturate(118%);
  background:linear-gradient(180deg,#0f1116c7,#08090ceb);
  border:1px solid #3b82f638;
  box-shadow:inset 0 1px 0 #ffffff08,0 16px 38px -22px #000000d9,0 0 22px -8px #3b82f633;
  position:relative;
}

.po-card-photo-pop {
  background:radial-gradient(ellipse 70% 60% at 50% 55%,#3b82f64d 0,#3b82f61a 38%,#3b82f600 70%);
  filter:blur(20px);
  inset:8% 12%;
  opacity:.85;
  pointer-events:none;
  position:absolute;
  transition:opacity .32s ease,transform .32s ease;
  z-index:0;
}

.po-card-obsidian:hover .po-card-photo-pop {
  opacity:1;
  transform:scale(1.04);
}

.po-inventory-tag {
  background-image:radial-gradient(circle,#ffffff29 1px,#0000 1.4px);
  background-position:0 0;
  background-repeat:repeat-x;
  background-size:8px 8px;
  margin-top:4px;
  padding-top:14px;
  position:relative;
}

.po-inventory-tag:before {
  background:linear-gradient(90deg,#fff0,#ffffff0f 12%,#3b82f62e 50%,#ffffff0f 88%,#fff0);
  content:"";
  height:1px;
  left:0;
  position:absolute;
  right:0;
  top:10px;
}

.po-inventory-tag:after {
  background-image:linear-gradient(90deg,#ffffff8c 0 1px,#0000 1px 3px,#ffffff4d 3px 4px,#0000 4px 6px,#ffffff8c 6px 8px,#0000 8px 10px,#ffffff40 10px 11px,#0000 11px 13px,#ffffff8c 13px 15px,#0000 15px 17px,#ffffff4d 17px 18px,#0000 18px 20px,#ffffff8c 20px 22px);
  bottom:0;
  content:"";
  height:9px;
  opacity:.7;
  position:absolute;
  right:0;
  width:22px;
}

.po-product-card {
  background:#111;
  background:var(--po-panel);
  border:1px solid #ffffff0d;
  position:relative;
  transition:border-color .28s ease,transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease;
}

.po-product-card:hover {
  border-color:#3b82f652;
  box-shadow:0 22px 48px -28px #000000f2,0 0 0 1px #3b82f614;
  transform:translateY(-2px);
}

.po-card-obsidian {
  -webkit-tap-highlight-color:transparent;
  backdrop-filter:blur(14px) saturate(118%);
  -webkit-backdrop-filter:blur(14px) saturate(118%);
  background:linear-gradient(160deg,#0f1116b8,#08090ceb);
  border:1px solid #ffffff12;
  box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025),0 14px 30px -22px #000000d9;
  isolation:isolate;
  opacity:0;
  overflow:hidden;
  position:relative;
  transform:translateY(22px);
  transition:opacity .76s cubic-bezier(.2,.7,.2,1),transform .76s cubic-bezier(.2,.7,.2,1),border-color .32s ease,box-shadow .36s ease;
  transition-delay:0ms;
  transition-delay:var(--po-card-delay,0ms);
}

.po-card-obsidian.is-revealed {
  opacity:1;
  transform:translateY(0);
}

@media (hover:hover) and (pointer:fine) {
  .po-card-obsidian:hover {
    border-color:#3b82f66b;
    box-shadow:inset 0 1px 0 #ffffff0d,0 28px 60px -22px #000000f2,0 0 22px -2px #3b82f647,0 0 70px -10px #3b82f638;
    transform:translateY(-4px);
  }

  .po-card-obsidian:hover .po-card-tick {
    opacity:1;
  }

  .po-card-obsidian:hover .po-card-laser {
    animation:po-card-laser-down 1.1s cubic-bezier(.2,.7,.2,1) 60ms 1 forwards;
  }

  .po-card-obsidian:hover .po-card-reveal {
    opacity:1;
    transform:translateY(0);
  }

  .po-card-obsidian:hover .po-card-image {
    transform:scale(1.03);
  }
}

.po-card-tick {
  border-color:#3b82f6a6;
  height:12px;
  opacity:0;
  pointer-events:none;
  position:absolute;
  transition:opacity .28s ease;
  width:12px;
  z-index:3;
}

@keyframes po-card-laser-down {
  0% {
    opacity:0;
    transform:translateY(0);
  }
  10% {
    opacity:1;
  }
  90% {
    opacity:1;
  }
  to {
    opacity:0;
    transform:translateY(460px);
    transform:translateY(var(--po-card-h,460px));
  }
}

.po-card-laser {
  background:linear-gradient(90deg,#0000,#3b82f600 18%,#60a5faf2 50%,#3b82f600 82%,#0000);
  box-shadow:0 0 14px #3b82f6bf,0 0 32px #3b82f659;
  height:1px;
  top:0;
  z-index:4;
}

.po-card-laser,
.po-card-reveal {
  left:0;
  opacity:0;
  pointer-events:none;
  position:absolute;
  right:0;
}

.po-card-reveal {
  align-items:center;
  background:linear-gradient(180deg,#08090c00,#08090cd9 60%,#08090cf2);
  border-top:1px solid #3b82f647;
  bottom:0;
  display:flex;
  gap:8px;
  justify-content:space-between;
  padding:10px 18px;
  transform:translateY(8px);
  transition:opacity .36s ease,transform .36s cubic-bezier(.2,.7,.2,1);
  z-index:5;
}

.po-card-image {
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
  will-change:transform;
}

@keyframes po-card-tap-pulse {
  0% {
    box-shadow:inset 0 0 0 0 #3b82f68c,0 0 0 0 #3b82f673;
  }
  60% {
    box-shadow:inset 0 0 0 2px #3b82f600,0 0 0 12px #3b82f600;
  }
  to {
    box-shadow:inset 0 0 0 0 #3b82f600,0 0 0 0 #3b82f600;
  }
}

.po-card-obsidian:active {
  animation:po-card-tap-pulse .52s ease-out 1;
}

@keyframes po-card-focus-breath {
  0%,to {
    border-color:#3b82f652;
    box-shadow:inset 0 1px 0 #ffffff0a,0 18px 36px -22px #000000e6,0 0 0 0 #3b82f600;
  }
  50% {
    border-color:#3b82f68c;
    box-shadow:inset 0 1px 0 #ffffff0f,0 18px 36px -22px #000000e6,0 0 24px -4px #3b82f64d;
  }
}

.po-card-obsidian.is-viewport-focused {
  animation:po-card-focus-breath 2.6s ease-in-out infinite;
}

.po-card-obsidian.is-viewport-focused .po-card-tick {
  opacity:.65;
}

@media (prefers-reduced-motion:reduce) {
  .po-card-obsidian {
    opacity:1;
    transform:none;
    transition:none;
  }

  .po-card-obsidian.is-viewport-focused {
    animation:none;
  }

  .po-card-laser {
    display:none;
  }
}

.po-card-sold-out-ribbon {
  align-items:center;
  background:linear-gradient(135deg,#be1c23eb,#781216eb);
  border:1px solid #f43f5e8c;
  box-shadow:inset 0 0 0 1px #0000008c,0 6px 20px -6px #be1c238c,0 0 24px -8px #f43f5e73;
  -webkit-clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));
  clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));
  color:#ffeef0;
  display:inline-flex;
  font-family:JetBrains Mono,monospace;
  font-size:9.5px;
  font-weight:600;
  gap:6px;
  letter-spacing:.22em;
  opacity:0;
  padding:4px 10px 4px 8px;
  pointer-events:none;
  position:absolute;
  right:10px;
  text-shadow:0 0 6px #f43f5e59;
  text-transform:uppercase;
  top:10px;
  transform:translate(4px,-4px) scale(.92);
  transition:opacity .48s ease .24s,transform .48s cubic-bezier(.2,.7,.2,1) .24s;
  z-index:6;
}

.po-card-obsidian.is-revealed .po-card-sold-out-ribbon {
  opacity:1;
  transform:translate(0) scale(1);
}

.po-card-sold-out-ribbon-glyph {
  animation:po-card-sold-out-pulse 1.8s ease-in-out infinite;
  background:#ffeef0;
  box-shadow:0 0 6px #ffc8cdf2;
  display:inline-block;
  height:5px;
  width:5px;
}

@keyframes po-card-sold-out-pulse {
  0%,to {
    opacity:.55;
    transform:scale(.85);
  }
  50% {
    opacity:1;
    transform:scale(1.15);
  }
}

.po-card-sold-out-ribbon-label {
  line-height:1;
  padding-top:1px;
}

.po-card-obsidian.is-sold-out .po-card-image {
  filter:grayscale(45%) brightness(.78);
}

.po-card-obsidian.is-sold-out:hover .po-card-image {
  filter:grayscale(20%) brightness(.86);
}

.po-card-obsidian.is-sold-out .po-card-reveal {
  border-top-color:#f43f5e6b;
}

.po-card-obsidian.is-sold-out .po-card-reveal span,
.po-card-obsidian.is-sold-out .po-card-reveal svg {
  color:#fda4af;
}

@keyframes po-card-obsidian-glow-pulse {
  0%,to {
    box-shadow:0 0 0 1px #22d3ee2e,0 0 18px -2px #22d3ee38,0 0 38px -8px #3b82f62e;
    opacity:.7;
  }
  50% {
    box-shadow:0 0 0 1px #22d3ee6b,0 0 28px -2px #22d3ee66,0 0 60px -8px #3b82f652;
    opacity:1;
  }
}

@media (hover:hover) and (pointer:fine) {
  .po-card-obsidian:after {
    content:"";
    inset:-1px;
    opacity:0;
    pointer-events:none;
    position:absolute;
    transition:opacity .36s ease;
    z-index:2;
  }

  .po-card-obsidian:hover:after {
    animation:po-card-obsidian-glow-pulse 2.4s ease-in-out infinite;
    opacity:1;
  }

  .po-card-obsidian.is-sold-out:hover:after {
    animation:po-card-sold-out-glow-pulse 2.4s ease-in-out infinite;
  }
}

@keyframes po-card-sold-out-glow-pulse {
  0%,to {
    box-shadow:0 0 0 1px #f43f5e2e,0 0 18px -2px #f43f5e38,0 0 38px -8px #be1c232e;
  }
  50% {
    box-shadow:0 0 0 1px #f43f5e6b,0 0 28px -2px #f43f5e66,0 0 60px -8px #be1c234d;
  }
}

@media (prefers-reduced-motion:reduce) {
  .po-card-obsidian:hover:after {
    animation:none;
  }

  .po-card-sold-out-ribbon-glyph {
    animation:none;
    opacity:1;
  }
}

.po-btn {
  align-items:center;
  background:#0000;
  border:1px solid #ffffff14;
  border:1px solid var(--po-border);
  color:#fff;
  color:var(--po-text);
  cursor:pointer;
  display:inline-flex;
  font-family:JetBrains Mono,monospace;
  font-size:.7rem;
  gap:.5rem;
  justify-content:center;
  letter-spacing:.2em;
  padding:.75rem 1.25rem;
  text-transform:uppercase;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}

.po-btn:hover {
  background:#3b82f60f;
  border-color:#3b82f6;
  border-color:var(--po-steel);
}

.po-btn-primary,
.po-btn.po-btn-primary,
button.po-btn-primary {
  background-color:#3b82f6!important;
  background-image:none!important;
  border-color:#3b82f6!important;
  color:#fff!important;
  filter:none!important;
}

.po-btn-primary:hover,
.po-btn.po-btn-primary:hover,
button.po-btn-primary:hover {
  background-color:#2563eb!important;
  border-color:#2563eb!important;
}

.po-glow-steel {
  box-shadow:0 0 0 1px #3b82f68c,0 0 18px -4px #3b82f673;
  transition:box-shadow .22s ease,transform .18s ease;
}

.po-glow-steel:hover {
  box-shadow:0 0 0 1px #3b82f6d9,0 0 26px -2px #3b82f699;
  transform:translateY(-1px);
}

.po-glow-steel:active {
  transform:translateY(0);
}

.po-media-tile,
[data-testid^=gallery-tile-],
[data-testid^=media-][data-testid$=-thumb] {
  background-color:#09090b!important;
  border:1px solid #ffffff1a!important;
}

.po-media-tile>img,
[data-testid^=gallery-tile-] img.po-media-img,
[data-testid^=gallery-tile-]>img {
  object-fit:contain!important;
  padding:16px!important;
}

.po-elite-clarity-veil,
.po-elite-clarity-veil .po-data-body,
.po-elite-clarity-veil .po-data-body-sub {
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important;
  letter-spacing:0!important;
}

.po-btn:disabled {
  cursor:not-allowed;
  opacity:.4;
}

.po-status-dot {
  animation:po-pulse 2s infinite;
  background:#3b82f6;
  background:var(--po-steel);
  border-radius:9999px;
  box-shadow:0 0 12px #3b82f680;
  box-shadow:0 0 12px var(--po-glow);
  height:8px;
  width:8px;
}

@keyframes po-pulse {
  0%,to {
    opacity:1;
    transform:scale(1);
  }
  50% {
    opacity:.55;
    transform:scale(.85);
  }
}

.po-cursor:after {
  animation:po-blink 1s steps(1) infinite;
  color:#3b82f6;
  color:var(--po-steel);
  content:"_";
  margin-left:4px;
}

@keyframes po-blink {
  50% {
    opacity:0;
  }
}

@keyframes po-fade-up {
  0% {
    opacity:0;
    transform:translateY(8px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

.po-fade-up {
  animation:po-fade-up .6s ease-out backwards;
}

.po-glass {
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  background:#050505b3;
  border-bottom:1px solid #ffffff14;
  border-bottom:1px solid var(--po-border);
}

body.po-search-open [data-testid=site-header].po-glass {
  background:#050505f5;
}

@keyframes po-risk-pulse-anim {
  0% {
    box-shadow:0 0 0 0 #f43f5e00,inset 0 0 0 0 #f43f5e00;
  }
  50% {
    box-shadow:0 0 8px 1px #f43f5e73,inset 0 0 6px #f43f5e33;
  }
  to {
    box-shadow:0 0 0 0 #f43f5e00,inset 0 0 0 0 #f43f5e00;
  }
}

.po-risk-pulse {
  animation:po-risk-pulse-anim 1.9s ease-in-out infinite;
}

@media (prefers-reduced-motion:reduce) {
  .po-risk-pulse {
    animation:none;
  }
}

.po-link-underline {
  position:relative;
  transition:color .18s ease;
}

.po-link-underline:after {
  background:#3b82f6;
  background:var(--po-steel);
  bottom:-6px;
  content:"";
  height:1.5px;
  left:0;
  position:absolute;
  transition:width .22s ease,box-shadow .22s ease;
  width:0;
}

.po-link-underline:hover {
  color:#fff;
  color:var(--po-text);
}

.po-link-underline:hover:after {
  width:100%;
}

.po-link-active {
  color:#fff;
  color:var(--po-text);
}

.po-link-active:after {
  box-shadow:0 0 8px #3b82f6,0 0 14px #3b82f659;
  box-shadow:0 0 8px var(--po-steel),0 0 14px #3b82f659;
  height:2px;
  width:100%!important;
}

.po-nav-link-anim {
  position:relative;
  transition:color .2s ease;
}

.po-nav-link-anim:after {
  background:#3b82f6;
  background:var(--po-steel);
  bottom:-6px;
  content:"";
  height:1px;
  left:50%;
  opacity:0;
  position:absolute;
  right:50%;
  transition:left .26s cubic-bezier(.2,.7,.2,1),right .26s cubic-bezier(.2,.7,.2,1),opacity .22s ease,box-shadow .22s ease;
}

.po-nav-link-anim:hover {
  color:#fff;
  color:var(--po-text);
}

.po-nav-link-anim:hover:after {
  box-shadow:0 0 6px #3b82f673;
  left:0;
  opacity:1;
  right:0;
}

.po-nav-link-anim.po-nav-active:after {
  box-shadow:0 0 8px #3b82f68c,0 0 14px #3b82f64d;
  left:0;
  opacity:1;
  right:0;
}

::-webkit-scrollbar {
  height:4px;
  width:4px;
}

::-webkit-scrollbar-track {
  background:#050507;
}

::-webkit-scrollbar-thumb {
  background:#3b82f673;
  border-radius:0;
  -webkit-transition:background .2s ease;
  transition:background .2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background:#60a5fab3;
}

@keyframes po-cta-pulse {
  0%,to {
    box-shadow:0 0 0 0 #3b82f600,0 0 0 0 #3b82f600;
  }
  50% {
    box-shadow:0 0 16px -2px #3b82f659,0 0 42px -10px #3b82f647;
  }
}

.po-cta-pulse {
  animation:po-cta-pulse 3.6s ease-in-out infinite;
}

.po-cta-pulse:hover {
  animation:none;
}

.po-cart-cta {
  animation:po-cta-pulse 3.6s ease-in-out infinite;
}

.po-cart-cta:hover {
  animation:none;
}

@media (prefers-reduced-motion:reduce) {
  .po-cart-cta,
  .po-cta-pulse {
    animation:none;
  }
}

@keyframes po-doc-pulse {
  0%,to {
    border-color:#ffffff1a;
    box-shadow:0 0 0 0 #3b82f600,inset 0 0 0 0 #3b82f600;
  }
  50% {
    border-color:#3b82f666;
    box-shadow:0 0 16px -4px #3b82f64d,inset 0 0 22px -16px #3b82f673;
  }
}

.po-doc-pulse {
  animation:po-doc-pulse 6s ease-in-out infinite;
}

.po-doc-pulse:hover {
  animation:none;
}

@media (prefers-reduced-motion:reduce) {
  .po-doc-pulse {
    animation:none;
  }
}

.po-compliance {
  background:#000;
  border-top:1px solid #ffffff14;
  border-top:1px solid var(--po-border);
}

.po-sentiment-negative {
  background:linear-gradient(90deg,#f43f5e12,#f43f5e00 60%);
  box-shadow:inset 3px 0 0 0 #f43f5e,inset 0 0 24px -8px #f43f5e73;
  position:relative;
}

.po-sentiment-negative:after {
  animation:po-sentiment-pulse 2.4s ease-in-out infinite;
  background:#f43f5e;
  bottom:0;
  box-shadow:0 0 10px #f43f5e,0 0 20px #f43f5e80;
  content:"";
  left:0;
  position:absolute;
  top:0;
  width:3px;
}

.po-sentiment-positive {
  background:linear-gradient(90deg,#3b82f60f,#3b82f600 60%);
  box-shadow:inset 3px 0 0 0 #3b82f6,inset 0 0 24px -8px #3b82f673;
  box-shadow:inset 3px 0 0 0 var(--po-steel),inset 0 0 24px -8px #3b82f673;
  position:relative;
}

.po-sentiment-positive:after {
  animation:po-sentiment-pulse 2.4s ease-in-out infinite;
  background:#3b82f6;
  background:var(--po-steel);
  bottom:0;
  box-shadow:0 0 10px #3b82f680,0 0 20px #3b82f680;
  box-shadow:0 0 10px var(--po-glow),0 0 20px var(--po-glow);
  content:"";
  left:0;
  position:absolute;
  top:0;
  width:3px;
}

@keyframes po-sentiment-pulse {
  0%,to {
    opacity:1;
  }
  50% {
    opacity:.45;
  }
}

.po-conf-bar {
  background:#ffffff0f;
  height:4px;
  overflow:hidden;
  position:relative;
}

.po-conf-fill {
  height:100%;
  transition:width .6s ease-out;
}

.po-conf-low {
  background:#f59e0b;
  box-shadow:0 0 8px #f59e0b80;
}

.po-conf-mid {
  background:#3b82f6;
  background:var(--po-steel);
  box-shadow:0 0 8px #3b82f680;
  box-shadow:0 0 8px var(--po-glow);
}

.po-conf-high {
  background:#10b981;
  box-shadow:0 0 10px #10b98180;
}

.po-risk-high {
  background:linear-gradient(90deg,#fb923c12,#fb923c00 60%);
  box-shadow:inset 3px 0 0 0 #fb923c,inset 0 0 24px -8px #fb923c73;
  position:relative;
}

.po-risk-high:before {
  animation:po-risk-pulse 2.6s ease-in-out infinite;
  background:#fb923c;
  bottom:0;
  box-shadow:0 0 10px #fb923c,0 0 20px #fb923c99;
  content:"";
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  width:3px;
}

.po-risk-med {
  background:linear-gradient(90deg,#fbbf240a,#fbbf2400 60%);
  box-shadow:inset 2px 0 0 0 #fbbf24;
}

@keyframes po-risk-pulse {
  0%,to {
    opacity:1;
  }
  50% {
    opacity:.45;
  }
}

.po-intel-high {
  animation:po-intel-pulse-high 3s ease-in-out infinite;
  background:linear-gradient(90deg,#f43f5e0d,#f43f5e00 50%);
}

.po-intel-med {
  background:linear-gradient(90deg,#fbbf240a,#fbbf2400 50%);
}

@keyframes po-intel-pulse-high {
  0%,to {
    box-shadow:inset 3px 0 0 0 #f43f5e,0 0 0 0 #f43f5e00;
  }
  50% {
    box-shadow:inset 3px 0 0 0 #f43f5e,0 0 16px -4px #f43f5e66;
  }
}

@media (max-width:640px) {
  .po-btn {
    min-height:40px;
    padding:.5rem .875rem;
  }

  .po-font-display {
    letter-spacing:-.01em;
  }

  input,
  select,
  textarea {
    font-size:16px!important;
  }

  .po-compliance {
    font-size:10px;
    padding:.5rem .75rem;
  }
}

@supports (padding:env(safe-area-inset-bottom)) {
  .po-safe-bottom {
    padding-bottom:env(safe-area-inset-bottom);
  }
}

.cockpit-root {
  display:flex;
  flex-direction:column;
}

.cockpit-grid {
  grid-gap:.75rem;
  display:grid;
  gap:.75rem;
  grid-auto-rows:auto;
}

.cockpit-row-mid>*,
.cockpit-row-system>* {
  min-height:200px;
}

@media (min-width:1280px) {
  .cockpit-grid {
    gap:1rem;
  }
}

.po-panel-glow {
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  background:#0a0a0ab8;
  border:1px solid #3b82f62e;
  box-shadow:0 0 0 1px #3b82f60d,0 0 16px -4px #3b82f62e,inset 0 0 30px -16px #3b82f62e;
  position:relative;
  transition:box-shadow .22s ease,border-color .22s ease;
}

.po-panel-glow:after,
.po-panel-glow:before {
  content:"";
  height:10px;
  pointer-events:none;
  position:absolute;
  width:10px;
}

.po-panel-glow:before {
  border-left:1px solid #3b82f6;
  border-left:1px solid var(--po-steel);
  border-top:1px solid #3b82f6;
  border-top:1px solid var(--po-steel);
  left:-1px;
  top:-1px;
}

.po-panel-glow:after {
  border-bottom:1px solid #3b82f6;
  border-bottom:1px solid var(--po-steel);
  border-right:1px solid #3b82f6;
  border-right:1px solid var(--po-steel);
  bottom:-1px;
  right:-1px;
}

.po-panel-glow:hover {
  border-color:#3b82f652;
  box-shadow:0 0 0 1px #3b82f61f,0 0 24px -4px #3b82f647,inset 0 0 30px -14px #3b82f647;
}

.po-low-stock-row {
  background:linear-gradient(90deg,#f43f5e0f,#f43f5e00 60%);
  box-shadow:inset 3px 0 0 0 #f43f5e;
  position:relative;
}

.po-low-stock-row:after {
  animation:po-sentiment-pulse 2.4s ease-in-out infinite;
  background:#f43f5e;
  bottom:0;
  box-shadow:0 0 10px #f43f5e,0 0 20px #f43f5e80;
  content:"";
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  width:3px;
}

.po-stock-pulse {
  animation:po-stock-pulse 2.4s ease-in-out infinite;
}

@keyframes po-stock-pulse {
  0%,to {
    box-shadow:0 0 0 0 #f43f5e00;
  }
  50% {
    box-shadow:0 0 16px -4px #f43f5e73;
  }
}

.po-pulse-cell {
  position:relative;
}

.po-pulse-cell:after {
  animation:po-pulse-breath 3s ease-in-out infinite;
  background:#3b82f6;
  background:var(--po-steel);
  bottom:0;
  box-shadow:0 0 10px #3b82f680;
  box-shadow:0 0 10px var(--po-glow);
  content:"";
  left:0;
  position:absolute;
  top:0;
  width:2px;
}

@keyframes po-pulse-breath {
  0%,to {
    opacity:1;
  }
  50% {
    opacity:.35;
  }
}

.po-thread-unread {
  background-color:#3b82f60f;
}

.po-thread-unread:before {
  background:#3b82f6;
  background:var(--po-steel);
  bottom:0;
  box-shadow:0 0 8px -1px #3b82f68c;
  content:"";
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  width:3px;
}

.po-thread-unread:hover {
  background-color:#3b82f61a;
}

html.po-admin-active[data-theme=light] .po-thread-unread {
  background-color:#2563eb0d;
}

html.po-admin-active[data-theme=light] .po-thread-unread:hover {
  background-color:#2563eb17;
}

html.po-admin-active:not([data-theme=light]) .po-thread-unread {
  background-color:#3b82f614;
}

html.po-admin-active:not([data-theme=light]) .po-thread-unread:hover {
  background-color:#3b82f621;
}

.po-thread-unread.po-thread-active:before,
.po-thread-unread[data-selected=true]:before {
  background:#10b981;
  box-shadow:0 0 12px 0 #10b981d9;
}

html.po-admin-active [data-thread-row="1"].po-thread-active,
html.po-admin-active [data-thread-row="1"][data-selected=true] {
  border-left-color:#10b981!important;
  box-shadow:inset 3px 0 0 0 #10b981,0 0 12px -6px #10b9818c;
}

html.po-admin-active:not([data-theme=light]) [data-thread-row="1"].po-thread-active,
html.po-admin-active:not([data-theme=light]) [data-thread-row="1"][data-selected=true] {
  background-color:#10b98124;
}

html.po-admin-active[data-theme=light] [data-thread-row="1"].po-thread-active,
html.po-admin-active[data-theme=light] [data-thread-row="1"][data-selected=true] {
  background-color:#0596691f;
  border-left-color:#059669!important;
  box-shadow:inset 3px 0 0 0 #059669,0 0 12px -6px #05966973;
}

.po-thread-unread.po-thread-active,
.po-thread-unread[data-selected=true] {
  background-color:#10b98129;
}

html.po-admin-active[data-theme=light] .po-thread-unread.po-thread-active,
html.po-admin-active[data-theme=light] .po-thread-unread[data-selected=true] {
  background-color:#05966924;
}

.po-autotag {
  align-items:center;
  border:1px solid;
  display:inline-flex;
  font-family:var(--po-font-mono),"JetBrains Mono",monospace;
  font-size:8px;
  gap:4px;
  letter-spacing:.18em;
  line-height:1.4;
  padding:1px 6px;
  text-transform:uppercase;
}

.po-autotag-b2b {
  color:#34d399;
}

.po-autotag-douane {
  color:#f59e0b;
}

.po-autotag-highvalue {
  color:#f43f5e;
}

html.po-admin-active[data-theme=light] .po-autotag-b2b {
  color:#047857;
}

html.po-admin-active[data-theme=light] .po-autotag-douane {
  color:#b45309;
}

html.po-admin-active[data-theme=light] .po-autotag-highvalue {
  color:#be123c;
}

.po-heat-red {
  background:linear-gradient(135deg,#f43f5e14,#f43f5e00 60%)!important;
  position:relative;
}

.po-heat-red:after {
  animation:po-heat-pulse 2.4s ease-in-out infinite;
  border:1px solid #f43f5e4d;
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}

@keyframes po-heat-pulse {
  0%,to {
    box-shadow:inset 0 0 0 0 #f43f5e00;
  }
  50% {
    box-shadow:inset 0 0 20px -4px #f43f5e59;
  }
}

.po-source-chip {
  align-items:center;
  border-radius:2px;
  display:inline-flex;
  flex-shrink:0;
  font-family:JetBrains Mono,monospace;
  font-size:8px;
  font-weight:600;
  height:14px;
  justify-content:center;
  letter-spacing:0;
  width:14px;
}

.po-source-eu {
  background:#3b82f61f;
  border:1px solid #3b82f666;
  color:#3b82f6;
  color:var(--po-steel);
}

.po-source-shopify {
  background:#10b9811f;
  border:1px solid #10b98166;
  color:#6ee7b7;
}

.po-terminal-body {
  background:linear-gradient(180deg,#3b82f605,#0000),repeating-linear-gradient(0deg,#fff0,#fff0 2px,rgba(59,130,246,.012) 0,rgba(59,130,246,.012) 3px);
}

.po-terminal-body::-webkit-scrollbar {
  width:4px;
}

.po-terminal-body::-webkit-scrollbar-track {
  background:#0000;
}

.po-terminal-body::-webkit-scrollbar-thumb {
  background:#3b82f64d;
  border-radius:0;
}

.po-num-input::-webkit-inner-spin-button,
.po-num-input::-webkit-outer-spin-button {
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
  margin:0;
}

.po-num-input {
  -webkit-appearance:textfield!important;
  appearance:textfield!important;
}

input.po-num-input[type=number]::-webkit-inner-spin-button,
input.po-num-input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance:none!important;
  display:none!important;
}

.po-num-stepper {
  background:linear-gradient(180deg,#3b82f60a,rgba(59,130,246,.015));
  border-left:1px solid #ffffff14;
  bottom:1px;
  display:flex;
  flex-direction:column;
  position:absolute;
  right:1px;
  top:1px;
  width:22px;
}

.po-num-stepper button {
  align-items:center;
  background:#0000;
  border:0;
  color:#94a3b8b3;
  cursor:pointer;
  display:flex;
  flex:1 1;
  justify-content:center;
  transition:color .14s ease,background .14s ease;
}

.po-num-stepper button:hover {
  background:#3b82f614;
  color:#3b82f6;
  color:var(--po-steel);
}

.po-num-stepper button:active {
  background:#3b82f62e;
  color:#fff;
}

.po-num-stepper button:first-child {
  border-bottom:1px solid #ffffff0f;
}

.po-num-stepper button:disabled {
  cursor:not-allowed;
  opacity:.3;
}

.po-b2b-glow {
  background:linear-gradient(90deg,#3b82f60a,#3b82f600 60%)!important;
  box-shadow:inset 4px 0 0 #3b82f62e,0 0 14px -8px #3b82f659;
}

.po-b2b-glow:hover {
  background:linear-gradient(90deg,#3b82f612,#3b82f603 60%)!important;
}

.po-b2b-aura {
  position:relative;
}

.po-b2b-aura:before {
  background:radial-gradient(ellipse at top,#3b82f612 0,#0000 55%),radial-gradient(ellipse at bottom right,#3b82f60d 0,#0000 60%);
  content:"";
  inset:-1px;
  pointer-events:none;
  position:absolute;
  z-index:0;
}

.po-b2b-aura>* {
  position:relative;
  z-index:1;
}

.po-b2b-badge-glow {
  animation:po-b2b-badge-pulse 3.2s ease-in-out infinite;
  box-shadow:0 0 10px #3b82f652,0 0 22px -4px #3b82f638,inset 0 0 12px -6px #3b82f666;
}

@keyframes po-b2b-badge-pulse {
  0%,to {
    box-shadow:0 0 10px #3b82f647,0 0 22px -4px #3b82f62e,inset 0 0 12px -6px #3b82f659;
  }
  50% {
    box-shadow:0 0 14px #3b82f66b,0 0 28px -2px #3b82f64d,inset 0 0 14px -4px #3b82f680;
  }
}

body.po-tv-mode [data-testid=admin-layout]>div>header,
body.po-tv-mode [data-testid=admin-main-header],
body.po-tv-mode [data-testid=mobile-bottom-nav],
body.po-tv-mode [data-testid=mobile-nav-drawer] {
  display:none!important;
}

body.po-tv-mode [data-testid=admin-main-padding] {
  padding:8px 10px!important;
}

body.po-tv-mode [data-testid=support-cockpit] {
  gap:10px!important;
  grid-template-columns:minmax(0,20fr) minmax(0,50fr) minmax(0,30fr)!important;
}

body.po-tv-mode [data-testid=support-cockpit]>aside,
body.po-tv-mode [data-testid=support-cockpit]>section {
  grid-column:auto!important;
  min-width:0!important;
}

body.po-tv-mode:before {
  background:linear-gradient(90deg,#000000e0,#3b82f638 50%,#000000e0);
  border-bottom:1px solid #3b82f666;
  color:#3b82f6;
  color:var(--po-steel);
  content:"TV MODUS · MISSION CONTROL · ESC OM TE SLUITEN";
  font-family:ui-monospace,monospace;
  font-family:var(--po-font-mono,ui-monospace,monospace);
  font-size:9px;
  left:0;
  letter-spacing:.24em;
  padding:4px 0;
  pointer-events:none;
  position:fixed;
  right:0;
  text-align:center;
  top:0;
  z-index:9999;
}

body.po-tv-mode {
  height:auto!important;
  overflow-y:auto!important;
}

body.po-tv-mode [data-testid=admin-layout] {
  box-sizing:border-box!important;
  height:auto!important;
  max-height:none!important;
  min-height:100vh!important;
  overflow:visible!important;
  padding-top:20px!important;
}

body.po-tv-mode [data-testid=admin-layout]>div {
  height:auto!important;
  min-height:calc(100vh - 20px)!important;
  overflow:visible!important;
}

body.po-tv-mode [data-testid=admin-main-padding] {
  overflow:visible!important;
}

body.po-tv-mode [data-testid=admin-support-page] {
  min-height:calc(100vh - 80px)!important;
}

body.po-tv-mode [data-testid=support-cockpit] {
  min-height:calc(100vh - 200px)!important;
}

.policy-body h2 {
  border-top:1px solid #ffffff0f;
  color:#fff;
  font-family:Outfit,system-ui,sans-serif;
  font-size:1.05rem;
  font-weight:500;
  letter-spacing:-.01em;
  margin-bottom:.6rem;
  margin-top:1.6rem;
  padding-top:1.3rem;
}

.policy-body h2:first-child {
  border-top:0;
  margin-top:0;
  padding-top:0;
}

.policy-body h3 {
  color:#fff;
  font-family:Outfit,system-ui,sans-serif;
  font-size:.92rem;
  font-weight:500;
  letter-spacing:.01em;
  margin-bottom:.4rem;
  margin-top:1.2rem;
}

.policy-body p {
  color:#d4d4d8;
  font-size:.9rem;
  line-height:1.65;
  margin-bottom:.75rem;
}

.policy-body ul {
  list-style:none;
  margin:.4rem 0 1rem;
  padding-left:0;
}

.policy-body ul li {
  color:#d4d4d8;
  font-size:.88rem;
  line-height:1.55;
  margin-bottom:.45rem;
  padding-left:1.25rem;
  position:relative;
}

.policy-body ul li:before {
  color:#3b82f6;
  color:var(--po-steel);
  content:"·";
  font-weight:700;
  left:.35rem;
  position:absolute;
  top:-.1rem;
}

.policy-body strong {
  color:#fff;
  font-weight:600;
}

.policy-body em {
  font-style:normal;
}

.policy-body a,
.policy-body em {
  color:#3b82f6;
  color:var(--po-steel);
}

.policy-body a {
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}

.policy-body a:hover {
  color:#fff;
}

.policy-section {
  border-top:1px solid #ffffff0f;
  margin-top:1.3rem;
  padding:1.4rem 0 .5rem;
  position:relative;
}

.policy-section:first-of-type {
  border-top:0;
  margin-top:0;
  padding-top:0;
}

.policy-section-head {
  align-items:baseline;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-bottom:.7rem;
}

.policy-section-num {
  font-feature-settings:"tnum";
  color:#3b82f6;
  color:var(--po-steel);
  font-family:JetBrains Mono,monospace;
  font-size:.78rem;
  font-variant-numeric:tabular-nums;
  font-weight:500;
  letter-spacing:.22em;
}

.policy-section-title {
  color:#fff;
  font-family:Outfit,system-ui,sans-serif;
  font-size:1.05rem;
  font-weight:500;
  letter-spacing:-.005em;
}

.policy-clauses {
  display:flex;
  flex-direction:column;
  gap:.55rem;
  list-style:none;
  margin:0;
  padding:0;
}

.policy-clauses li {
  align-items:flex-start;
  display:flex;
  gap:.85rem;
  padding-left:0;
}

.policy-clauses li:before {
  content:none;
}

.policy-clauses .clause-num {
  font-feature-settings:"tnum";
  color:#71717a;
  flex-shrink:0;
  font-family:JetBrains Mono,monospace;
  font-size:.72rem;
  font-variant-numeric:tabular-nums;
  letter-spacing:.06em;
  padding-top:.1rem;
  width:2.2rem;
}

.policy-clauses .clause-body {
  color:#d4d4d8;
  flex:1 1;
  font-size:.88rem;
  line-height:1.6;
}

.policy-callout {
  align-items:flex-start;
  background:#f43f5e0d;
  border:1px solid #f43f5e4d;
  display:flex;
  gap:.75rem;
  margin:1rem 0;
  padding:.85rem 1rem;
}

.policy-callout.amber {
  background:#f59e0b0d;
  border-color:#f59e0b59;
}

.policy-callout-icon {
  color:#fca5a5;
  flex-shrink:0;
  height:16px;
  margin-top:.1rem;
  width:16px;
}

.policy-callout.amber .policy-callout-icon {
  color:#fcd34d;
}

.policy-callout-text {
  color:#fee2e2;
  font-family:JetBrains Mono,monospace;
  font-size:.72rem;
  letter-spacing:.04em;
  line-height:1.5;
}

.policy-callout.amber .policy-callout-text {
  color:#fef3c7;
}

.policy-table-wrap {
  background:#0006;
  border:1px solid #3b82f62e;
  margin:1.25rem 0;
  overflow-x:auto;
}

.policy-rates-table {
  border-collapse:collapse;
  font-family:JetBrains Mono,monospace;
  font-size:.78rem;
  min-width:480px;
  width:100%;
}

.policy-rates-table thead th {
  background:#3b82f614;
  border-bottom:1px solid #3b82f633;
  color:#3b82f6;
  color:var(--po-steel);
  font-size:.65rem;
  font-weight:500;
  letter-spacing:.18em;
  padding:.6rem .85rem;
  text-align:left;
  text-transform:uppercase;
}

.policy-rates-table tbody td {
  font-feature-settings:"tnum";
  border-bottom:1px solid #ffffff0a;
  color:#d4d4d8;
  font-variant-numeric:tabular-nums;
  padding:.55rem .85rem;
}

.policy-rates-table tbody td:first-child {
  color:#fff;
}

.policy-rates-table tbody td:last-child {
  color:#3b82f6;
  color:var(--po-steel);
  text-align:right;
}

.policy-rates-table tbody tr:last-child td {
  border-bottom:0;
}

.policy-rates-table tbody tr:hover td {
  background:#3b82f60a;
}

.policy-feature-grid {
  grid-gap:.75rem;
  display:grid;
  gap:.75rem;
  grid-template-columns:1fr;
  margin:1.4rem 0;
}

@media (min-width:640px) {
  .policy-feature-grid {
    grid-template-columns:repeat(3,1fr);
  }
}

.policy-feature {
  background:#00000059;
  border:1px solid #ffffff0f;
  padding:.95rem 1rem;
}

.policy-feature-icon {
  align-items:center;
  border:1px solid #3b82f6;
  border:1px solid var(--po-steel);
  color:#3b82f6;
  color:var(--po-steel);
  display:inline-flex;
  height:24px;
  justify-content:center;
  margin-bottom:.55rem;
  width:24px;
}

.policy-feature-title {
  color:#fff;
  font-family:JetBrains Mono,monospace;
  font-size:.68rem;
  letter-spacing:.22em;
  margin-bottom:.3rem;
  text-transform:uppercase;
}

.policy-feature-body {
  color:#a1a1aa;
  font-size:.78rem;
  line-height:1.55;
}

.policy-warning-block {
  background:linear-gradient(135deg,#f43f5e14,#f43f5e05);
  border:1px solid #f43f5e66;
  margin:1.3rem 0;
  padding:1.2rem 1.2rem 1.2rem 3.2rem;
  position:relative;
}

.policy-warning-block:before {
  background:#f43f5e26;
  border:2px solid #fca5a5;
  border-radius:50%;
  content:"";
  height:12px;
  left:1.05rem;
  position:absolute;
  top:1.25rem;
  width:12px;
}

.policy-warning-block .warning-title {
  color:#fca5a5;
  font-family:JetBrains Mono,monospace;
  font-size:.72rem;
  letter-spacing:.22em;
  margin-bottom:.5rem;
  text-transform:uppercase;
}

.policy-warning-block p {
  color:#fee2e2;
}

.policy-stepper {
  grid-gap:.7rem;
  display:grid;
  gap:.7rem;
  grid-template-columns:1fr;
  margin:1.25rem 0;
}

@media (min-width:640px) {
  .policy-stepper {
    grid-template-columns:repeat(3,1fr);
  }
}

.policy-step {
  background:#3b82f60a;
  border:1px solid #3b82f633;
  padding:.85rem 1rem .85rem 2.7rem;
  position:relative;
}

.policy-step-num {
  font-feature-settings:"tnum";
  align-items:center;
  border:1px solid #3b82f6;
  border:1px solid var(--po-steel);
  color:#3b82f6;
  color:var(--po-steel);
  display:inline-flex;
  font-family:JetBrains Mono,monospace;
  font-size:.72rem;
  font-variant-numeric:tabular-nums;
  font-weight:500;
  height:1.5rem;
  justify-content:center;
  left:.7rem;
  position:absolute;
  top:.65rem;
  width:1.5rem;
}

.policy-step-title {
  color:#fff;
  font-family:JetBrains Mono,monospace;
  font-size:.68rem;
  letter-spacing:.18em;
  margin-bottom:.2rem;
  text-transform:uppercase;
}

.policy-step-body {
  color:#d4d4d8;
  font-size:.8rem;
  line-height:1.55;
}

.policy-checklist {
  list-style:none;
  margin:.75rem 0;
  padding:0;
}

.policy-checklist li {
  align-items:flex-start;
  border-bottom:1px dashed #ffffff0a;
  display:flex;
  gap:.65rem;
  padding:.4rem 0;
}

.policy-checklist li:before {
  content:none;
}

.policy-checklist li:last-child {
  border-bottom:0;
}

.policy-checklist .check-mark {
  align-items:center;
  border:1px solid #3b82f6;
  border:1px solid var(--po-steel);
  color:#3b82f6;
  color:var(--po-steel);
  display:inline-flex;
  flex-shrink:0;
  height:14px;
  justify-content:center;
  margin-top:.15rem;
  width:14px;
}

.policy-checklist .check-mark:after {
  content:"✓";
  font-family:JetBrains Mono,monospace;
  font-size:.6rem;
  font-weight:600;
}

.policy-checklist .check-body {
  color:#d4d4d8;
  font-size:.88rem;
  line-height:1.55;
}

.policy-stamp {
  align-items:center;
  background:#0006;
  border:1px dashed #ffffff26;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  justify-content:space-between;
  margin-top:1.6rem;
  padding:.95rem 1rem;
}

.policy-stamp-label {
  color:#a1a1aa;
  font-family:JetBrains Mono,monospace;
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.policy-stamp-value {
  font-feature-settings:"tnum";
  color:#fff;
  font-family:JetBrains Mono,monospace;
  font-size:.72rem;
  font-variant-numeric:tabular-nums;
  letter-spacing:.06em;
}

.policy-stamp-value .sector {
  color:#3b82f6;
  color:var(--po-steel);
}

.policy-signature {
  background:#3b82f60a;
  border-left:2px solid #3b82f6;
  border-left:2px solid var(--po-steel);
  color:#e4e4e7;
  font-family:JetBrains Mono,monospace;
  font-size:.74rem;
  letter-spacing:.04em;
  line-height:1.55;
  margin-top:1.4rem;
  padding:.85rem 1rem;
}

.policy-signature strong {
  color:#3b82f6;
  color:var(--po-steel);
  display:block;
  font-size:.66rem;
  font-weight:500;
  letter-spacing:.16em;
  margin-bottom:.3rem;
  text-transform:uppercase;
}

.po-scanlines {
  position:relative;
}

.po-scanlines:after {
  background-image:repeating-linear-gradient(180deg,#ffffffe6 0,#ffffffe6 1px,#0000 0,#0000 3px);
  content:"";
  inset:0;
  mix-blend-mode:overlay;
  opacity:.045;
  pointer-events:none;
  position:absolute;
  z-index:0;
}

.po-scanlines>* {
  position:relative;
  z-index:1;
}

html.po-admin-active[data-theme=light] .lab-role-badge {
  box-shadow:0 1px 0 #0f172a0a,inset 0 0 0 1px #0f172a14!important;
  text-shadow:none!important;
}

html.po-admin-active[data-theme=light] .lab-role-badge[data-tier-tone=gold] {
  background:linear-gradient(135deg,#d977062e,#b453091f)!important;
  border:1.5px solid #92400e8c!important;
  color:#92400e!important;
}

html.po-admin-active[data-theme=light] .lab-role-badge[data-tier-tone=gold] svg {
  stroke-width:2.4!important;
  color:#92400e!important;
}

html.po-admin-active[data-theme=light] .lab-role-badge[data-tier-tone=silver] {
  background:linear-gradient(135deg,#47556929,#1e293b1a)!important;
  border:1.5px solid #1e293b8c!important;
  color:#1e293b!important;
}

html.po-admin-active[data-theme=light] .lab-role-badge[data-tier-tone=silver] svg {
  stroke-width:2.4!important;
  color:#1e293b!important;
}

html.po-admin-active[data-theme=light] .lab-role-badge[data-tier-tone=bronze] {
  background:linear-gradient(135deg,#c2410c2e,#9a34121f)!important;
  border:1.5px solid #7c2d128c!important;
  color:#7c2d12!important;
}

html.po-admin-active[data-theme=light] .lab-role-badge[data-tier-tone=bronze] svg {
  stroke-width:2.4!important;
  color:#7c2d12!important;
}

html.po-admin-active[data-theme=light] .lab-role-badge[data-tier-tone=zinc] {
  background:#52525b1a!important;
  border:1.5px solid #3f3f4673!important;
  color:#3f3f46!important;
}

html.po-admin-active[data-theme=light] .lab-role-badge[data-tier-tone=zinc] svg {
  stroke-width:2.4!important;
  color:#3f3f46!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell {
  background:#f8fafcd9!important;
  border-color:#0f172a24!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell .lab-tier-label {
  color:#475569!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell[data-tier-tone=gold] .lab-tier-count {
  color:#92400e!important;
  text-shadow:none!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell[data-tier-tone=gold] .lab-tier-icon {
  background:#d977061f!important;
  border-color:#92400e66!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell[data-tier-tone=gold] .lab-tier-icon svg {
  stroke-width:2.4!important;
  color:#92400e!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell[data-tier-tone=silver] .lab-tier-count {
  color:#1e293b!important;
  text-shadow:none!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell[data-tier-tone=silver] .lab-tier-icon {
  background:#4755691f!important;
  border-color:#1e293b66!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell[data-tier-tone=silver] .lab-tier-icon svg {
  stroke-width:2.4!important;
  color:#1e293b!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell[data-tier-tone=bronze] .lab-tier-count {
  color:#7c2d12!important;
  text-shadow:none!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell[data-tier-tone=bronze] .lab-tier-icon {
  background:#c2410c1f!important;
  border-color:#7c2d1266!important;
}

html.po-admin-active[data-theme=light] .lab-tier-cell[data-tier-tone=bronze] .lab-tier-icon svg {
  stroke-width:2.4!important;
  color:#7c2d12!important;
}

html.po-admin-active[data-theme=light] .lab-clearance-label {
  color:#475569!important;
}

html.po-admin-active[data-theme=light] .lab-clearance[data-clearance-tone=gold] .lab-clearance-level {
  color:#92400e!important;
}

html.po-admin-active[data-theme=light] .lab-clearance[data-clearance-tone=silver] .lab-clearance-level {
  color:#1e293b!important;
}

html.po-admin-active[data-theme=light] .lab-clearance[data-clearance-tone=bronze] .lab-clearance-level {
  color:#7c2d12!important;
}

html.po-admin-active[data-theme=light] .lab-clearance-seg[data-on="0"] {
  background:#0f172a1a!important;
}

html.po-admin-active[data-theme=light] .lab-clearance[data-clearance-tone=gold] .lab-clearance-seg[data-on="1"] {
  background:#92400e!important;
  box-shadow:0 0 0 .5px #92400e66!important;
}

html.po-admin-active[data-theme=light] .lab-clearance[data-clearance-tone=silver] .lab-clearance-seg[data-on="1"] {
  background:#1e293b!important;
  box-shadow:0 0 0 .5px #0f172a66!important;
}

html.po-admin-active[data-theme=light] .lab-clearance[data-clearance-tone=bronze] .lab-clearance-seg[data-on="1"] {
  background:#7c2d12!important;
  box-shadow:0 0 0 .5px #7c2d1266!important;
}

html.po-admin-active[data-theme=light] .lab-add-operator {
  background:linear-gradient(135deg,#0f172a,#1e293b)!important;
  border:1.5px solid #fbbf24!important;
  box-shadow:0 0 0 1px #0f172a14,0 4px 14px #0f172a2e!important;
  color:#fbbf24!important;
  text-shadow:0 0 6px #fbbf2459!important;
}

html.po-admin-active[data-theme=light] .lab-add-operator:hover {
  background:linear-gradient(135deg,#1e293b,#334155)!important;
}

html.po-admin-active[data-theme=light] .lab-add-operator svg {
  stroke-width:2.4!important;
  color:#fbbf24!important;
}

@keyframes obsidian-dot-pulse {
  0% {
    opacity:.9;
    transform:scale(.55);
  }
  70% {
    opacity:0;
    transform:scale(2.4);
  }
  to {
    opacity:0;
    transform:scale(2.6);
  }
}

html.po-admin-active[data-theme=light] {
  --po-bg:#e2e8f0!important;
  --po-panel-bg:#fff!important;
  --po-surface:#fff!important;
  --po-panel:#fff!important;
  --po-text:#0f172a!important;
  --po-text-secondary:#334155!important;
  --po-text-muted:#64748b!important;
  --po-steel:#2563eb!important;
  --po-steel-deep:#1d4ed8!important;
  --po-glow:#2563eb47!important;
  --po-border:#1e293b!important;
  --po-border-hover:#2563eb!important;
  color-scheme:light;
}

html.po-admin-active[data-theme=light] body {
  background:#050505!important;
  background:var(--po-bg)!important;
}

html.po-admin-active[data-theme=light] [data-testid=admin-layout] {
  background-color:#050505!important;
  background-color:var(--po-bg)!important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27><circle cx=%271%27 cy=%271%27 r=%271%27 fill=%27%2394a3b8%27 fill-opacity=%270.55%27/></svg>")!important;
  background-position:0 0!important;
  background-repeat:repeat!important;
  color:#fff;
  color:var(--po-text);
}

html.po-admin-active[data-theme=light] [data-testid=admin-layout]>canvas:first-child {
  display:none!important;
}

html.po-admin-active[data-theme=light] .po-elite-clarity-veil {
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:#0000!important;
}

html.po-admin-active[data-theme=light] .po-elite-clarity-veil:after,
html.po-admin-active[data-theme=light] .po-elite-clarity-veil:before {
  background:none!important;
}

html.po-admin-active[data-theme=light] .text-white {
  color:#0f172a!important;
}

html.po-admin-active[data-theme=light] .text-slate-100,
html.po-admin-active[data-theme=light] .text-slate-200,
html.po-admin-active[data-theme=light] .text-zinc-100,
html.po-admin-active[data-theme=light] .text-zinc-200 {
  color:#1e293b!important;
}

html.po-admin-active[data-theme=light] .text-slate-300,
html.po-admin-active[data-theme=light] .text-zinc-300 {
  color:#334155!important;
}

html.po-admin-active[data-theme=light] .text-slate-400,
html.po-admin-active[data-theme=light] .text-zinc-400 {
  color:#475569!important;
}

html.po-admin-active[data-theme=light] .text-slate-500,
html.po-admin-active[data-theme=light] .text-zinc-500 {
  color:#64748b!important;
}

html.po-admin-active[data-theme=light] .text-slate-600,
html.po-admin-active[data-theme=light] .text-zinc-600 {
  color:#94a3b8!important;
}

html.po-admin-active[data-theme=light] .text-slate-700,
html.po-admin-active[data-theme=light] .text-zinc-700 {
  color:#a3a8b4!important;
}

html.po-admin-active[data-theme=light] [class*=bg-black],
html.po-admin-active[data-theme=light] [class*=bg-slate-9],
html.po-admin-active[data-theme=light] [class*=bg-zinc-9] {
  background-color:#fff!important;
}

html.po-admin-active[data-theme=light] [class*=bg-slate-8],
html.po-admin-active[data-theme=light] [class*=bg-zinc-8] {
  background-color:#f1f5f9!important;
}

html.po-admin-active[data-theme=light] [class*=border-white],
html.po-admin-active[data-theme=light] [class*=divide-white]>*+* {
  border-color:#e2e8f0!important;
}

html.po-admin-active[data-theme=light] .backdrop-blur-md,
html.po-admin-active[data-theme=light] .backdrop-blur-sm,
html.po-admin-active[data-theme=light] .backdrop-blur-xl {
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  background-color:#ececef!important;
}

html.po-admin-active[data-theme=light] .po-cmd-panel,
html.po-admin-active[data-theme=light] .po-elite-panel,
html.po-admin-active[data-theme=light] .po-panel,
html.po-admin-active[data-theme=light] .po-panel-glow,
html.po-admin-active[data-theme=light] .po-vault-panel {
  background:var(--po-panel-bg)!important;
  border:1.5px solid #ffffff14!important;
  border-color:var(--po-border)!important;
  box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;
}

html.po-admin-active[data-theme=light] .po-cmd-strip {
  background:linear-gradient(180deg,#f1f5f9,#cbd5e1)!important;
  border-bottom:1.5px solid #1e293b!important;
  box-shadow:inset 0 1px 0 0 #fff9!important;
}

html.po-admin-active[data-theme=light] .po-cmd-tick,
html.po-admin-active[data-theme=light] .po-cmd-tick-bl,
html.po-admin-active[data-theme=light] .po-cmd-tick-br,
html.po-admin-active[data-theme=light] .po-cmd-tick-tl,
html.po-admin-active[data-theme=light] .po-cmd-tick-tr {
  border-color:#1e293b!important;
  color:#1e293b!important;
  opacity:1!important;
}

html.po-admin-active[data-theme=light] .po-cmd-tick-bl:after,
html.po-admin-active[data-theme=light] .po-cmd-tick-bl:before,
html.po-admin-active[data-theme=light] .po-cmd-tick-br:after,
html.po-admin-active[data-theme=light] .po-cmd-tick-br:before,
html.po-admin-active[data-theme=light] .po-cmd-tick-tl:after,
html.po-admin-active[data-theme=light] .po-cmd-tick-tl:before,
html.po-admin-active[data-theme=light] .po-cmd-tick-tr:after,
html.po-admin-active[data-theme=light] .po-cmd-tick-tr:before {
  background:#1e293b!important;
}

html.po-admin-active[data-theme=light] .po-elite-row:nth-child(odd) {
  background-color:#fff!important;
}

html.po-admin-active[data-theme=light] .po-elite-row:nth-child(2n) {
  background-color:#f8f9fb!important;
}

html.po-admin-active[data-theme=light] .po-elite-row:hover {
  background-color:#2563eb14!important;
}

html.po-admin-active[data-theme=light] .po-elite-thead {
  background:linear-gradient(180deg,#f1f5f9,#cbd5e1)!important;
  border-bottom:1.5px solid #1e293b!important;
  box-shadow:inset 0 1px 0 0 #fff9!important;
}

html.po-admin-active[data-theme=light] .po-data-body {
  color:#1e293b!important;
}

html.po-admin-active[data-theme=light] .po-data-body-sub {
  color:#64748b!important;
}

html.po-admin-active[data-theme=light] .po-data-amount,
html.po-admin-active[data-theme=light] .po-data-strong {
  color:#0f172a!important;
}

html.po-admin-active[data-theme=light] .po-label {
  color:#64748b!important;
}

html.po-admin-active[data-theme=light] main .grid.gap-2 {
  gap:.65rem!important;
}

html.po-admin-active[data-theme=light] main .grid.gap-3 {
  gap:1rem!important;
}

html.po-admin-active[data-theme=light] main .grid.gap-4 {
  gap:1.35rem!important;
}

html.po-admin-active[data-theme=light] main .grid.gap-5 {
  gap:1.65rem!important;
}

html.po-admin-active[data-theme=light] main .grid.gap-6 {
  gap:2rem!important;
}

html.po-admin-active[data-theme=light] main [class*=bg-black][class*=border],
html.po-admin-active[data-theme=light] main [class*=bg-neutral-9][class*=border],
html.po-admin-active[data-theme=light] main [class*=bg-slate-9][class*=border],
html.po-admin-active[data-theme=light] main [class*=bg-zinc-9][class*=border],
html.po-admin-active[data-theme=light] main [class~=border][class*=border-white] {
  background:var(--po-panel-bg)!important;
  border:1.5px solid #ffffff14!important;
  border-color:var(--po-border)!important;
  box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;
}

html.po-admin-active[data-theme=light] main .po-cmd-panel [class~=border][class*=border-white],
html.po-admin-active[data-theme=light] main .po-elite-panel [class~=border][class*=border-white],
html.po-admin-active[data-theme=light] main .po-panel-glow [class~=border][class*=border-white],
html.po-admin-active[data-theme=light] main [class*=bg-black][class*=border] [class*=bg-black][class*=border],
html.po-admin-active[data-theme=light] main [class*=bg-black][class*=border] [class~=border][class*=border-white],
html.po-admin-active[data-theme=light] main [class~=border][class*=border-white] [class~=border][class*=border-white] {
  border-color:#cbd5e1!important;
  border-width:1px!important;
  box-shadow:none!important;
}

html.po-admin-active[data-theme=light] input[type=email],
html.po-admin-active[data-theme=light] input[type=number],
html.po-admin-active[data-theme=light] input[type=password],
html.po-admin-active[data-theme=light] input[type=search],
html.po-admin-active[data-theme=light] input[type=tel],
html.po-admin-active[data-theme=light] input[type=text],
html.po-admin-active[data-theme=light] input[type=url],
html.po-admin-active[data-theme=light] select,
html.po-admin-active[data-theme=light] textarea {
  background-color:#fff!important;
  border:1.5px solid #1e293b!important;
  color:#0f172a!important;
}

html.po-admin-active[data-theme=light] input::placeholder,
html.po-admin-active[data-theme=light] textarea::placeholder {
  color:#94a3b8!important;
}

html.po-admin-active[data-theme=light] input:focus,
html.po-admin-active[data-theme=light] select:focus,
html.po-admin-active[data-theme=light] textarea:focus {
  border-color:#3b82f6!important;
  border-color:var(--po-steel)!important;
  box-shadow:0 0 0 2px #2563eb2e!important;
  outline:none!important;
}

html.po-admin-active[data-theme=light] select {
  color-scheme:light;
}

html.po-admin-active[data-theme=light] .po-btn,
html.po-admin-active[data-theme=light] optgroup,
html.po-admin-active[data-theme=light] option {
  background-color:#fff!important;
  color:#0f172a!important;
}

html.po-admin-active[data-theme=light] .po-btn {
  border:1.5px solid #1e293b!important;
}

html.po-admin-active[data-theme=light] .po-btn:hover {
  background-color:#f1f5f9!important;
  border-color:#3b82f6!important;
  border-color:var(--po-steel)!important;
  color:#0f172a!important;
}

html.po-admin-active[data-theme=light] .po-btn.po-btn-primary,
html.po-admin-active[data-theme=light] button.po-btn-primary {
  background-color:#3b82f6!important;
  background-color:var(--po-steel)!important;
  border-color:#3b82f6!important;
  border-color:var(--po-steel)!important;
  color:#fff!important;
}

html.po-admin-active[data-theme=light] ::-webkit-scrollbar-track {
  background:#f4f4f7;
}

html.po-admin-active[data-theme=light] ::-webkit-scrollbar-thumb {
  background:#cbd5e1;
  border:2px solid #f4f4f7;
}

html.po-admin-active[data-theme=light] ::-webkit-scrollbar-thumb:hover {
  background:#3b82f6;
  background:var(--po-steel);
}

html.po-admin-active[data-theme=light] .po-b2b-glow {
  box-shadow:inset 3px 0 0 #3b82f6!important;
  box-shadow:inset 3px 0 0 var(--po-steel)!important;
}

html.po-admin-active[data-theme=light] [data-testid=admin-sidebar] {
  background-color:#fff!important;
  border-right:1.5px solid #1e293b!important;
}

html.po-admin-active[data-theme=light] [data-testid=admin-main-header] {
  background-color:#fff!important;
  border-bottom:1.5px solid #1e293b!important;
}

html.po-admin-active[data-theme=light] [data-testid=mobile-bottom-nav] {
  background-color:#fff!important;
  border-top:1.5px solid #1e293b!important;
}

html.po-admin-active[data-theme=light] [data-testid=admin-sidebar] [class*=border-b],
html.po-admin-active[data-theme=light] [data-testid=admin-sidebar] [class*=border-t],
html.po-admin-active[data-theme=light] [data-testid=admin-sidebar] [class*=border-white],
html.po-admin-active[data-theme=light] [data-testid=admin-sidebar] [class*=divide-white]>*+* {
  border-color:#1e293b2e!important;
}

html.po-admin-active[data-theme=light] [data-testid=admin-nav] a {
  color:#334155;
}

html.po-admin-active[data-theme=light] [data-testid=admin-nav] a:hover {
  background-color:#e2e8f0!important;
  color:#0f172a!important;
}

html.po-admin-active[data-theme=light] [data-testid=admin-nav] a.active,
html.po-admin-active[data-theme=light] [data-testid=admin-nav] a[aria-current=page] {
  background-color:#2563eb24!important;
  border-color:#1e293b!important;
  box-shadow:inset 3px 0 0 #3b82f6,0 0 0 1px #2563eb40!important;
  box-shadow:inset 3px 0 0 var(--po-steel),0 0 0 1px #2563eb40!important;
  color:#0f172a!important;
  font-weight:600;
}

html.po-admin-active[data-theme=light] .po-status-pill {
  color:inherit;
}

html.po-admin-active[data-theme=light] ::selection {
  background:#3b82f6;
  background:var(--po-steel);
  color:#fff;
}

html.po-admin-active[data-theme=light] .po-risk-high {
  background-color:#ef44440f!important;
}

html.po-admin-active[data-theme=light] .po-risk-med {
  background-color:#f59e0b0f!important;
}

html.po-admin-active[data-theme=light] .text-rose-200,
html.po-admin-active[data-theme=light] .text-rose-300 {
  color:#be123c!important;
}

html.po-admin-active[data-theme=light] .text-rose-400 {
  color:#e11d48!important;
}

html.po-admin-active[data-theme=light] .text-amber-200,
html.po-admin-active[data-theme=light] .text-amber-300 {
  color:#b45309!important;
}

html.po-admin-active[data-theme=light] .text-amber-400 {
  color:#d97706!important;
}

html.po-admin-active[data-theme=light] .text-emerald-200,
html.po-admin-active[data-theme=light] .text-emerald-300 {
  color:#047857!important;
}

html.po-admin-active[data-theme=light] .text-emerald-400 {
  color:#059669!important;
}

html.po-admin-active[data-theme=light] .text-orange-300,
html.po-admin-active[data-theme=light] .text-orange-400 {
  color:#c2410c!important;
}

html.po-admin-active[data-theme=light] .text-fuchsia-300 {
  color:#a21caf!important;
}

html.po-admin-active[data-theme=light] [data-testid=admin-theme-toggle] {
  background-color:#fafafb!important;
  border-color:#cbd5e1!important;
  color:#475569!important;
}

html.po-admin-active[data-theme=light] [data-testid=admin-theme-toggle]:hover {
  background-color:#f1f5f9!important;
  border-color:#3b82f6!important;
  border-color:var(--po-steel)!important;
  color:#0f172a!important;
}

html.po-admin-active[data-theme=light] {
  --po-border:#2d2d2d!important;
}

html.po-admin-active[data-theme=light] .po-cmd-panel,
html.po-admin-active[data-theme=light] .po-elite-panel,
html.po-admin-active[data-theme=light] .po-panel,
html.po-admin-active[data-theme=light] .po-panel-glow,
html.po-admin-active[data-theme=light] .po-vault-panel,
html.po-admin-active[data-theme=light] main [class*=bg-black][class*=border],
html.po-admin-active[data-theme=light] main [class*=bg-neutral-9][class*=border],
html.po-admin-active[data-theme=light] main [class*=bg-slate-9][class*=border],
html.po-admin-active[data-theme=light] main [class*=bg-zinc-9][class*=border],
html.po-admin-active[data-theme=light] main [class~=border][class*=border-white] {
  border-color:#2d2d2d!important;
}

html.po-admin-active[data-theme=light] .po-cmd-strip,
html.po-admin-active[data-theme=light] .po-elite-thead {
  border-bottom-color:#2d2d2d!important;
}

html.po-admin-active[data-theme=light] [data-testid=admin-sidebar] {
  border-right-color:#2d2d2d!important;
}

html.po-admin-active[data-theme=light] [data-testid=admin-main-header] {
  border-bottom-color:#2d2d2d!important;
}

html.po-admin-active[data-theme=light] [data-testid=mobile-bottom-nav] {
  border-top-color:#2d2d2d!important;
}

html.po-admin-active[data-theme=light] .po-btn,
html.po-admin-active[data-theme=light] input[type=email],
html.po-admin-active[data-theme=light] input[type=number],
html.po-admin-active[data-theme=light] input[type=password],
html.po-admin-active[data-theme=light] input[type=search],
html.po-admin-active[data-theme=light] input[type=tel],
html.po-admin-active[data-theme=light] input[type=text],
html.po-admin-active[data-theme=light] input[type=url],
html.po-admin-active[data-theme=light] select,
html.po-admin-active[data-theme=light] textarea {
  border-color:#2d2d2d!important;
}

html.po-admin-active[data-theme=light] .po-cmd-tick,
html.po-admin-active[data-theme=light] .po-cmd-tick-bl,
html.po-admin-active[data-theme=light] .po-cmd-tick-br,
html.po-admin-active[data-theme=light] .po-cmd-tick-tl,
html.po-admin-active[data-theme=light] .po-cmd-tick-tr {
  border-color:#2d2d2d!important;
  color:#2d2d2d!important;
}

html.po-admin-active[data-theme=light] .po-cmd-tick-bl:after,
html.po-admin-active[data-theme=light] .po-cmd-tick-bl:before,
html.po-admin-active[data-theme=light] .po-cmd-tick-br:after,
html.po-admin-active[data-theme=light] .po-cmd-tick-br:before,
html.po-admin-active[data-theme=light] .po-cmd-tick-tl:after,
html.po-admin-active[data-theme=light] .po-cmd-tick-tl:before,
html.po-admin-active[data-theme=light] .po-cmd-tick-tr:after,
html.po-admin-active[data-theme=light] .po-cmd-tick-tr:before {
  background:#2d2d2d!important;
}

html.po-admin-active [data-testid=admin-layout],
html.po-admin-active body,
html.po-admin-active main {
  overflow-x:hidden;
}

.po-intelligence-injector {
  color:#e4e4e7eb;
  font-family:Inter,system-ui,-apple-system,sans-serif;
  font-size:13.5px;
  letter-spacing:0;
  line-height:1.7;
}

.po-intelligence-injector h1,
.po-intelligence-injector h2,
.po-intelligence-injector h3,
.po-intelligence-injector h4,
.po-intelligence-injector h5,
.po-intelligence-injector h6 {
  color:#fff;
  font-family:Outfit,system-ui,sans-serif;
  font-weight:500;
  letter-spacing:-.01em;
  line-height:1.18;
  margin:1.6em 0 .6em;
}

.po-intelligence-injector h1 {
  font-size:28px;
}

.po-intelligence-injector h2 {
  color:#3b82f6;
  color:var(--po-steel);
  font-size:22px;
}

.po-intelligence-injector h3 {
  color:#3b82f6;
  color:var(--po-steel);
  font-size:18px;
}

.po-intelligence-injector h4 {
  color:#ffffffd9;
  font-family:JetBrains Mono,ui-monospace,monospace;
  font-size:15px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.po-intelligence-injector h5,
.po-intelligence-injector h6 {
  color:#ffffffa6;
  font-family:JetBrains Mono,ui-monospace,monospace;
  font-size:13px;
  font-weight:500;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.po-intelligence-injector :is(h1,
h2,
h3,
h4,
h5,
h6):first-child {
  margin-top:0;
}

.po-intelligence-injector p {
  margin:0 0 1em;
}

.po-intelligence-injector p:last-child {
  margin-bottom:0;
}

.po-intelligence-injector ol,
.po-intelligence-injector ul {
  margin:.6em 0 1em;
  padding-left:1.2em;
}

.po-intelligence-injector li {
  margin:.3em 0;
}

.po-intelligence-injector ul>li::marker {
  color:#3b82f6;
  color:var(--po-steel);
}

.po-intelligence-injector ol>li::marker {
  color:#3b82f6;
  color:var(--po-steel);
  font-family:JetBrains Mono,ui-monospace,monospace;
  font-weight:600;
}

.po-intelligence-injector a {
  border-bottom:1px solid #3b82f659;
  color:#3b82f6;
  color:var(--po-steel);
  padding-bottom:1px;
  text-decoration:none;
  transition:color .16s ease,border-color .16s ease,text-shadow .16s ease;
}

.po-intelligence-injector a:hover {
  border-bottom-color:#3b82f6;
  border-bottom-color:var(--po-steel);
  color:#fff;
  text-shadow:0 0 12px #3b82f673;
}

.po-intelligence-injector code {
  background:#ffffff0d;
  border:1px solid #ffffff1a;
  color:#3b82f6;
  color:var(--po-steel);
  font-family:JetBrains Mono,ui-monospace,monospace;
  font-size:.88em;
  padding:1px 6px;
}

.po-intelligence-injector pre {
  background:#0000008c;
  border:1.5px solid #3b82f62e;
  box-shadow:inset 0 1px 0 #ffffff08;
  color:#e4e4e7f2;
  font-family:JetBrains Mono,ui-monospace,monospace;
  font-size:12px;
  line-height:1.55;
  margin:1em 0;
  overflow-x:auto;
  padding:14px 16px;
}

.po-intelligence-injector pre code {
  background:#0000;
  border:none;
  color:inherit;
  padding:0;
}

.po-intelligence-injector blockquote {
  background:#3b82f60a;
  border-left:3px solid #3b82f6;
  border-left:3px solid var(--po-steel);
  color:#ffffffc7;
  font-style:italic;
  margin:1em 0;
  padding:12px 18px;
}

.po-intelligence-injector hr {
  border:0;
  border-top:1px solid #ffffff1a;
  margin:1.6em 0;
}

.po-intelligence-injector embed,
.po-intelligence-injector iframe,
.po-intelligence-injector img,
.po-intelligence-injector video {
  background:#000;
  border:1.5px solid #ffffff1a;
  box-shadow:0 0 0 1px #0009,0 12px 28px -10px #000000bf,0 6px 14px -6px #3b82f61a;
  display:block;
  height:auto;
  margin:1.2em auto;
  max-width:100%;
}

.po-intelligence-injector iframe,
.po-intelligence-injector video {
  width:100%;
}

.po-intelligence-injector table {
  background:#0000004d;
  border:1.5px solid #ffffff1f;
  border-collapse:collapse;
  font-family:JetBrains Mono,ui-monospace,monospace;
  font-size:12px;
  margin:1.2em 0;
  width:100%;
}

.po-intelligence-injector td,
.po-intelligence-injector th {
  border-bottom:1px solid #ffffff0f;
  padding:8px 12px;
  text-align:left;
  vertical-align:top;
}

.po-intelligence-injector th {
  background:#3b82f60f;
  border-bottom:1.5px solid #3b82f638;
  color:#3b82f6;
  color:var(--po-steel);
  font-size:10px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.po-intelligence-injector tr:last-child td {
  border-bottom:none;
}

.po-intelligence-injector tr:nth-child(2n) td {
  background:hsla(0,0%,100%,.012);
}

.po-intelligence-injector b,
.po-intelligence-injector strong {
  color:#fff;
  font-weight:600;
}

.po-intelligence-injector em,
.po-intelligence-injector i {
  color:#ffffffc7;
  font-style:italic;
}

.po-intelligence-injector small {
  color:#ffffff8c;
  font-family:JetBrains Mono,ui-monospace,monospace;
  font-size:.82em;
  letter-spacing:.06em;
}

.po-intelligence-injector button {
  align-items:center;
  background:#0000;
  border:1px solid #ffffff26;
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  font-family:JetBrains Mono,ui-monospace,monospace;
  font-size:11px;
  gap:8px;
  letter-spacing:.22em;
  padding:8px 16px;
  text-transform:uppercase;
  transition:border-color .16s ease,color .16s ease,background-color .16s ease;
}

.po-intelligence-injector button:hover {
  background:#3b82f60a;
  border-color:#3b82f6;
  border-color:var(--po-steel);
  color:#3b82f6;
  color:var(--po-steel);
}

.po-elite-row.po-row-health-low {
  background-color:rgba(251,191,36,.018);
  box-shadow:inset 3px 0 0 0 #fbbf248c;
}

.po-elite-row.po-row-health-out {
  background-color:rgba(244,63,94,.022);
  box-shadow:inset 3px 0 0 0 #f43f5ea6;
}

.po-elite-row.po-row-health-out:hover {
  background-color:rgba(244,63,94,.045);
}

.po-elite-row.po-row-selected {
  background-color:rgba(59,130,246,.035);
  outline:1px solid #3b82f659;
  outline-offset:-1px;
}

.po-elite-row.po-row-selected:hover {
  background-color:#3b82f60f;
}

html.po-admin-active[data-theme=light] .po-elite-row.po-row-health-low {
  background-color:#fbbf240f;
}

html.po-admin-active[data-theme=light] .po-elite-row.po-row-health-out {
  background-color:#f43f5e0d;
}

html.po-admin-active[data-theme=light] .po-elite-row.po-row-selected {
  background-color:#3b82f60d;
}

.App {
  background:var(--po-bg);
  min-height:100vh;
}