/* watchtower-drill.css — Drill Control (.dr-*) — Phase 3 D1. Command-dark. */

.dr-body { flex: 1; min-height: 0; overflow: auto; padding: 16px; background: var(--bg-0, #070b13); }
.dr-err { color: var(--crit, #e51e25); font: 12px/1.4 var(--mono); padding-bottom: 10px; }
.dr-intro { font: 13px/1.6 var(--sans); color: var(--t-2, #9aa6bf); max-width: 760px; margin-bottom: 16px; }
.dr-empty { color: var(--t-3, #6b768f); font: 12px/1.5 var(--sans); padding: 24px; text-align: center; }

/* active drill banner */
.dr-active { background: var(--bg-1, #0e1626); border: 1px solid var(--warn, #ffc72c); border-radius: 11px; padding: 16px; margin-bottom: 18px; box-shadow: inset 0 0 0 1px rgba(255,199,44,0.12); }
.dr-active-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.dr-badge { font: 800 11px/1 var(--mono); letter-spacing: 0.08em; color: #1a1205; background: var(--warn, #ffc72c); padding: 5px 9px; border-radius: 5px; }
.dr-active-name { font: 700 18px/1 var(--sans); color: var(--t-0, #f1f4fb); }
.dr-active-meta { font-size: 11.5px; color: var(--t-2, #9aa6bf); }
.dr-active-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-bottom: 14px; }
.dr-stat { background: var(--bg-2, #141f33); border: 1px solid var(--l-1, #1d2840); border-radius: 8px; padding: 9px 12px; }
.dr-stat .l { display: block; font: 600 9px/1 var(--label); text-transform: uppercase; letter-spacing: 0.07em; color: var(--t-3, #6b768f); margin-bottom: 5px; }
.dr-stat .v { font: 700 17px/1 var(--mono); color: var(--t-0, #f1f4fb); }
.dr-active-acts { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.dr-note { font-size: 11px; color: var(--t-3, #6b768f); line-height: 1.5; }
.dr-note b { color: var(--warn, #ffc72c); }

/* scenario grid */
.dr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 13px; }
.dr-card { background: var(--bg-1, #0e1626); border: 1px solid var(--l-2, #2a3148); border-radius: 10px; padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.dr-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.dr-card-name { font: 700 15px/1.2 var(--sans); color: var(--t-0, #f1f4fb); }
.dr-card-eap { font-size: 10.5px; color: var(--acc, #41b6e6); }
.dr-card-sum { font: 12.5px/1.5 var(--sans); color: var(--t-2, #9aa6bf); flex: 1; }
.dr-card-seeds { font-size: 10.5px; color: var(--t-3, #6b768f); line-height: 1.4; }
.dr-start { align-self: flex-start; margin-top: 4px; }

.dr-toast { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 70; background: var(--bg-1, #0e1626); border: 1px solid var(--warn, #ffc72c); border-radius: 7px; padding: 10px 16px; font: 12px/1.3 var(--sans); color: var(--t-0, #f1f4fb); box-shadow: 0 6px 24px rgba(0,0,0,0.5); }