.cadence-layout { display:grid; gap:18px; }
.cadence-toolbar { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) auto auto; gap:12px; align-items:end; }
.cadence-toolbar label { display:grid; gap:7px; color:var(--muted); font-size:.78rem; }
.cadence-toolbar select { width:100%; }
.cadence-template-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.cadence-template-card,.cadence-enrollment-card { background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:18px; min-width:0; }
.cadence-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cadence-card-head > div { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.cadence-template-card h4 { margin:14px 0 7px; }
.cadence-template-card p { color:var(--muted); min-height:42px; }
.cadence-step-strip { display:flex; gap:7px; margin:15px 0 10px; }
.cadence-step-strip span { display:grid; place-content:center; width:26px; height:26px; border-radius:50%; background:rgba(100,168,255,.12); color:#9ec5ff; font-weight:800; font-size:.75rem; }
.cadence-enrollment-list { display:grid; gap:14px; }
.cadence-enrollment-main { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin:18px 0; }
.cadence-enrollment-main > div { display:grid; gap:4px; min-width:0; }
.cadence-enrollment-main small { color:var(--muted); font-size:.68rem; letter-spacing:.08em; }
.cadence-enrollment-main strong { overflow-wrap:anywhere; }
.cadence-due { display:inline-flex; padding:5px 9px; border-radius:999px; font-size:.72rem; font-weight:800; }
.cadence-due-overdue { background:rgba(255,99,99,.14); color:#ff9393; }
.cadence-due-due_soon { background:rgba(255,184,77,.14); color:#ffc46b; }
.cadence-due-scheduled { background:rgba(100,168,255,.12); color:#9ec5ff; }
.cadence-due-blocked,.cadence-due-completed { background:rgba(255,255,255,.07); color:var(--muted); }
.cadence-pause-reason,.cadence-approval-note { margin:0 0 12px; padding:11px 13px; border-radius:12px; background:rgba(255,184,77,.08); color:#e7c17d; font-size:.82rem; }
.cadence-approval-note { background:rgba(199,149,255,.08); color:#d8b8ff; }
.cadence-actions { display:flex; flex-wrap:wrap; gap:9px; }
.button.danger { border-color:rgba(255,99,99,.35); color:#ff9393; }
.cadence-executions-card { overflow:hidden; }
.cadence-empty { border:1px dashed var(--line); min-height:130px; border-radius:16px; display:grid; place-content:center; gap:6px; padding:24px; text-align:center; color:var(--muted); }
.cadence-empty strong { color:var(--text); }
.cadence-error { border-color:rgba(255,99,99,.35); }
@media (max-width:1180px) { .cadence-toolbar { grid-template-columns:1fr 1fr; } .cadence-template-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:760px) { .cadence-template-grid,.cadence-enrollment-main { grid-template-columns:1fr; } .cadence-toolbar { grid-template-columns:1fr; } }