/* CPD (docs/modules/cpd.md): the year at a glance above the list */
.feos-cpd-summary { margin: 0 0 14px; display: grid; gap: 10px; }
.feos-cpd-me, .feos-cpd-all { background: #fff; border: 1px solid #e3e9ef; border-radius: 8px; padding: 12px 14px; }
.feos-cpd-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.feos-cpd-head select { width: auto; display: inline-block; }
.feos-cpd-figure { font-size: 15px; margin-bottom: 6px; }
.feos-cpd-figure b { font-size: 22px; }
.feos-cpd-bar { height: 8px; background: #edf1f5; border-radius: 4px; overflow: hidden; margin: 4px 0 6px; }
.feos-cpd-bar span { display: block; height: 100%; border-radius: 4px; }
.feos-cpd-bar span.ok { background: #2e9d5b; }
.feos-cpd-bar span.behind { background: #e0a000; }
.feos-cpd-all summary { cursor: pointer; }
.feos-cpd-table { margin: 8px 0 0; }
.feos-cpd-table td.r, .feos-cpd-table th.r { text-align: right; }
.feos-cpd-table td { vertical-align: middle !important; }
/* tabs: My CPD | To approve | Everyone (Peter, 18 Oct 2026) */
.feos-cpd-tabs { margin-bottom: 2px; }
.feos-cpd-tabs > li > a { cursor: pointer; font-weight: 600; }
.feos-cpd-tabs .badge { background: #e0a000; }
.feos-cpd-card { display: flex; gap: 12px; align-items: center; justify-content: space-between; border-top: 1px solid #edf1f5; padding: 10px 0; }
.feos-cpd-card-main { min-width: 0; }
.feos-cpd-card-main > div { margin: 1px 0; }
.feos-cpd-card-buttons { white-space: nowrap; }
.feos-cpd-on-approve .list-container, .feos-cpd-on-approve .search-container { display: none; }
@media (max-width: 640px) { .feos-cpd-card { flex-direction: column; align-items: flex-start; } }