/* #3084. Scoped overrides of Workspace.A2UI.Blazor 9105042 (including its inline styles).
   Heights belong to the host viewport, not to saved panel definitions. */
:is(.dd-workspace-ai, .dd-panele)[data-testid] {
    height: var(--dd-workspace-height, calc(100dvh - 150px));
    min-height: 0;
    min-width: 0;
}
.dd-workspace-ai .kierat-a2ui-workspace {
    height: 100%;
    min-height: 0;
}
.dd-workspace-ai .kierat-a2ui-workspace-header,
:is(.dd-workspace-ai, .dd-panele) .kierat-a2ui-workspace-preview-head,
:is(.dd-workspace-ai, .dd-panele) .kierat-a2ui-workspace-inspector {
    flex-shrink: 0;
}
.dd-workspace-ai .kierat-a2ui-workspace-body {
    flex-basis: 0;
    grid-template-rows: minmax(0, 1fr);
}
.dd-workspace-ai .kierat-a2ui-workspace-builder { overflow: auto; }
.dd-workspace-ai .kierat-a2ui-workspace-preview,
.dd-panele .dd-panele-podglad {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.dd-panele .dd-panele-podglad > h3 { flex-shrink: 0; }
:is(.dd-workspace-ai, .dd-panele) .kierat-a2ui-workspace-canvas {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}
:is(.dd-workspace-ai, .dd-panele) [data-dd-workspace-fill] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    /* A2UI can supply a fixed inline height. The flex parent assigns the available space. */
    height: auto !important;
}
:is(.dd-workspace-ai, .dd-panele) [data-dd-workspace-fill="column"] {
    overflow: auto;
    display: flex;
    flex-direction: column;
}
:is(.dd-workspace-ai, .dd-panele) .kierat-a2ui-splitter-wrapper {
    min-height: 12rem;
}
:is(.dd-workspace-ai, .dd-panele) .kierat-a2ui-workspace-canvas .e-grid:not(.e-gantt *, .e-treegrid *) {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 12rem;
    height: auto !important;
}
:is(.dd-workspace-ai, .dd-panele) .kierat-a2ui-workspace-canvas .e-grid:not(.e-gantt *, .e-treegrid *) > .e-gridcontent {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
}
:is(.dd-workspace-ai, .dd-panele) .kierat-a2ui-workspace-canvas .e-grid:not(.e-gantt *, .e-treegrid *) > .e-gridcontent > .e-content {
    flex: 1 1 0;
    min-height: 0;
    height: auto !important;
    overflow: auto;
}
:is(.dd-workspace-ai, .dd-panele) .e-grid > :not(.e-gridcontent) { flex-shrink: 0; }
/* Native pie + table renderer: keep chart, table and its actions in separate slots. */
:is(.dd-workspace-ai, .dd-panele) .kierat-a2ui-priority-dashboard { min-height: 28rem; }
:is(.dd-workspace-ai, .dd-panele) .kierat-a2ui-priority-issues { flex-basis: 0; }

/* Zakładki inspektora i jego przełącznik muszą mieścić się także w wąskim podglądzie. */
.dd-workspace-ai .kierat-a2ui-workspace-tabs,
.dd-workspace-ai .kierat-a2ui-workspace-inspector nav {
    flex-wrap: wrap;
}
.dd-workspace-ai .kierat-a2ui-workspace-tabs button,
.dd-workspace-ai .kierat-a2ui-workspace-inspector nav button {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

/* Stacked layout needs page scrolling; the preview still gets a viewport-sized budget.
   Do not compress the assistant, saved panel selector or actions into an unusable strip. */
@media (max-width: 900px) {
    .dd-workspace-ai[data-testid] { height: auto; }
    .dd-workspace-ai .kierat-a2ui-workspace { height: auto; min-height: 0; }
    .dd-workspace-ai .kierat-a2ui-workspace-body { flex-basis: auto; grid-template-rows: auto; }
    .dd-workspace-ai .kierat-a2ui-workspace-preview { height: max(28rem, var(--dd-workspace-height)); min-height: 0; }
    :is(.dd-workspace-ai, .dd-panele) .kierat-a2ui-priority-dashboard { min-height: 44rem; }
}
@media (max-width: 700px) {
    .dd-panele[data-testid] { height: auto; }
    .dd-panele .dd-panele-podglad { height: max(28rem, var(--dd-workspace-height)); }

    /* Na telefonie nagłówek Workspace ma osobne wiersze na wybór panelu i akcje. */
    .dd-workspace-ai .kierat-a2ui-workspace {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
    .dd-workspace-ai .kierat-a2ui-workspace-header {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        gap: 10px;
    }
    .dd-workspace-ai .kierat-a2ui-workspace-header > div {
        flex: 1 1 100%;
        min-width: 0;
    }
    .dd-workspace-ai .kierat-a2ui-workspace-header label {
        flex: 1 1 100%;
        min-width: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 4px;
    }
    .dd-workspace-ai .kierat-a2ui-workspace-header select {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
    .dd-workspace-ai .kierat-a2ui-workspace-header button {
        flex: 1 1 9rem;
        max-width: 100%;
        min-width: 0;
        white-space: normal;
    }
}