/* Bear Trap Planner part 2: field order header, strategy card, rally guard, transmission rail,
   preflight + live preview, toggle switches, trust strip. See bear-trap.css for the token list. */

.bt-order-head{padding:16px;background:radial-gradient(circle at 78% -80%,rgba(230,52,98,.3),transparent 48%),linear-gradient(110deg,#19130f,#100e0d 65%)}
@media(min-width:640px){.bt-order-head{padding:16px 20px}}
.bt-order-head-row{display:flex;flex-direction:column;gap:16px}
@media(min-width:1024px){.bt-order-head-row{flex-direction:row;align-items:center;justify-content:space-between}}
.bt-order-title-group{display:flex;min-width:0;align-items:center;gap:12px}
.bt-order-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(230,52,98,.4);background:rgba(230,52,98,.1);color:var(--bt-forge)}
.bt-order-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bt-order-title-row h2{margin:0;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--bt-bone)}
.bt-officer-control{border-radius:4px;border:1px solid var(--bt-officer-badge-border);background:var(--bt-officer-badge-bg);padding:2px 6px;font:700 9px var(--font-mono);letter-spacing:.18em;color:var(--bt-officer-badge-text)}
.bt-order-sub{margin:2px 0 0;color:var(--bt-dim);font-size:12px}
.bt-order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bt-trap-tab{border-radius:8px;border:1px solid var(--bt-line);background:rgba(0,0,0,.15);padding:8px 12px;font:700 12px var(--font-ui);color:var(--bt-dim);cursor:pointer;transition:.15s ease}
.bt-trap-tab:hover{color:var(--bt-bone)}
.bt-trap-tab.active{border-color:var(--bt-forge);background:rgba(230,52,98,.15);color:var(--bt-bone)}
.bt-trap-tab span{margin-left:8px;font:400 10px var(--font-mono);opacity:.7}
.bt-run-seq{display:flex;align-items:center;gap:8px;margin-left:4px;border-radius:8px;border:1px solid var(--bt-line);background:rgba(0,0,0,.15);padding:6px 12px}
.bt-run-seq span{font-size:12px;color:var(--bt-bone)}

.bt-warn-strip{display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid rgba(245,158,11,.2);background:rgba(245,158,11,.06);padding:10px 16px;color:#fde68a;font-size:12px}
@media(min-width:640px){.bt-warn-strip{padding:10px 20px}}
.bt-warn-strip svg{flex:none;margin-top:1px}

.bt-order-grid{display:grid;min-width:0}
@media(min-width:1280px){.bt-order-grid{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr)}}
.bt-strategy{min-width:0;display:flex;flex-direction:column;gap:20px;border-bottom:1px solid var(--bt-strategy-divider);padding:16px}
@media(min-width:640px){.bt-strategy{padding:20px}}
@media(min-width:1280px){.bt-strategy{border-bottom:0;border-right:1px solid var(--bt-strategy-divider)}}
.bt-card-heading{display:flex;align-items:center;gap:8px}
.bt-card-heading svg{color:var(--bt-forge)}
.bt-card-heading h3{margin:0;font:700 11px var(--font-mono);letter-spacing:.16em;color:var(--bt-heading-warm)}

.bt-strategy-top{display:grid;gap:12px}
@media(min-width:640px){.bt-strategy-top{grid-template-columns:.82fr 1.18fr}}
.bt-field-box{border-radius:12px;border:1px solid var(--bt-line);background:rgba(0,0,0,.2);padding:12px}
.bt-field-label{display:block;font:700 10px var(--font-mono);letter-spacing:.08em;color:var(--bt-dim)}
.bt-join-cap-row{margin-top:4px;display:flex;align-items:flex-end;gap:8px}
.bt-join-cap-row input{min-width:0;flex:1;border:0;background:transparent;font:800 20px var(--font-mono);color:var(--bt-bone);outline:none}
.bt-join-cap-row span{padding-bottom:4px;color:var(--bt-dim);font-size:12px}
.bt-formation-head{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}
.bt-formation-head span:first-child{font:700 10px var(--font-mono);letter-spacing:.08em;color:var(--bt-dim)}
.bt-formation-pct{font:700 10px var(--font-mono);color:var(--bt-emerald-300)}
.bt-formation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bt-formation-grid label{min-width:0;overflow:hidden}
.bt-formation-grid label > span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--bt-dim);text-transform:capitalize}
.bt-formation-input{margin-top:2px;display:flex;align-items:center;border-bottom:1px solid var(--bt-line);padding-bottom:4px}
.bt-formation-input input{min-width:0;width:100%;border:0;background:transparent;font-family:var(--font-mono);color:var(--bt-bone);font-size:13px;outline:none}
.bt-formation-input span{color:var(--bt-dim);font-size:12px}

.bt-leads-head{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.bt-leads-head p:first-child{margin:0;font:700 10px var(--font-mono);letter-spacing:.08em;color:var(--bt-dim)}
.bt-leads-head p.bt-leads-help{margin:2px 0 0;color:#9c8b82;font-size:11px}
.bt-leads-count{font:700 10px var(--font-mono);color:var(--bt-dim)}
.bt-leads-box{min-height:56px;display:flex;flex-wrap:wrap;gap:8px;border-radius:12px;border:1px solid var(--bt-leads-border);background:var(--bt-leads-bg);padding:10px}
.bt-lead-chip{display:flex;align-items:center;gap:8px;border-radius:8px;border:1px solid rgba(230,52,98,.35);background:rgba(230,52,98,.08);padding:4px 10px 4px 4px;cursor:pointer;color:inherit;transition:border-color .15s ease}
.bt-lead-chip:hover{border-color:rgba(251,113,133,.6)}
.bt-lead-avatar{position:relative;width:32px;height:32px;border-radius:6px;overflow:hidden;background:var(--bt-avatar-bg);display:grid;place-items:center;font:700 12px var(--font-mono);color:var(--bt-amber-strong)}
.bt-lead-num{position:absolute;top:0;left:0;display:grid;width:14px;height:14px;place-items:center;background:rgba(0,0,0,.75);font:700 8px var(--font-mono);color:var(--bt-bone)}
.bt-lead-chip .bt-lead-name{font-size:12px;color:var(--bt-bone)}
.bt-lead-chip .bt-lead-x{color:var(--bt-dim);font-size:12px}
.bt-lead-chip:hover .bt-lead-x{color:#fda4af}
.bt-candidates{margin-top:8px;display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.bt-candidates::-webkit-scrollbar{display:none}
.bt-candidate{flex:none;display:flex;align-items:center;gap:6px;border-radius:6px;border:1px solid var(--bt-line);background:rgba(0,0,0,.2);padding:4px 8px 4px 4px;color:var(--bt-dim);cursor:pointer;transition:.15s ease;font:inherit}
.bt-candidate:hover{border-color:var(--bt-candidate-hover);color:var(--bt-bone)}
.bt-candidate:disabled{opacity:.35;cursor:default}
.bt-candidate-avatar{width:24px;height:24px;border-radius:4px;overflow:hidden;background:var(--bt-avatar-bg);display:grid;place-items:center;font:700 9px var(--font-mono);color:var(--bt-amber-strong)}
.bt-candidate span.bt-candidate-name{font-size:10px}
.bt-candidate span.bt-candidate-tier{font:700 8px var(--font-mono);text-transform:uppercase;color:#7dd3fc}
.bt-candidate span.bt-candidate-tier.tier-b{color:var(--bt-dim)}

.bt-two-col{display:grid;gap:12px}
@media(min-width:640px){.bt-two-col{grid-template-columns:1fr 1fr}}
.bt-two-col input,.bt-two-col textarea{margin-top:6px;width:100%;border-radius:8px;border:1px solid var(--bt-line);background:rgba(0,0,0,.2);padding:8px 12px;color:var(--bt-bone);font-size:12px;line-height:1.5;outline:none;resize:none;transition:border-color .15s ease;font-family:var(--font-ui)}
.bt-two-col input:focus,.bt-two-col textarea:focus{border-color:rgba(230,52,98,.7)}

.bt-readback{border-radius:12px;border:1px solid var(--bt-readback-border);background:linear-gradient(100deg,rgba(230,52,98,.065),transparent 62%);padding:12px}
.bt-readback-head{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.bt-readback-head span:first-child{font:700 10px var(--font-mono);letter-spacing:.15em;color:var(--bt-heading-warm)}
.bt-readback-head span:last-child{font:700 9px var(--font-mono);color:var(--bt-dim)}
.bt-readback-grid{display:grid;gap:8px}
@media(min-width:640px){.bt-readback-grid{grid-template-columns:repeat(3,1fr)}}
.bt-readback-item{min-width:0;border-left:1px solid var(--bt-readback-item-border);padding-left:10px}
.bt-readback-item .bt-rb-label{display:flex;align-items:center;gap:6px;font:700 8px var(--font-mono);color:var(--bt-forge)}
.bt-readback-item .bt-rb-label i{color:var(--bt-dim);font-style:normal}
.bt-readback-item p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--bt-bone);font-size:11px}
.bt-readback-item p#bt-rb-lead{white-space:normal;text-overflow:clip;line-height:1.4}

.bt-guard{overflow:hidden;border-radius:12px;border:1px solid var(--bt-guard-border);background:var(--bt-guard-bg)}
.bt-guard-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--bt-guard-head-border);background:linear-gradient(100deg,rgba(216,162,74,.13),transparent 72%);padding:12px}
.bt-guard-head-left{display:flex;min-width:0;align-items:center;gap:10px}
.bt-guard-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(184,139,63,.35);background:rgba(216,162,74,.1);color:var(--bt-amber-strong)}
.bt-guard-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bt-guard-title-row h4{margin:0;font-weight:700;font-size:13px;color:var(--bt-bone)}
.bt-guard-status{border:1px solid var(--bt-line);padding:2px 6px;font:700 8px var(--font-mono);letter-spacing:.16em;color:var(--bt-dim)}
.bt-guard-head-left p{margin:2px 0 0;color:#a59584;font-size:11px}
.bt-guard-body{display:flex;flex-direction:column;gap:16px;padding:12px}

.bt-toggle{position:relative;width:44px;height:24px;flex:none;border-radius:999px;border:1px solid var(--bt-line);background:rgba(23,20,15,.6);cursor:pointer;transition:border-color .15s ease,background .15s ease}
.bt-toggle .bt-thumb{position:absolute;top:50%;left:4px;width:16px;height:16px;border-radius:50%;background:var(--bt-dim);transform:translateY(-50%);transition:left .15s ease,background .15s ease,box-shadow .15s ease}
.bt-toggle[aria-checked="true"]{border-color:rgba(230,52,98,.7);background:rgba(230,52,98,.3)}
.bt-toggle[aria-checked="true"] .bt-thumb{left:24px;background:var(--bt-forge);box-shadow:0 0 12px rgba(230,52,98,.65)}
.bt-toggle:disabled{opacity:.6;cursor:wait}

.bt-inspect-grid{display:grid;gap:1px;overflow:hidden;border:1px solid var(--bt-checkbox-border);background:var(--bt-checkbox-border)}
@media(min-width:640px){.bt-inspect-grid{grid-template-columns:1fr 1fr}}
.bt-inspect-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#17140f;padding:10px 12px}
.bt-inspect-row p:first-child{margin:0;font-weight:600;font-size:12px;color:var(--bt-bone)}
.bt-inspect-row p:last-child{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 9px var(--font-mono);color:var(--bt-amber-title)}
.bt-check-grid{display:grid;gap:8px}
@media(min-width:640px){.bt-check-grid{grid-template-columns:1fr 1fr}}
.bt-check-row{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;border-left:2px solid var(--bt-checkbox-border);background:rgba(0,0,0,.15);padding:8px 12px;cursor:pointer}
.bt-check-row span.bt-check-title{display:block;font-weight:500;font-size:12px;color:var(--bt-bone)}
.bt-check-row span.bt-check-sub{display:block;font-size:10px;color:var(--bt-dim)}
.bt-check-row input{width:16px;height:16px;accent-color:var(--bt-amber)}

.bt-exceptions-head{margin-bottom:2px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.bt-exceptions-head p:first-child{margin:0;font:700 9px var(--font-mono);letter-spacing:.14em;color:var(--bt-amber-label)}
.bt-exceptions-sub{margin:2px 0 8px;color:var(--bt-dim);font-size:10px}
.bt-exceptions-count{font:700 9px var(--font-mono);color:var(--bt-dim)}
.bt-exceptions-row{display:flex;flex-direction:column;gap:8px}
@media(min-width:640px){.bt-exceptions-row{flex-direction:row}}
.bt-exceptions-row select{min-height:44px;min-width:0;flex:1;border-radius:8px;border:1px solid var(--bt-line);background:#0d0b09;padding:0 12px;color:var(--bt-bone);font-size:12px;outline:none}
.bt-exceptions-row select:focus{border-color:rgba(216,162,74,.6)}
.bt-exceptions-check{display:flex;min-height:44px;align-items:center;gap:8px;border:1px solid var(--bt-line);padding:0 12px;font-size:10px;color:var(--bt-dim)}
.bt-exceptions-check input{accent-color:var(--bt-amber)}
.bt-approve-cap{min-height:44px;border-radius:8px;border:1px solid rgba(216,162,74,.45);background:rgba(216,162,74,.1);padding:0 12px;font:700 12px var(--font-ui);color:var(--bt-amber-soft);cursor:pointer}
.bt-approve-cap:disabled{opacity:.35;cursor:default}

.bt-callout-label{display:block;font:700 9px var(--font-mono);letter-spacing:.14em;color:var(--bt-amber-label)}
.bt-callout-box{margin-top:6px;width:100%;resize:none;border-radius:8px;border:1px solid var(--bt-line);background:rgba(0,0,0,.25);padding:10px 12px;color:var(--bt-bone);font-size:12px;outline:none;font-family:var(--font-ui)}
.bt-callout-box:focus{border-color:rgba(216,162,74,.6)}
.bt-callout-tokens{display:flex;flex-wrap:wrap;gap:4px}
.bt-callout-tokens button{border:1px solid var(--bt-callout-border);background:transparent;padding:4px 6px;font:700 8px var(--font-mono);color:var(--bt-callout-text);cursor:pointer}
.bt-callout-preview{border-left:2px solid var(--bt-callout-line);background:var(--bt-callout-bg);padding:8px 12px;color:var(--bt-callout-preview-text);font-size:11px;line-height:1.5}

.bt-drill{overflow:hidden;border:1px solid var(--bt-drill-border);background:var(--bt-drill-bg)}
.bt-drill-inner{display:flex;flex-direction:column;gap:12px;background:linear-gradient(105deg,rgba(216,162,74,.12),transparent 58%);padding:12px}
@media(min-width:640px){.bt-drill-inner{flex-direction:row;align-items:center;justify-content:space-between}}
.bt-drill-left{display:flex;min-width:0;align-items:flex-start;gap:10px}
.bt-drill-icon{display:grid;flex:none;place-items:center;width:32px;height:32px;border:1px solid rgba(216,162,74,.35);background:rgba(216,162,74,.1);color:var(--bt-amber-icon)}
.bt-drill-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bt-drill-title-row p:first-child{margin:0;font-weight:700;font-size:12px;color:var(--bt-bone)}
.bt-drill-title-row span{font:700 8px var(--font-mono);letter-spacing:.14em;color:var(--bt-amber-drill)}
.bt-drill-left p:last-child{margin:2px 0 0;font-size:10px;color:var(--bt-dim)}
.bt-drill-btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(216,162,74,.45);background:rgba(216,162,74,.1);padding:0 12px;font:700 12px var(--font-ui);color:var(--bt-amber-soft);cursor:pointer}
.bt-drill-btn:hover{background:rgba(216,162,74,.15)}

.bt-rail{min-width:0;padding:16px}
@media(min-width:640px){.bt-rail{padding:20px}}
.bt-stepper{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(min-width:640px){.bt-stepper{grid-template-columns:repeat(7,1fr)}}
.bt-stepper-line{position:absolute;top:23px;left:7%;right:7%;height:1px;display:none;background:linear-gradient(90deg,rgba(14,165,233,.35),rgba(230,52,98,.55),rgba(16,185,129,.35))}
@media(min-width:640px){.bt-stepper-line{display:block}}
.bt-step{position:relative;z-index:1;min-width:0;text-align:left;background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit}
.bt-step-box{border-radius:8px;border:1px solid var(--bt-line);background:var(--bt-step-idle-bg);padding:8px;transition:border-color .15s ease}
.bt-step:hover .bt-step-box{border-color:var(--bt-step-idle-hover)}
.bt-step.is-current .bt-step-box{border-color:var(--bt-forge);background:var(--bt-step-active-bg);box-shadow:0 0 0 1px rgba(230,52,98,.1)}
.bt-step-row{display:flex;align-items:center;justify-content:space-between;gap:4px}
.bt-step-dot{width:8px;height:8px;border-radius:50%;background:var(--bt-dim);opacity:.5}
.bt-step.is-lit .bt-step-dot{opacity:1;background:currentColor;box-shadow:0 0 8px currentColor}
.bt-step-label{font:700 8px var(--font-mono);color:var(--bt-dim)}
.bt-step-name{margin-top:8px;font:700 9px var(--font-mono);letter-spacing:.02em;color:var(--bt-dim)}
.bt-step.is-current .bt-step-name{color:var(--bt-bone)}

.bt-preflight{margin-top:16px;border-radius:12px;border:1px solid var(--bt-preflight-border);background:var(--bt-preflight-bg)}
.bt-preflight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--bt-preflight-head-border);padding:12px 14px}
.bt-preflight-title-row{display:flex;align-items:center;gap:8px}
.bt-preflight-title-row h4{margin:0;font-weight:600;font-size:13px;color:var(--bt-bone)}
.bt-preflight-title-row span{font:700 9px var(--font-mono);color:var(--bt-forge)}
.bt-preflight-head p{margin:2px 0 0;color:var(--bt-dim);font-size:11px}
.bt-preflight-body{display:flex;flex-direction:column;gap:12px;padding:14px}
.bt-offset-row label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--bt-dim);font-size:12px}
.bt-offset-row input{width:80px;border-radius:6px;border:1px solid var(--bt-line);background:rgba(0,0,0,.3);padding:6px 8px;color:var(--bt-bone);font-family:var(--font-mono);outline:none}
.bt-offset-row input:focus{border-color:rgba(230,52,98,.7)}
.bt-offset-row span{font-size:10px}
.bt-template-box{width:100%;resize:none;border-radius:8px;border:1px solid var(--bt-line);background:rgba(0,0,0,.25);padding:10px 12px;color:var(--bt-bone);font-size:12px;line-height:1.5;outline:none;font-family:var(--font-ui)}
.bt-template-box:focus{border-color:rgba(230,52,98,.7)}
.bt-token-row{display:flex;flex-wrap:wrap;gap:6px}
.bt-token-row button{border-radius:4px;border:1px solid var(--bt-token-border);background:rgba(0,0,0,.2);padding:4px 6px;font:700 9px var(--font-mono);color:var(--bt-token-text);cursor:pointer}
.bt-token-row button:hover{border-color:rgba(230,52,98,.5);color:var(--bt-bone)}
.bt-live-preview{border-radius:8px;border:1px solid var(--bt-preview-border);background:var(--bt-preview-bg);padding:10px 12px}
.bt-live-preview-label{margin-bottom:4px;display:flex;align-items:center;gap:6px;font:700 9px var(--font-mono);letter-spacing:.05em;color:var(--bt-forge)}
.bt-live-preview p{margin:0;color:var(--bt-preview-text);font-size:12px;line-height:1.5}

.bt-order-footer{margin-top:16px;display:flex;flex-direction:column-reverse;gap:12px}
@media(min-width:640px){.bt-order-footer{flex-direction:row;align-items:center;justify-content:space-between}}
.bt-order-footer .bt-revision{min-height:20px;font-size:12px;color:var(--bt-dim)}
.bt-save-order{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:0;background:var(--bt-forge);padding:10px 16px;font:700 12px var(--font-ui);color:var(--bt-bone);cursor:pointer;box-shadow:0 10px 25px rgba(230,52,98,.18);transition:background-color .15s ease}
.bt-save-order:hover{background:var(--bt-forge-hover)}
.bt-save-order:disabled{opacity:.6;cursor:default}

.bt-trust-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;border-top:1px solid var(--bt-trust-border);background:rgba(0,0,0,.2);padding:10px 16px;color:var(--bt-dim);font-size:10px}
@media(min-width:640px){.bt-trust-strip{padding:10px 20px}}
.bt-trust-strip span{display:flex;align-items:center;gap:6px}
.bt-trust-strip svg:nth-of-type(1){color:#b28670}
.bt-trust-users{color:#b28670}
.bt-trust-check{color:var(--bt-emerald-400)}
.bt-trust-clock{color:var(--bt-sky-300)}

@media(max-width:520px){.bt-order-actions{width:100%}.bt-trap-tab{flex:1}}