[v-cloak] {
    display: none;
}

.rotate-180 {
    transform: rotate(180deg);
}

.tab-active {
    border-bottom: 4px solid #7f1d1d;
    color: #7f1d1d;
}

.page-break {
    page-break-before: always;
}

.rag-indicator-row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
}

.rag-badge {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 4px;
}

.rag-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
}

/* Colors matching standard Royal Arch UI palettes */
.status-green .rag-dot { background-color: #10b981; }
.status-green { color: #065f46; background-color: #ecfdf5; }

.status-amber .rag-dot { background-color: #f59e0b; }
.status-amber { color: #92400e; background-color: #fffbeb; }

.status-red .rag-dot { background-color: #ef4444; }
.status-red { color: #991b1b; background-color: #fef2f2; }

.rag-count {
    margin-left: 4px;
    font-weight: 700;
}

@media print {
    .no-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    html,
    body,
    #app,
    div {
        height: auto !important;
        overflow: visible !important;
        position: static !important;
        max-height: none !important;
        min-height: 0 !important;
    }

    .report-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    section {
        display: block !important;
        page-break-inside: auto;
    }

    .page-break {
        display: block;
        page-break-before: always;
        break-before: page;
    }
}

td.cursor-pointer:hover {
    filter: brightness(0.95);
}