/*
    Chrome for the shared main-tab workspace (Sabre.Shared.Web/Components/Tabs).
    Served to every shell that hosts the workspace — the main app and each portal — so the
    tab strip looks identical in all of them. Rules are scoped to .gnt-main-tab / the tab
    host classes; nothing here styles a page's own content.
*/

/* Selected tab header: same selection tokens the grids use. */
.gnt-main-tab .e-toolbar-item.e-active .e-tab-wrap {
    background-color: var(--gnt-selected-bg) !important;
    color: var(--gnt-selected-fg) !important;
    border-color: var(--gnt-selected-border) !important;
}

.gnt-main-tab .e-toolbar-item.e-active .e-tab-text,
.gnt-main-tab .e-toolbar-item.e-active .gnt-tab-header,
.gnt-main-tab .e-toolbar-item.e-active .gnt-tab-header span,
.gnt-main-tab .e-toolbar-item.e-active .gnt-tab-header button {
    color: var(--gnt-selected-fg) !important;
}

/*
    A hosted page sits inside the tab's content host, not directly in the portal's content
    pane, so the pane's own padding and fill rules no longer reach it. The tab host supplies
    both: the padding the pane used to give, and the height a grid page needs to fill.
*/
.gnt-main-tab-document {
    min-height: 0;
    min-width: 0;
    padding: 0.75rem;
    box-sizing: border-box;
}

.gnt-main-tab-document > .gnt-grid-selector-root {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}