/* =============================================================
   issues-carry-forward.css  —  Carry-Forward Read-Only Section
   Rendered by IssuesCarryForward.razor above the Issues entry
   component on the officer form. Read-only display of persistent
   Issue rows still in InProgress status.

   Sixth (or seventh — verify B.4's portal-drafts.css status)
   global CSS bucket. Hardcoded in App.razor per the locked rule
   in Architecture.md Section 15 (HeadContent injection unreliable
   for fully-client WASM components).
   ============================================================= */

.carry-forward-loading {
    padding: 12px;
    font-size: 12px;
    color: var(--text-muted);
    font-style: italic;
}

.carry-forward-count {
    font-size: 11px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
    padding: 0 4px;
}

.carry-forward-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-left: 4px solid var(--acc-info);
    border-radius: var(--radius);
    padding: 10px 12px;
    margin-bottom: 8px;
    box-shadow: var(--shadow-sm);
}

.carry-forward-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    font-size: 11px;
}

.carry-forward-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.carry-forward-badge-condition {
    color: var(--acc-info);
    background: rgba(52, 152, 219, 0.10);
}

.carry-forward-badge-incident {
    color: var(--acc-danger);
    background: rgba(231, 76, 60, 0.10);
}

.carry-forward-report-num {
    font-family: var(--font-mono, monospace);
    color: var(--text-primary);
    font-weight: 600;
}

.carry-forward-age {
    margin-left: auto;
    color: var(--text-muted);
    font-style: italic;
}

.carry-forward-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 4px;
}

.carry-forward-description {
    font-size: 12px;
    color: var(--text-primary);
    line-height: 1.4;
}