/* GCD Enterprise App V22.8.1 — Project Budget Foundation & Import Build */
.v2281-hero {
    border: 1px solid rgba(15, 23, 42, .08);
    background: linear-gradient(135deg, rgba(18,63,122,.08), rgba(212,160,23,.10));
}
.v2281-mini {
    border: 1px solid var(--line, #e7ebf3);
    border-radius: 16px;
    padding: 16px;
    background: var(--panel, #fff);
    min-height: 92px;
}
.v2281-mini span {
    display:block;
    color: var(--muted, #6b7280);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 700;
}
.v2281-mini strong {
    display:block;
    margin-top: 8px;
    font-size: 1.1rem;
    color: var(--ink, #172033);
}
.metric-card.rag-green {
    border-left: 5px solid #15803d;
    background: linear-gradient(135deg, rgba(21,128,61,.10), rgba(255,255,255,.92));
}
.metric-card.rag-amber {
    border-left: 5px solid #d97706;
    background: linear-gradient(135deg, rgba(217,119,6,.12), rgba(255,255,255,.92));
}
.metric-card.rag-red {
    border-left: 5px solid #dc2626;
    background: linear-gradient(135deg, rgba(220,38,38,.12), rgba(255,255,255,.92));
}
.table td .badge.bg-warning,
.table td .badge.bg-danger,
.table td .badge.bg-success { min-width: 72px; }
@media (max-width: 767.98px) {
    .v2281-hero .card-body { align-items: stretch !important; }
    .v2281-hero .d-flex.gap-2 { width: 100%; flex-direction: column; }
    .v2281-hero .btn { width: 100%; }
    .v2281-mini { min-height: auto; }
    .table-responsive table.table thead { display: none; }
    .table-responsive table.table tbody tr {
        display: block;
        margin: 12px;
        padding: 12px;
        border: 1px solid var(--line, #e7ebf3);
        border-radius: 16px;
        background: var(--panel, #fff);
        box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
    }
    .table-responsive table.table tbody td {
        display: flex;
        justify-content: space-between;
        gap: 14px;
        border: 0 !important;
        padding: 7px 0 !important;
        white-space: normal;
    }
    .table-responsive table.table tbody td::before {
        content: attr(data-label);
        font-weight: 700;
        color: var(--muted, #6b7280);
        min-width: 42%;
    }
}