/* Keeps checklist selection compact and the selected work list readable. */
.frontlegal-checklist-switcher { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 28px; }
.frontlegal-root .frontlegal-checklist-switch { display:inline-flex; align-items:center; gap:8px; max-width:100%; min-height:42px; padding:9px 18px; border:1px solid var(--fl-color-border-strong); border-radius:var(--fl-radius-pill); background: var(--fl-color-surface); color:var(--fl-color-text-muted); font:inherit; font-size:14px; font-weight:600; line-height:1.4; text-align:left; cursor:pointer; transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease; }
.frontlegal-checklist-switch svg { width:18px; height:18px; flex:none; }
.frontlegal-checklist-switch span { min-width:0; overflow-wrap:anywhere; }
.frontlegal-root .frontlegal-checklist-switch:hover { background:var(--fl-color-secondary-soft); color:var(--fl-color-primary); }
.frontlegal-root .frontlegal-checklist-switch.is-active { background:var(--fl-color-primary); border-color:var(--fl-color-primary); color: var(--fl-color-on-primary); }
.frontlegal-checklist-detail { display:grid; gap:20px; }
.frontlegal-checklist-progress { display:grid; gap:12px; padding:24px; border:1px solid var(--fl-color-border); border-radius:16px; background: var(--fl-color-surface); }
.frontlegal-checklist-progress h2 { margin:0; font-size:20px; line-height:1.4; }
.frontlegal-checklist-progress .frontlegal-progress { margin:0; height:9px; }
.frontlegal-checklist-progress p { margin:0; color:var(--fl-color-text-muted); font-size:14px; }
.frontlegal-checklist-description { margin:0; padding:0 4px; color:var(--fl-color-text-muted); line-height:1.6; }
.frontlegal-checklist-detail .frontlegal-checklist-items { display:grid; gap:10px; margin:0; }
.frontlegal-root .frontlegal-checklist-detail .frontlegal-checklist-items > li { padding:0; background: var(--fl-color-surface); border:1px solid var(--fl-color-border); border-radius:12px; }
.frontlegal-checklist-detail .frontlegal-checklist-items label { min-height:64px; padding:14px 18px; font-size:16px; font-weight:400; }
.frontlegal-checklist-detail .frontlegal-checklist-items input { width:22px; height:22px; margin:0; accent-color:var(--fl-color-primary); cursor:pointer; }
.frontlegal-checklist-detail .frontlegal-checklist-items label:has(input:checked) { transform:none; }
.frontlegal-checklist-detail .frontlegal-checklist-items input:checked + span { opacity:1; text-decoration:line-through; }
.frontlegal-checklist-create { display:grid; gap:22px; }
.frontlegal-checklist-create > label { display:grid; gap:8px; font-weight:600; }
.frontlegal-checklist-create > p { margin:0; line-height:1.6; }
.frontlegal-checklist-create > p span { display:block; margin-top:8px; }
.frontlegal-checklist-create > button { justify-self:start; }
@media(max-width:767px) { .frontlegal-checklist-switcher { flex-wrap:nowrap; overflow-x:auto; gap:8px; margin-bottom:24px; padding:3px 3px 10px; scrollbar-width:thin; } .frontlegal-root .frontlegal-checklist-switch { flex-shrink:0; max-width:260px; padding:9px 14px; } .frontlegal-checklist-progress { padding:20px; } .frontlegal-checklist-progress h2 { font-size:18px; } .frontlegal-checklist-detail .frontlegal-checklist-items label { grid-template-columns:auto minmax(0,1fr); padding:14px; } .frontlegal-checklist-detail .frontlegal-checklist-items small { grid-column:2; justify-self:start; } }
@media(prefers-reduced-motion:reduce) { .frontlegal-root .frontlegal-checklist-switch { transition:none; } }