/* CV Mojo app: "Your CV plan" on the dashboard (2026-11-09), with app-cvplan.js. A quiet card: a title with the
   count, a thin progress bar, one row per item (tick box, the advice, where it came from) and one line about the score. */
.cvpl { display: grid; gap: 12px; }
.cvpl[hidden] { display: none; }
.cvpl .db-card-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0; }
.cvpl-count { flex: none; font-size: 14px; font-weight: 700; color: var(--muted, #5D5869); }
.cvpl-bar { display: block; height: 8px; }
.cvpl-list { display: grid; margin: 2px 0 0; padding: 0; list-style: none; }
.cvpl-item { display: flex; align-items: flex-start; gap: 12px; padding: 11px 2px; border-top: 1px solid var(--line, #EDE4CB); }
.cvpl-item:first-child { border-top: 0; padding-top: 4px; }
.cvpl-check { flex: none; width: 19px; height: 19px; margin: 2px 0 0; accent-color: var(--navy, #1E2A5A); cursor: pointer; }
.cvpl-check:focus-visible { outline: 3px solid var(--navy, #1E2A5A); outline-offset: 2px; }
.cvpl-mark { flex: none; display: grid; place-items: center; width: 19px; height: 19px; margin-top: 2px; color: #8A5A00; }
.cvpl-text { display: grid; gap: 2px; min-width: 0; font-size: 15px; line-height: 1.45; color: var(--text, #1D1A26); }
label.cvpl-text { cursor: pointer; }
.cvpl-text small { font-size: 12.5px; font-weight: 600; color: var(--muted, #5D5869); }
.cvpl-item.is-done .cvpl-text > span { color: var(--muted, #5D5869); text-decoration: line-through; text-decoration-color: rgba(93, 88, 105, .5); }
.cvpl-foot { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding-top: 10px; font-size: 14px; color: var(--muted, #5D5869); border-top: 1px solid var(--line, #EDE4CB); }
.cvpl-foot svg { flex: none; margin-top: 2px; }
.cvpl-link { padding: 0; font: inherit; font-weight: 700; color: var(--navy, #1E2A5A); text-decoration: underline; text-underline-offset: 3px; background: none; border: 0; cursor: pointer; }
.cvpl-link:focus-visible { outline: 3px solid var(--navy, #1E2A5A); outline-offset: 2px; border-radius: 4px; }
.cvpl-up { color: var(--teal-t, #13705F); }
.cvpl-down { color: var(--tang-t, #B34A00); }
.cvpl-foot + .cvpl-foot { padding-top: 2px; border-top: 0; }
