/* BLK Bear Trap Planner — rebuilt to match the StratForge "Bear Trap" tool pixel-for-pixel.
   Colors below are literal values captured from the live reference page's rendered markup
   (arbitrary-value utility classes carry exact hex/opacity in the DOM), not estimates, except
   where noted. This tool intentionally uses its own warm ember/charcoal palette distinct from
   the rest of the BLK site. */
:root{
  --bt-forge:#e63462;--bt-forge-hover:#ff4d7d;--bt-forge-text:#f28aa4;
  --bt-bone:#f4ece2;--bt-dim:#8a8078;--bt-muted:#b7ab9e;--bt-ink:#171413;
  --bt-line:#2b2119;--bt-line-2:#382b23;
  --bt-card-border:#4b342b;--bt-card-border-2:#4c3429;--bt-card-bg:#100e0d;--bt-article-bg:#15110f;
  --bt-eyebrow:#e0708a;--bt-amber-time:#dfb36a;--bt-amber-time-strong:#eccb93;
  --bt-active-seg:#9c2f52;--bt-avatar-bg:#2a201b;
  --bt-amber:#d8a24a;--bt-amber-strong:#e4b65f;--bt-amber-soft:#f0c76f;--bt-amber-title:#c3a76f;--bt-amber-label:#d2b778;--bt-amber-icon:#edbd60;--bt-amber-drill:#c5a45e;
  --bt-officer-badge-border:#684536;--bt-officer-badge-bg:#251812;--bt-officer-badge-text:#c89c84;
  --bt-officer-time-bg:#0e0c0b;--bt-officer-save:#c23a5e;
  --bt-readback-border:#3d3029;--bt-readback-item-border:#47342b;--bt-heading-warm:#d6b9a9;
  --bt-leads-border:#4b382e;--bt-leads-bg:#17110e;--bt-candidate-hover:#725141;
  --bt-callout-border:#493b27;--bt-callout-text:#bba56f;--bt-callout-line:#6a4e28;--bt-callout-bg:#21190d;--bt-callout-preview-text:#e7d6af;
  --bt-guard-border:#695027;--bt-guard-bg:#15120d;--bt-guard-head-border:#4d3c23;
  --bt-checkbox-border:#3a3021;--bt-strategy-divider:#352821;
  --bt-preflight-border:#4b382e;--bt-preflight-bg:#17110e;--bt-preflight-head-border:#3b2c25;
  --bt-token-border:#4a3931;--bt-token-text:#b9a49a;
  --bt-preview-border:#64402f;--bt-preview-bg:#21140f;--bt-preview-text:#e5d7cf;
  --bt-drill-border:#5e4928;--bt-drill-bg:#100e0a;
  --bt-step-idle-bg:#14110f;--bt-step-idle-hover:#684536;--bt-step-active-bg:#2a1812;
  --bt-trust-border:#352821;
  --bt-amber-400:#fbbf24;--bt-amber-300:#fcd34d;--bt-amber-500:#f59e0b;
  --bt-emerald-400:#34d399;--bt-emerald-300:#6ee7b7;--bt-sky-300:#7dd3fc;--bt-sky-500:#0ea5e9;
  --bt-rose-300:#fda4af;--bt-orange-300:#fdba74;--bt-violet-300:#c4b5fd;
}
.bt{max-width:1152px;margin:auto;padding:106px 16px 78px;font-family:var(--font-ui);color:var(--bt-bone)}
.bt *{box-sizing:border-box}
.bt-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
.bt-eyebrow{font:700 11px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bt-forge-text)}
.bt-head h1{margin:4px 0 0;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--bt-bone)}
.bt-head p{margin:4px 0 0;max-width:640px;color:var(--bt-muted);font-size:13px;line-height:1.5}

.bt-section{margin-bottom:20px;overflow:hidden;border-radius:16px;border:1px solid var(--bt-card-border);background:var(--bt-card-bg);box-shadow:0 22px 70px rgba(0,0,0,.28)}
.bt-section.bt-order{border-color:var(--bt-card-border-2);box-shadow:0 24px 70px rgba(0,0,0,.32)}

.bt-events-head{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:1px solid var(--bt-card-border);background:radial-gradient(circle at 15% 0%,rgba(184,47,87,.20),transparent 38%),linear-gradient(110deg,#171210,#0e0d0c)}
.bt-events-head .bt-tag{display:flex;align-items:center;gap:8px;color:var(--bt-amber-time);font-size:.68rem;text-transform:uppercase;letter-spacing:.22em}
.bt-events-head h2{margin:4px 0 0;font-size:18px;font-weight:600;color:var(--bt-bone)}
.bt-events-head .bt-sub{margin:2px 0 0;color:var(--bt-dim);font-size:12px}
.bt-live-pill{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.08);color:#6ee7b7;font-size:12px}
.bt-live-pill i{width:6px;height:6px;border-radius:50%;background:#34d399;animation:bt-pulse 1.6s ease-in-out infinite}
@keyframes bt-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(min-width:640px){.bt-events-head{flex-direction:row;align-items:center;justify-content:space-between;padding:16px 20px}}

.bt-traps{display:grid;gap:1px;background:var(--bt-card-border)}
@media(min-width:1024px){.bt-traps{grid-template-columns:1fr 1fr}}
.bt-trap{position:relative;min-height:256px;overflow:hidden;background:var(--bt-article-bg);padding:16px}
@media(min-width:640px){.bt-trap{padding:20px}}
.bt-trap-glow{position:absolute;right:-40px;bottom:-30px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(230,52,98,.14),transparent 70%);pointer-events:none}
.bt-trap-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.bt-trap-eyebrow{margin:0;color:var(--bt-eyebrow);font-size:.66rem;text-transform:uppercase;letter-spacing:.2em}
.bt-trap-time{margin:8px 0 0;font-size:22px;font-weight:600;color:var(--bt-bone);font-variant-numeric:tabular-nums}
.bt-trap-ago{margin:4px 0 0;color:var(--bt-amber-time);font-size:13px}
.bt-officer-pill{border-radius:999px;border:1px solid rgba(251,191,36,.25);background:rgba(251,191,36,.1);color:var(--bt-amber-300);padding:4px 10px;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.bt-trap-stats{position:relative;margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bt-stat-tile{border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.2);padding:10px}
.bt-stat-tile svg{margin-bottom:8px;color:var(--bt-eyebrow)}
.bt-stat-tile.bt-muted-icon svg{color:rgba(255,255,255,.5)}
.bt-stat-tile b{display:block;color:var(--bt-bone);font-variant-numeric:tabular-nums;font-weight:600}
.bt-stat-tile small{display:block;margin-top:2px;color:var(--bt-dim);font-size:.65rem}

.bt-officer-time{position:relative;margin-top:12px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.2)}
.bt-officer-time summary{display:flex;cursor:pointer;list-style:none;align-items:center;gap:8px;padding:8px 12px;color:var(--bt-dim);font-size:12px}
.bt-officer-time summary::-webkit-details-marker{display:none}
.bt-officer-time summary svg{color:var(--bt-eyebrow)}
.bt-officer-time summary .bt-utc-tag{margin-left:auto;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
.bt-officer-time summary .bt-chev{transition:transform .18s ease}
.bt-officer-time[open] summary .bt-chev{transform:rotate(180deg)}
.bt-officer-time-body{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(255,255,255,.07);padding:10px}
.bt-officer-time-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.bt-officer-time-row input[type="date"],.bt-officer-time-row input[type="text"]{height:40px;min-width:0;flex:1 1 8rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:var(--bt-officer-time-bg);padding:0 10px;color:var(--bt-bone);font-size:12px;outline:none}
.bt-officer-time-row input:focus{border-color:var(--bt-eyebrow)}
.bt-officer-time-row .bt-24h{display:inline-flex;height:40px;align-items:center;white-space:nowrap;border-radius:8px;border:1px solid rgba(251,191,36,.2);background:rgba(251,191,36,.07);padding:0 8px;font:700 .62rem var(--font-mono);color:var(--bt-amber-300);text-transform:uppercase;letter-spacing:.08em}
.bt-save-officer{align-self:flex-start;border-radius:8px;background:var(--bt-officer-save);padding:8px 12px;font:700 12px var(--font-ui);color:var(--bt-bone);border:0;cursor:pointer}
.bt-save-officer:hover{filter:brightness(1.08)}

.bt-lanes-row{display:grid}
@media(min-width:1200px){.bt-lanes-row{grid-template-columns:1.45fr .9fr}}
.bt-lanes-row > details{border-color:var(--bt-card-border)}
@media(min-width:1200px){.bt-lanes-row > details{border-right:1px solid var(--bt-card-border)}}
.bt-lanes-row > details > summary{display:flex;cursor:pointer;list-style:none;align-items:center;gap:8px;padding:14px 16px}
@media(min-width:640px){.bt-lanes-row > details > summary{padding:14px 20px}}
.bt-lanes-row > details > summary::-webkit-details-marker{display:none}
.bt-lanes-row > details > summary svg:first-child{color:var(--bt-eyebrow)}
.bt-lanes-row > details > summary b{font-size:13px;color:var(--bt-bone)}
.bt-lanes-row > details > summary .bt-sub{color:var(--bt-dim);font-size:12px}
.bt-lanes-row > details > summary .bt-chev{margin-left:auto;color:var(--bt-dim);transition:transform .18s ease}
.bt-lanes-row > details[open] > summary .bt-chev{transform:rotate(180deg)}
.bt-lane-list{max-height:24rem;overflow-y:auto;border-top:1px solid rgba(255,255,255,.06)}
.bt-lane-row{display:flex;flex-direction:column;gap:8px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.05)}
.bt-lane-row:first-child{border-top:0}
@media(min-width:640px){.bt-lane-row{flex-direction:row;align-items:center;padding:10px 20px}}
.bt-lane-name{min-width:0;flex:1}
.bt-lane-name b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;color:var(--bt-bone)}
.bt-lane-name small{display:block;color:var(--bt-dim);font-size:.68rem}
.bt-empty-lanes{padding:16px 20px;color:var(--bt-dim);font-size:12px}

.bt-seg{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);font-size:12px}
.bt-seg button{min-height:36px;border:0;border-right:1px solid rgba(255,255,255,.1);background:transparent;color:var(--bt-dim);cursor:pointer;padding:0 12px;font-weight:600;transition:background-color .15s ease,color .15s ease;font:inherit;font-weight:600}
.bt-seg button:last-child{border-right:0}
.bt-seg button:hover{background:rgba(255,255,255,.05);color:var(--bt-bone)}
.bt-seg button.active{background:var(--bt-active-seg);color:#fff;font-weight:700}
.bt-seg button.active:hover{background:var(--bt-active-seg)}

.bt-map-ref{position:absolute;right:10px;bottom:6px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--bt-line-2);opacity:.6;pointer-events:none;font:700 6.5px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;z-index:0}
.bt-trap-stats,.bt-officer-time{position:relative;z-index:1}

.bt-cadence-head{display:flex;align-items:center;gap:8px;padding:14px 16px}
@media(min-width:640px){.bt-cadence-head{padding:14px 20px}}
.bt-cadence-head svg{color:var(--bt-amber-time)}
.bt-cadence-head b{font-size:13px;color:var(--bt-bone)}
.bt-cadence-body{border-top:1px solid rgba(255,255,255,.06);padding:16px}
@media(min-width:640px){.bt-cadence-body{padding:16px 20px}}
.bt-chip-row{display:flex;align-items:center;gap:6px;margin-bottom:16px}
.bt-chip-row .bt-line{height:1px;min-width:8px;flex:1;background:rgba(255,255,255,.1)}
.bt-chip{border-radius:999px;border:1px solid rgba(223,179,106,.3);background:rgba(223,179,106,.1);padding:4px 8px;font-size:.65rem;color:var(--bt-amber-time-strong);white-space:nowrap}
.bt-target-row{display:flex;width:100%;align-items:center;gap:8px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.2);padding:10px 12px;color:inherit;cursor:pointer}
.bt-target-row .bt-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);flex:none}
.bt-target-row span.bt-target-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bt-bone);font-size:12px;text-align:left}
.bt-target-row svg{color:var(--bt-dim)}