@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src:
        url("../fonts/Gilroy-RegularItalic.woff2") format("woff2"),
        url("../fonts/Gilroy-RegularItalic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src:
        url("../fonts/Gilroy-SemiBold.woff2") format("woff2"),
        url("../fonts/Gilroy-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src:
        url("../fonts/Gilroy-Bold.woff2") format("woff2"),
        url("../fonts/Gilroy-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    font-synthesis: none;
    --ame-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --ame-font-display: "Gilroy", "Inter Tight", "Inter", "Segoe UI", system-ui, sans-serif;
    --ame-font-support: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --ame-font-brand: "Gilroy", "Inter Tight", "Inter", "Segoe UI", system-ui, sans-serif;
}

.ame-admin-mark,
.ame-brand strong {
    font-family: var(--ame-font-brand, var(--ame-font-display));
}

.ame-nav a,
.ame-top-actions .ame-btn,
.ame-admin-breadcrumbs,
.ame-admin-heading p,
.ame-admin-nav-heading-label,
.ame-admin-link-label,
.ame-admin-usermeta span,
.ame-admin-user-action-label,
.ame-intranet-search > .ame-input,
.ame-intranet-search-result small,
.ame-chip,
.ame-kicker,
.ame-mini {
    font-family: var(--ame-font-support);
}

:root {
    --zb-demo-gap: 14px;
    --zb-demo-card-padding: 18px;
    --zb-demo-chip-bg: rgba(255, 255, 255, 0.06);
}

.ame-admin-page .zb-demo-grid,
.ame-intranet-page .zb-demo-grid {
    display: grid;
    gap: var(--zb-demo-gap);
}

.ame-admin-page .zb-demo-grid.cols-2,
.ame-intranet-page .zb-demo-grid.cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ame-admin-page .zb-demo-grid.cols-3,
.ame-intranet-page .zb-demo-grid.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ame-admin-page .zb-demo-card,
.ame-intranet-page .zb-demo-card {
    padding: var(--zb-demo-card-padding);
}

.ame-admin-page .zb-demo-stack,
.ame-intranet-page .zb-demo-stack {
    display: grid;
    gap: 12px;
}

.ame-admin-page .zb-demo-muted,
.ame-intranet-page .zb-demo-muted {
    color: var(--ame-muted);
}

.ame-admin-page .zb-demo-swatch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.ame-admin-page .zb-demo-swatch {
    border: 1px solid var(--ame-border);
    border-radius: 16px;
    padding: 12px;
    background: linear-gradient(180deg, var(--ame-surface-1), var(--ame-surface-0));
}

.ame-admin-page .zb-demo-swatch-color {
    width: 100%;
    height: 56px;
    border-radius: 12px;
    border: 1px solid var(--ame-border);
}

.ame-admin-page .zb-demo-button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ame-admin-page .zb-demo-form-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.ame-admin-page .zb-demo-settings-panel {
    padding: 16px;
    border-radius: 18px;
}

.ame-admin-page .zb-demo-repeater-row {
    padding: 16px;
    border-radius: 16px;
}

.ame-intranet-page .zb-demo-link-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.ame-intranet-page .zb-demo-link-card {
    padding: 18px;
    border-radius: 18px;
    border: 1px solid var(--ame-border);
    background: linear-gradient(180deg, var(--ame-surface-1), var(--ame-surface-0));
    display: grid;
    gap: 6px;
}

.ame-admin-page .zb-demo-top-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ame-admin-table-wrap {
    overflow-x: auto;
}

@media (max-width: 980px) {
    .ame-admin-page .zb-demo-grid.cols-2,
    .ame-admin-page .zb-demo-grid.cols-3,
    .ame-intranet-page .zb-demo-grid.cols-2,
    .ame-intranet-page .zb-demo-grid.cols-3 {
        grid-template-columns: 1fr;
    }

    .ame-admin-table:not(.ame-admin-table--stackable) {
        display: table;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .ame-admin-table:not(.ame-admin-table--stackable) thead {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }

    .ame-admin-table:not(.ame-admin-table--stackable) tbody {
        display: table-row-group;
    }

    .ame-admin-table:not(.ame-admin-table--stackable) tr {
        display: table-row;
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 0;
    }

    .ame-admin-table:not(.ame-admin-table--stackable) td,
    .ame-admin-table:not(.ame-admin-table--stackable) th {
        display: table-cell;
        width: auto;
        padding: 12px 14px;
    }

    .ame-admin-table:not(.ame-admin-table--stackable) td {
        border-bottom: 1px solid var(--ame-border);
    }

    .ame-admin-table:not(.ame-admin-table--stackable) td::before {
        content: none;
        display: none;
    }
}