.ccqd-lock{overflow:hidden}.ccqd-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(15,23,42,.42);backdrop-filter:blur(2px);display:flex;justify-content:flex-start;opacity:0;visibility:hidden;transition:.2s ease}.ccqd-backdrop.open{opacity:1;visibility:visible}.ccqd-drawer{width:min(520px,92vw);height:100%;overflow:auto;background:var(--surface,#fff);box-shadow:22px 0 70px rgba(15,23,42,.22);transform:translateX(-105%);transition:.22s ease;padding:18px;box-sizing:border-box}.ccqd-backdrop.open .ccqd-drawer{transform:translateX(0)}.ccqd-head{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-18px;z-index:2;padding:16px 0 14px;background:var(--surface,#fff);border-bottom:1px solid rgba(148,163,184,.18)}.ccqd-head h2{margin:2px 0 0}.ccqd-eyebrow{font-size:10px;letter-spacing:.16em;color:#7c3aed}.ccqd-close{border:0;background:rgba(148,163,184,.12);width:38px;height:38px;border-radius:12px;font-size:24px;cursor:pointer}.ccqd-body{display:grid;gap:14px;padding:14px 0 30px}.ccqd-action-summary{position:relative;border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:14px;background:rgba(248,250,252,.82);overflow:hidden}.ccqd-action-summary::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#94a3b8}.ccqd-action-summary.severity-critical::before{background:#dc2626}.ccqd-action-summary.severity-high::before{background:#ea580c}.ccqd-action-summary.severity-medium::before{background:#d97706}.ccqd-action-summary.severity-low::before{background:#2563eb}.ccqd-action-summary>div:first-child{display:grid;gap:4px}.ccqd-action-summary span{font-size:11px;color:#64748b}.ccqd-action-summary b{font-size:15px}.ccqd-action-summary p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.8}.ccqd-reasons{display:grid;gap:4px;margin-top:10px}.ccqd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ccqd-metrics>div{border:1px solid rgba(148,163,184,.18);border-radius:13px;padding:10px;background:rgba(248,250,252,.7);display:grid;gap:3px}.ccqd-metrics span{font-size:10px;color:#64748b}.ccqd-metrics strong{font-size:19px}.ccqd-section{border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:14px;background:var(--surface,#fff)}.ccqd-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ccqd-section-head h3{margin:0;font-size:14px}.ccqd-section-head span{font-size:10px;color:#64748b}.ccqd-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ccqd-actions button{width:100%}.ccqd-section textarea{width:100%;box-sizing:border-box;resize:vertical}.ccqd-note-actions{display:flex;justify-content:flex-end;margin-top:8px}.ccqd-timeline{display:grid;gap:8px}.ccqd-timeline-item{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:9px;border-radius:12px;background:rgba(248,250,252,.72)}.ccqd-timeline-item>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(99,102,241,.1)}.ccqd-timeline-item div{display:grid;gap:3px}.ccqd-timeline-item small{font-size:10px;color:#64748b}.ccqd-timeline-item b{font-size:12px}.ccqd-timeline-item p{margin:0;font-size:11px;color:#64748b;line-height:1.6}.ccqd-open{white-space:nowrap}@media(max-width:720px){.ccqd-drawer{width:100vw;max-width:none;padding:14px}.ccqd-head{top:-14px}.ccqd-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ccqd-actions{grid-template-columns:1fr}.ccqd-section-head{align-items:flex-start;flex-direction:column}.ccqd-note-actions button{width:100%}}