/* Planning feature — global styles.
   Rules here target DevExpress popup/dropdown elements which render in a portal
   outside the owning component, so Blazor CSS isolation (.razor.css) cannot reach them. */

/* PlanningSessionDetailView — asset color dropdown sizing */
.dxbl-dropdown-dialog:has(.asset-color-dropdown) {
    width: fit-content !important;
    min-width: auto !important;
}

.dxbl-dropdown-body.asset-color-dropdown {
    width: fit-content !important;
    min-width: auto !important;
}

/* CreatePlanningSessionDialog — popup layout */
.create-planning-dialog-body {
    padding: 16px 20px 4px;
}

.create-planning-dialog-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 20px;
    width: 100%;
}

.create-planning-dialog-footer .dxbl-btn {
    min-width: 96px;
}

.planning-assets-loader {
    position: relative;
    min-height: 220px;
}

.planning-assets-placeholder {
    min-height: 220px;
}