/* One status palette for the public cards and CMS choices. */
:is([data-fund-status=active], .status.active) { --campaign-fill: var(--campaign-active); --campaign-text: var(--campaign-on-color); }
:is([data-fund-status=urgent], .status.urgent) { --campaign-fill: var(--campaign-urgent); --campaign-text: var(--campaign-on-color); }
:is([data-fund-status=rehabilitation], .status.rehabilitation) { --campaign-fill: var(--campaign-rehabilitation); --campaign-text: var(--campaign-on-color); }
:is([data-fund-status=treatment], .status.treatment) { --campaign-fill: var(--campaign-treatment); --campaign-text: var(--campaign-on-color); }
:is([data-fund-status=closed], .status.closed) { --campaign-fill: var(--campaign-closed); --campaign-text: var(--campaign-on-closed); }

.cms .status,
[data-local-site] #allrecords :is(.dv26-child__status,.dvu-child__status,.dv28-hero__tag) {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: calc(100% - 24px);
    box-sizing: border-box;
    margin: 0 !important;
    padding: 7px 11px !important;
    border: 1px solid rgb(8 46 82 / .12) !important;
    border-radius: var(--radius-detail) !important;
    background: var(--campaign-fill, var(--campaign-active)) !important;
    color: var(--campaign-text, var(--campaign-on-color)) !important;
    font: 600 var(--type-micro)/1.4 var(--font-body) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal;
    box-shadow: 0 1px 3px rgb(0 0 0 / .08), 0 4px 12px -6px rgb(0 0 0 / .25);
}
[data-local-site] #allrecords :is(.dv26-child__media,.dvu-child__media) { position: relative; }
[data-local-site] #allrecords :is(.dv26-child__status,.dvu-child__status),
[data-local-site] #allrecords .local-reference-hero .dv28-hero__tag {
    position: absolute !important;
    inset: 12px 12px auto auto !important;
    z-index: 2;
    pointer-events: none;
    transform: none !important;
}

/* Equivalent fields keep the same scale in the hero, home and catalogue. */
[data-local-site] #allrecords :is(.dv26-child,.dvu-child,.dv28-hero__info) :is(h2,h3) {
    --heading-size: var(--type-card) !important;
    font-size: var(--type-card) !important;
    line-height: 1.3 !important;
}
[data-local-site] #allrecords :is(.dv26-child__meta,.dvu-child__meta,.local-reference-hero .dv28-hero__meta,.local-child-diagnosis) {
    font-size: var(--type-small) !important;
    line-height: 1.5 !important;
}
[data-local-site] #allrecords .local-child-diagnosis > span {
    font: inherit !important;
    letter-spacing: inherit !important;
}
[data-local-site] #allrecords :is(.dv26-money,.dvu-money) b,
[data-local-site] #allrecords .local-reference-hero .dv28-hero__remaining strong {
    font-size: var(--type-body) !important;
    line-height: 1.4 !important;
}
[data-local-site] #allrecords :is(.dv26-money,.dvu-money) > span { font-size: var(--type-small) !important; }

.campaign-legend { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.cms .status { max-width: 100%; box-shadow: none; padding: 4px 7px !important; }
.home-cards-editor { min-width: 0; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.home-cards-editor > h2 { margin-top: 0; }
.home-cards-toolbar { display: flex; align-items: end; gap: 20px; margin-block: 20px; }
.home-cards-toolbar .field { width: min(100%, 240px); }
.home-cards-toolbar p { margin: 0 0 12px; color: var(--muted); font-size: var(--type-small); }
.home-cards-toolbar [data-over-limit=true] { color: var(--danger-text); }
.home-child-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.home-child-choice {
    display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px;
    border: 1px solid var(--line-control); border-radius: var(--radius-control); background: var(--surface); cursor: pointer;
    transition: background-color 150ms cubic-bezier(.2,0,0,1), border-color 150ms cubic-bezier(.2,0,0,1);
}
.home-child-choice:hover { background: var(--blue); }
.home-child-choice:has(input:checked) { background: var(--blue); border-color: var(--ink); }
.home-child-choice:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.home-child-choice > input { flex: 0 0 20px; width: 20px; height: 20px; margin: 0; accent-color: var(--ink); }
.home-child-choice > img { flex: 0 0 64px; width: 64px; height: 64px; object-fit: cover; border-radius: var(--radius-detail); }
.home-child-choice__copy { display: flex; flex-direction: column; align-items: start; min-width: 0; gap: 6px; }
.home-child-choice__copy > strong { font-size: var(--type-small); line-height: 1.4; overflow-wrap: anywhere; }
.home-child-choice:has(input:disabled) { opacity: .65; }
@media(max-width:1000px) { .home-child-choices { grid-template-columns: minmax(0,1fr); } }
@media(max-width:480px) { .home-cards-toolbar { align-items: stretch; flex-direction: column; gap: 8px; } .home-cards-toolbar .field { width: 100%; } }
@media(prefers-reduced-motion:reduce) { .home-child-choice { transition: none; } }
