/* Per-app theme overrides layered on top of _content/ClientForge.Shared.Frontend/clientforge.css.
   Change --cf-accent to rebrand this app. */
:root {
    --cf-accent: #2b6cb0; /* reminders blue */
}

.cf-muted { color: #666; font-size: 0.9rem; }

.cf-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.cf-btn-sm { padding: 0.35rem 0.7rem; font-size: 0.85rem; }

.cf-rem-title { font-weight: 600; }
.cf-done { text-decoration: line-through; color: #999; font-weight: 400; }
.cf-overdue .cf-rem-title { color: var(--cf-error); }
.cf-del { color: var(--cf-error); margin-left: auto; }

.cf-list { list-style: none; padding: 0; }
.cf-list li {
    padding: 0.6rem 0; border-bottom: 1px solid var(--cf-border);
    display: flex; align-items: center; gap: 0.5rem;
}

textarea.cf-input { min-height: 4rem; resize: vertical; }

#blazor-error-ui {
    display: none; position: fixed; bottom: 0; left: 0; right: 0;
    background: #ffdddd; padding: 0.75rem 1.25rem; box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
}
#blazor-error-ui .dismiss { cursor: pointer; float: right; }