.playbook-panel{overflow:hidden}.playbook-attach{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:14px;align-items:end;padding:22px 24px;border-bottom:1px solid var(--line)}.playbook-attach label{display:grid;gap:8px;color:#c9d5e2;font-size:.86rem;font-weight:700}.playbook-safety{margin:18px 24px;padding:14px 16px;border:1px solid rgba(63,227,174,.35);border-radius:12px;background:rgba(63,227,174,.07);color:#bfeede}.playbook-run{margin:20px 24px 26px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(3,19,35,.35)}.playbook-run-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px}.playbook-run-head h3{margin:0 0 5px}.playbook-progress{display:flex;gap:12px;align-items:center}.playbook-progress strong{font-size:1.45rem;color:var(--gold)}.progress-track{height:7px;background:#031323}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#44e2af)}.playbook-steps{padding:12px 20px 20px}.playbook-step{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.playbook-step:last-child{border-bottom:0}.step-index{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);font-weight:900}.playbook-step.done .step-index{background:#0b5949;color:#5cf1bd;border-color:#5cf1bd}.playbook-step.blocked .step-index{border-color:var(--red);color:var(--red)}.step-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.step-title>div{display:grid;gap:4px}.step-title small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.step-content>p{margin:.65rem 0;color:#cbd8e5}.playbook-action-form{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(220px,1fr) auto;gap:10px;margin-top:14px}.playbook-action-form input,.playbook-action-form select{min-width:0}.approval-list{display:grid;gap:5px;margin-top:10px}.approval-list span,.step-result{padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.035);font-size:.8rem;color:var(--muted)}.step-result{margin-top:12px;color:#cfe8df}.execution-history{padding:0 20px 18px;color:var(--muted)}.execution-history summary{cursor:pointer;color:var(--gold);font-weight:800}@media(max-width:800px){.playbook-attach{grid-template-columns:1fr}.playbook-run-head,.step-title{align-items:flex-start;flex-direction:column}.playbook-action-form{grid-template-columns:1fr}.playbook-step{grid-template-columns:34px 1fr}.playbook-run{margin:16px}.playbook-safety{margin:16px}}
