.pte-dashboard-header {
    --test-countdown-muted: var(--pte-text-muted);
    --test-countdown-ink: var(--pte-text);
    --test-countdown-focus: var(--lime, #C7EF4E);
}
.det-dashboard-header {
    --test-countdown-muted: var(--det-dash-muted);
    --test-countdown-ink: var(--det-dash-ink);
    --test-countdown-focus: var(--det-dash-green);
}
.pte-plan-header {
    --test-countdown-muted: var(--pte-plan-muted);
    --test-countdown-ink: var(--pte-plan-ink);
    --test-countdown-focus: var(--lime, #C7EF4E);
}
.det-plan-header {
    --test-countdown-muted: var(--det-plan-muted);
    --test-countdown-ink: var(--det-plan-ink);
    --test-countdown-focus: var(--det-plan-green);
}
.test-date-countdown[hidden],
.test-date-countdown strong[hidden] { display: none !important; }
.test-date-countdown {
    color: var(--test-countdown-muted);
    font-size: .8125rem;
    line-height: 1.7;
    margin: .75rem 0 0;
}
.test-date-countdown strong { color: var(--test-countdown-ink); font-weight: 600; }
.test-date-countdown-details { display: inline-block; margin-left: .5rem; white-space: nowrap; }
.test-date-countdown-details::before { content: '·'; margin-right: .5rem; }
.test-date-countdown-edit {
    background: transparent;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    font: inherit;
    min-height: 24px;
    padding: 0 .2rem;
    text-decoration: underline;
    text-underline-offset: 3px;
    touch-action: manipulation;
}
.test-date-countdown-edit:hover { color: var(--test-countdown-ink); }
.test-date-countdown-edit:focus,
.test-date-countdown-edit:focus-visible { outline: 2px solid var(--test-countdown-focus); outline-offset: 2px; }

/* PTE's global pointer-focus reset must not suppress this control's lime ring. */
html[data-pte-theme] .test-date-countdown-edit:focus,
html[data-pte-theme] .test-date-countdown-edit:focus-visible {
    --lime: #C7EF4E;
    outline: 2px solid var(--lime) !important;
    outline-offset: 2px;
}