/* Live-webinar pipeline (Webinare → Pipeline). The board, columns and cards use
   the course pipeline styles (rd-rp__pipe-*, rd-rp__pcard); only the
   webinar-specific parts live here. */

.rd-wp__owner-row {
    padding: 0 var(--rd-spacing-sm) var(--rd-spacing-x-sm);
}

.rd-rp__pipe-col--collapsed .rd-wp__owner-row {
    display: none;
}

.rd-wp__owner {
    max-width: 100%;
    font: inherit;
    font-size: var(--rd-fontsize-2);
    color: var(--rd-gray-500);
    padding: 2px var(--rd-spacing-xx-sm);
    border: 1px solid transparent;
    border-radius: var(--rd-borderradius-border-md);
    background: transparent;
}

select.rd-wp__owner {
    cursor: pointer;
}

select.rd-wp__owner:hover,
select.rd-wp__owner:focus {
    border-color: var(--rd-gray-200);
    background: var(--rd-bg-primary);
    outline: none;
}

.rd-wp__owner.is-open {
    color: var(--rd-error-pressed);
}

.rd-wp__owner.is-fixed {
    font-style: italic;
}

/* ---- Cards ---- */

.rd-wp__tag {
    background: var(--rd-secondary-active);
}

.rd-wp__bar {
    background: var(--rd-success-default);
}

.rd-wp__days {
    font-size: var(--rd-fontsize-2);
    color: var(--rd-gray-500);
}

.rd-wp__card.is-late {
    border-color: var(--rd-error-default);
}

.rd-wp__card.is-late .rd-wp__days {
    font-weight: 600;
    color: var(--rd-error-pressed);
}

/* ---- Detail dialog ---- */

.rd-wp__detail {
    width: 560px;
    max-height: 90vh;
    overflow-y: auto;
}

.rd-wp__detail-meta {
    margin-top: calc(-1 * var(--rd-spacing-x-sm));
    font-size: var(--rd-fontsize-3);
    color: var(--rd-gray-500);
}

.rd-wp__phase {
    display: flex;
    flex-direction: column;
    gap: var(--rd-spacing-xx-sm);
    padding: var(--rd-spacing-x-sm) var(--rd-spacing-sm);
    border: 1px solid var(--rd-gray-200);
    border-radius: var(--rd-borderradius-border-big);
}

.rd-wp__phase.is-current {
    border-color: var(--rd-secondary-active);
    background: var(--rd-secondary-inactive);
}

.rd-wp__phase-head {
    display: flex;
    align-items: center;
    gap: var(--rd-spacing-x-sm);
}

.rd-wp__phase-head strong {
    font-size: var(--rd-fontsize-4);
    color: var(--rd-font-dark);
}

.rd-wp__phase-head small {
    margin-left: auto;
    font-size: var(--rd-fontsize-2);
    color: var(--rd-gray-500);
}

.rd-wp__phase.is-complete .rd-wp__phase-head strong::after {
    content: " ✓";
    color: var(--rd-success-default);
}

/* The modal styles every label as a stacked form field; checklist rows stay inline. */
.rd-pos__wish-modal .rd-wp__item {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--rd-spacing-x-sm);
    font-size: var(--rd-fontsize-4);
    font-weight: 400;
    color: var(--rd-font-dark);
    cursor: pointer;
}

.rd-wp__item input {
    margin-top: 2px;
}

/* ---- Dark mode of the Produktions-OS ---- */

.rd-pos--dark .rd-wp__phase {
    border-color: var(--d-border);
}

.rd-pos--dark .rd-wp__phase.is-current {
    background: var(--d-elev);
}

.rd-pos--dark .rd-wp__phase-head strong,
.rd-pos--dark .rd-pos__wish-modal .rd-wp__item {
    color: var(--d-h);
}

.rd-pos--dark select.rd-wp__owner:focus {
    background: var(--d-elev);
    color: var(--d-h);
}