/* input(44,1): run-time error CSS1019: Unexpected token, found '@' */
/* Reassurance card beside the shared .scr-intro (mirrors the screening stepper
   slot) — keeps the page consistent with the application/screening pages. */
.cmp-reassure {
    flex: 0 0 auto;
    max-width: 280px;
    background: var(--c-surface);
    border: 1px solid var(--c-border);
    border-radius: var(--radius-lg, .9rem);
    box-shadow: var(--shadow-sm, 0 4px 12px -6px rgba(0,0,0,.15));
    padding: 1rem 1.15rem;
    color: var(--c-text);
}
.cmp-reassure i { color: var(--c-primary); }
.complaint-option-card {
    transition:all .25s ease;
    border:1px solid #e5e7eb;
    border-radius:1rem;
    height:100%;
    background:#fff;
    position:relative;
    display:flex;
    flex-direction:column;
}
.complaint-option-card:hover {
    box-shadow:0 8px 24px -6px rgba(0,0,0,.15);
    transform:translateY(-4px);
    border-color:var(--c-primary);
}
.complaint-option-card .icon-wrapper {
    width:3.5rem;height:3.5rem;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:1.6rem;
    margin-bottom:.75rem;
}
.icon-anon {background:var(--c-primary-50);color:var(--c-primary);}
.icon-non {background:var(--c-primary-100);color:var(--c-primary);}
.icon-track {background:#e6f0f5;color:var(--c-secondary);}
.complaints-grid .card-action-btn {
    position:static;
    margin-top:auto;
    padding-top:.5rem;
}
@@media (max-width: 575.98px) {
    .complaints-grid .card-action-btn {position:static; margin-top:.75rem;}
}

/* ---- Dark mode ----------------------------------------------------------- */
/* These cards hardcode a white fill + light grey border. The icon tiles use
   token tints (which flip automatically) except .icon-track, fixed below. */
html.dark-theme .complaint-option-card { background: var(--c-surface); border-color: var(--c-border); }
html.dark-theme .complaint-option-card:hover { box-shadow: 0 8px 24px -6px rgba(0,0,0,.55); border-color: var(--c-primary); }
html.dark-theme .icon-track { background: rgba(95,176,219,.16); color: var(--c-secondary); }