/**
 * CSS opravy pro stránku report-detail
 */

/* Badges side by side in owner-operator grid */
.owner-operator-grid .timeline-badges {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: var(--space-1);
}

/* Ensure badges stay compact in dual column layout */
.owner-column .timeline-badges,
.operator-column .timeline-badges {
    font-size: 0.8125rem;
}

/* Dual-column header */
.dual-header {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--gray-600);
    margin-bottom: var(--space-2);
    padding-bottom: var(--space-1);
    border-bottom: 1px solid var(--gray-200);
}

/* Flat boxes - not nested */
.owner-operator-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
}

/* Owner column - yellow/primary background */
.owner-column {
    background: var(--primary-50, #fffbeb);
    border: 1px solid var(--primary-200, #fde68a);
    border-radius: var(--radius-md);
    padding: var(--space-3);
}

/* Operator column - grey background */
.operator-column {
    background: var(--gray-100, #f3f4f6);
    border: 1px solid var(--gray-300, #d1d5db);
    border-radius: var(--radius-md);
    padding: var(--space-3);
}

/* Column labels */
.owner-column .column-label,
.operator-column .column-label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-2);
}

.owner-column .column-label {
    color: var(--primary-700, #b45309);
}

.operator-column .column-label {
    color: var(--gray-600, #4b5563);
}

/* Timeline content for dual-column - remove nested box effect */
.timeline-content.dual-column {
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
}