/* Queue coverage and documentation drawers. */
.ds-detail-drawer{position:fixed;inset:0 0 0 auto;width:min(540px,100vw);height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink);box-shadow:-16px 0 50px #11182725;animation:ds-v28-in .22s cubic-bezier(.22,1,.36,1) both}
.ds-detail-drawer::backdrop{background:#16182066}
.ds-detail-head{position:sticky;top:0;z-index:1;background:var(--surface);border-bottom:1px solid var(--line);padding:18px 24px 16px}
.ds-detail-head .btn{padding:8px 0;margin-bottom:8px}.ds-detail-head h2{font-size:24px}
.ds-detail-body{padding:22px 24px 48px;overflow-y:auto;max-height:calc(100dvh - 105px)}
.ds-detail-body h3{font-size:16px;margin:22px 0 8px}.ds-detail-body p,.ds-detail-body li{font-size:14px;line-height:1.55}
.ds-detail-body .detail-source{display:block;overflow-wrap:anywhere;padding:9px 0;border-top:1px solid var(--line)}
@keyframes ds-v28-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
.coverage-intro{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.coverage-stat{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px}
.coverage-stat strong{font-family:Display,Jakarta,sans-serif;font-size:27px;display:block;line-height:1.1}
.coverage-stat span{font-size:12px;color:var(--muted);display:block;margin-top:5px}
.coverage-journeys,.coverage-id-list,.bo-pattern-list,.bo-file-list{display:grid;gap:10px}
.coverage-journey,.coverage-id,.bo-pattern,.bo-file-row{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:15px 17px;min-width:0}
.coverage-journey h3,.bo-pattern h3{font-size:17px;margin:0 0 6px}
.coverage-journey p,.bo-pattern p{font-size:13px;line-height:1.5;margin:0 0 10px;color:var(--muted)}
.coverage-journey-meta,.bo-file-meta{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}
.coverage-journey-actions,.coverage-id,.bo-pattern,.bo-file-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.coverage-journey-actions .btn,.coverage-id .btn,.bo-pattern .btn,.bo-file-row .btn{flex-shrink:0}
.coverage-id strong,.bo-file-row strong{display:block;font-size:14px}
.coverage-id p,.bo-file-row p{font-size:12px;color:var(--muted);margin:3px 0 0;overflow-wrap:anywhere}
.coverage-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:18px 0}.coverage-filter label{font-size:13px;font-weight:700;display:grid;gap:6px;min-width:min(100%,240px);flex:1}.coverage-filter input,.coverage-filter select{height:42px;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:0 11px}
.coverage-gate{list-style:none;padding:0;margin:0}.coverage-gate li{padding:12px 0;border-top:1px solid var(--line)}.coverage-gate li:first-child{border:0}.coverage-gate b{display:block}
@media(max-width:900px){.coverage-intro{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.coverage-intro{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-journey-actions,.bo-pattern,.bo-file-row{align-items:flex-start;flex-direction:column}.coverage-id{align-items:flex-start}.coverage-id .btn{font-size:12px}.ds-detail-drawer{inset:auto 0 0 0;width:100vw;max-width:100vw;height:min(88dvh,840px);max-height:88dvh;border:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;animation:ds-v28-up .22s cubic-bezier(.22,1,.36,1) both}.ds-detail-body{max-height:calc(88dvh - 105px)}@keyframes ds-v28-up{from{transform:translateY(100%)}to{transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.ds-detail-drawer{animation:none}}