.rollout-panel { margin-block-end:24px; }
.rollout-panel > p { max-width:75ch; }
.rollout-settings { display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:16px;padding-block:16px; }
.rollout-panel summary { cursor:pointer;font-weight:600;padding-block:10px; }
.rollout-list { margin-block-start:12px; }
.rollout-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding-block:20px;border-block-start:1px solid var(--line); }
.rollout-row h3 { margin:0 0 6px;overflow-wrap:anywhere; }
.rollout-row p { margin-block:6px;overflow-wrap:anywhere; }
.rollout-row .operations-toolbar { align-self:start;justify-content:flex-end;max-width:450px; }
.rollout-counts { font-variant-numeric:tabular-nums; }
.rollout-reason { color:var(--text);font-weight:600; }
.rollout-panel progress { display:block;width:100%;height:7px;margin-block:14px;accent-color:var(--accent); }
.rollout-detail { margin-block-start:20px; }
.rollout-device-list { max-height:440px;overflow:auto;margin-block-start:12px; }
.rollout-device { display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-block:14px;border-block-start:1px solid var(--line);overflow-wrap:anywhere; }
.rollout-device > strong,.rollout-device > span { flex-basis:100%; }
@media(max-width:760px){.rollout-row{grid-template-columns:1fr;gap:12px}.rollout-row .operations-toolbar{justify-content:flex-start;max-width:none}.rollout-settings{grid-template-columns:1fr}}