/* Cards */
.documentation-item-card {
    background-color: var(--devportal-grey-01);
    height: 100%;
    border: 1px solid var(--devportal-outline-grey)
}

.mud-card-actions {
    padding: 1.142rem;
}

.mud-card-header {
    padding-bottom: 0;

    h1, h2, h3, h4, h5 {
        margin: 0;
    }
}

/* Breadcrumbs */
.mud-breadcrumb-item > a {
    color: var(--devportal-grey-04)
}

.mud-breadcrumb-item.mud-disabled > a {
    text-decoration: none;
    color: var(--devportal-grey-04);
}

.mud-breadcrumbs {
    margin-bottom: 1rem;
    padding: 0;
}

/* Buttons */
.mud-button-filled > * p {
    color: var(--mud-palette-primary-text);
}

.mud-button {
    padding: 0.8rem 2.4rem
}

/* Tables */
.mud-table-head > * th {
    font-family: acid-grotesk-bold, Arial, system-ui;
}

.mud-table-cell {
    padding: 0.857rem 1.142rem 0.857rem 1.142rem;
    line-height: 1.25rem !important;
    border-bottom: 1px solid var(--devportal-grey-03) !important;
    font-size: 1rem;
}

.mud-table-cell:before {
    font-family: acid-grotesk-bold, Arial, system-ui;
}

@media(max-width: 600px) {
    .mud-table-row > .mud-table-cell:last-child {
        border-bottom: none !important;
        padding-bottom: 3rem;
    }
}

@media(max-width: 600px) {
    .single-column-table > * .mud-table-cell:last-child {
        border-bottom: 1px solid var(--devportal-outline-grey) !important;
        padding-bottom: 1.143rem;
    }

    .single-column-table > * .mud-table-row:last-child > .mud-table-cell {
        border-bottom: none !important;
    }
}

@media(min-width: 600px) {
    .mud-table-body > .mud-table-row:last-child > .mud-table-cell {
        border-bottom: none !important;
    }
}

/* Appbar */
.mud-toolbar-appbar {
    padding: 0;
}

.mud-appbar {
    height: var(--devportal-top-bar-height);
}

.mud-appbar > .mud-toolbar {
    height: var(--devportal-top-bar-height);
}

/* Chip */
.mud-chip {
    border-radius: 4px !important;
    padding: 0.071rem 0.286rem 0.071rem 0.286rem;
    height: 1.2rem !important;
    color: white;
    margin: 0;
}

.mud-chip-content {
    font-size: 0.75rem;
}

/* Tabs */
.mud-tabs {
    height: 100%;
    transition: height 0.5s
}

.mud-tabs-panels {
    background-color: var(--mud-palette-surface);
    padding: 1.426rem;
}

.mud-tabs-tabbar {
    border-bottom: 1px solid var(--devportal-outline-grey);
}

.mud-tabs-tabbar-inner {
    min-height: 2.5rem !important
}

.mud-tab {
    line-height: 0;
    min-height: 2.5rem
}

.mud-tab > p {
    text-transform: none;
}

.mud-tab-slider {
    height: 2px;
}

.component-category-header {
    margin-top: 2.5rem;
    margin-bottom: 0.714rem;
}

.mud-tab-active > p {
    font-family: acid-grotesk-bold, Arial, system-ui;
    color: var(--devportal-akkuro-marine)
}

/* Http method chip */
.http-operation-chip {
    background-color: var(--devportal-grey-05);
    text-transform: uppercase;
}

.http-operation-chip.http-method-post {
    background-color: var(--devportal-http-method-post)
}

.http-operation-chip.http-method-get {
    background-color: var(--devportal-http-method-get)
}

.http-operation-chip.http-method-put {
    background-color: var(--devportal-http-method-put)
}

.http-operation-chip.http-method-delete {
    background-color: var(--devportal-http-method-delete)
}

.mud-nav-link .mud-nav-link-text {
    margin-inline-start: 0.5rem;
}

.mud-nav-link-icon {
    margin-right: 4px;
    margin-top: 1.5px;
}