/* Global DatasetScreen / flow-layout styles (not CSS-isolated).
   Scoped .razor.css does not apply to markup built via RenderFragment. */

.dataset-screen-container .screen-row {
    margin-bottom: 0.35rem;
}

.dataset-screen-container .control-wrapper {
    width: 100%;
    margin-bottom: 0.35rem;
    padding: 0.3rem 0.4rem 0.35rem;
    border-radius: 0.35rem;
    background-color: #f5f6f8;
}

.dataset-screen-container .control-wrapper:last-child {
    margin-bottom: 0;
}

.dataset-screen-container .compact-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.25rem;
    line-height: 1.2;
    display: block;
}

.dataset-screen-container .screen-flow-container {
    margin-bottom: 0;
}

.dataset-screen-container .screen-flow-panel-heading {
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #212529;
    line-height: 1.25;
    margin: 0 0 0.45rem;
    padding: 0 0 0.3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}