.portlet-body {
    padding: 30px !important;
}

/* btn-collapse - filter toggle button on mobile */
.btn-collapse {
    background-image: url(../images/ng/icons/white/w_right.webp);
    background-position: right 0.75rem center;
    background-size: 0.75rem;
    background-repeat: no-repeat;
}

.btn-collapse.collapsed {
    background-image: url(../images/ng/icons/white/w_down.webp);
}

/* -border-bottom-lg-0 — removes border-bottom on MOBILE only (for table-card layout) */
@media (max-width: 991px) {
    .-border-bottom-lg-0 {
        border-bottom: 0 !important;
    }
}

/* btn-lg-primary - primary button style on desktop */
@media (min-width: 992px) {
    .btn-lg-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: var(--color-primary);
        --bs-btn-border-color: var(--color-primary);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--color-primary-dark);
        --bs-btn-hover-border-color: var(--color-primary-dark);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--color-primary-dark);
        --bs-btn-active-border-color: var(--color-primary-dark);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: var(--color-primary);
        --bs-btn-disabled-border-color: var(--color-primary);
    }
}

/* Kalkulace filter grid */
.calculations-filter-grid-columns {
    grid-template-columns: 1fr;
}

@media (min-width: 992px) {
    .calculations-filter-grid-columns {
        grid-template-columns: repeat(7, 2fr) min-content;
    }
}

/* DataTables footer (info + pagination + length) */
.dt-table-footer {
    border-top: 1px solid var(--bs-border-color);
    margin-top: 0.25rem;
    padding-top: 0.5rem;
}

/* DataTables length select - styled as Bootstrap outline-secondary button */
.dt-table-footer .dt-length select,
.dt-table-footer select {
    display: inline-block;
    width: auto;
    padding: 0.25rem 2rem 0.25rem 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-secondary-color);
    background-color: transparent;
    border: 1px solid var(--bs-secondary-color);
    border-radius: var(--bs-border-radius-sm);
    appearance: auto;
    cursor: pointer;
}

.dt-table-footer .dt-paging .pagination {
    margin-bottom: 0;
}

.dt-table-footer .dt-paging nav {
    display: flex;
    justify-content: center;
}

.dt-table-footer .dt-info {
    font-size: 0.875rem;
}

/* agl_modal — full-width layout without image */
.agl_modal .modal-dialog {
    max-width: 520px;
}
.agl_modal .right-wrap {
    padding: 1.5rem;
}
.agl_modal h2.header-h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.agl_modal .right-content-title-pattern {
    display: none;
}

/* icon-add — plus/add SVG icon (not in bundle.css) */
.icon-add {
    mask: url(/images/ng/icons/svg/add.svg) no-repeat center/contain;
    -webkit-mask: url(/images/ng/icons/svg/add.svg) no-repeat center/contain;
}

/* icon-refresh — circular arrow / sync icon */
.icon-refresh {
    mask: url(/images/ng/icons/svg/refresh.svg) no-repeat center/contain;
    -webkit-mask: url(/images/ng/icons/svg/refresh.svg) no-repeat center/contain;
}

/* Fix: DataTables 2.x applies columnDefs className to <th> as well.
   text-primary (orange) on thead.table-dark (orange bg) = invisible text. */
thead.table-dark th {
    color: #fff !important;
}