:root {
    --app-bg: linear-gradient(135deg, #f4efe6 0%, #dbeafe 100%);
    --app-primary: #0f766e;
    --app-dark: #0f172a;
    --app-card: rgba(255, 255, 255, 0.88);
}

body {
    font-family: 'Manrope', sans-serif;
    background: var(--app-bg);
    color: var(--app-dark);
    min-height: 100vh;
}

.app-navbar {
    background: linear-gradient(90deg, #0f172a 0%, #134e4a 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
}

.app-card,
.metric-card {
    backdrop-filter: blur(10px);
    border-radius: 1.25rem;
    background: var(--app-card);
}

.metric-card {
    padding: 1.25rem;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.metric-card span {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #475569;
}

.metric-card strong {
    font-size: 2rem;
}

.metric-card small {
    color: #475569;
    font-size: .85rem;
}

.metric-card-highlight {
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.9) 0%, rgba(37, 99, 235, 0.82) 100%);
    color: #fff;
}

.metric-card-highlight span,
.metric-card-highlight small {
    color: rgba(255, 255, 255, 0.88);
}

.table thead th {
    white-space: nowrap;
}

.btn-primary {
    background: var(--app-primary);
    border-color: var(--app-primary);
}

.evaluation-category .accordion-button {
    font-weight: 800;
    color: #fff;
    box-shadow: none;
}

.evaluation-category .accordion-button:not(.collapsed) {
    color: #fff;
    box-shadow: none;
}

.evaluation-category .accordion-button::after {
    filter: brightness(0) invert(1);
}

.evaluation-category .accordion-body {
    background: rgba(255, 255, 255, 0.92);
}

.category-projeto .accordion-button,
.category-projeto .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
}

.category-banner .accordion-button,
.category-banner .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

.category-apresentacao .accordion-button,
.category-apresentacao .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
}

.category-relatorio .accordion-button,
.category-relatorio .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
}

.category-caderno .accordion-button,
.category-caderno .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
}

.category-estande .accordion-button,
.category-estande .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #65a30d 0%, #4d7c0f 100%);
}

.category-default .accordion-button,
.category-default .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
}

.chart-shell {
    position: relative;
    min-height: 320px;
}

.chart-shell canvas {
    width: 100% !important;
    height: 100% !important;
}

.evaluation-card-complete {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.18) 0%, rgba(240, 253, 244, 0.95) 100%);
    border: 1px solid rgba(34, 197, 94, 0.35) !important;
}

.evaluation-card-progress {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.18) 0%, rgba(255, 251, 235, 0.95) 100%);
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

.evaluation-card-pending {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.14) 0%, rgba(254, 242, 242, 0.95) 100%);
    border: 1px solid rgba(239, 68, 68, 0.28) !important;
}

@media (max-width: 767.98px) {
    .chart-shell {
        min-height: 260px;
    }
}