/* Post-production page styles */

/* Timeline toggle: active "Recorded" button color */
.timeline-raw-active,
.timeline-raw-active:hover {
    color: #0075ce !important;
}

/* Dropdown items colored to match timeline toggle buttons */
.dropdown-item.is-raw-color { color: #0064b0; }
.dropdown-item.is-final-color { color: #009753; }

/* Transcript dropdown: compact format links to match button label size */
#transcript-dropdown-menu .dropdown-item { font-size: 0.8rem; padding: 0.25rem 1rem; }

/* Colored hover matching timeline stage (transcript + export dropdowns) */
.transcript-final-section a.dropdown-item:hover,
.export-final-active a.dropdown-item:hover { background-color: rgba(0, 151, 83, 0.12); }
.transcript-raw-section a.dropdown-item:hover,
.export-raw-active a.dropdown-item:hover { background-color: rgba(0, 100, 176, 0.12); }

/* Asset dialog section cards */
.asset-section {
    background: #f0f1f5;
    border-left: 3px solid #67489e;
    padding: 1.25rem;
}
.asset-section .columns {
    font-size: 0.85rem;
}

/* Drag-and-drop highlight for asset sections (Plan 080) */
.asset-section.drag-over {
    background: rgba(103, 72, 158, 0.08);
    outline: 2px dashed #67489e;
    outline-offset: -2px;
    transition: background 0.15s ease;
}

/* Asset dialog: trim bottom body padding to match top (33px header-to-content) */
#manage-assets-modal .modal-card-body {
    padding-bottom: 23px;
}

/* Asset dialog: compact header */
#manage-assets-modal .modal-card-head {
    padding: 0.75rem 1.25rem;
}

/* Asset dialog: compact footer */
#manage-assets-modal .modal-card-foot {
    padding: 0.75rem 1.25rem;
}
#manage-assets-modal .modal-card-foot .modal-foot-right {
    gap: 0.5rem;
}

/* Produce dialog: de-emphasize field labels so section headings stand out */
#produce-mp3-modal .label.is-small {
    font-weight: 500;
    color: #555;
}

/* Produce dialog: chapters decision card */
#produce-chapters-section.produce-chapters-card {
    background: #f5f7fa;
    border-radius: 6px;
    padding: 0.75rem 1rem;
}

/* Produce dialog: stack radio buttons vertically */
#produce-chapters-section .radio {
    display: block;
}
#produce-chapters-section .radio + .radio {
    margin-left: 0;
    margin-top: 0.35rem;
}