/*
 * UBUZIMA+ FINANCE
 * F11B R1.1 — Fixed Assets dedicated Accounting page.
 *
 * Scope is limited to the Fixed Assets Accounting controls and page.
 */

[data-aquila-fixed-assets-tab="1"] {
    white-space: nowrap;
}

[data-aquila-fixed-assets-tab="1"].aquila-f11b-active,
[data-aquila-fixed-assets-tab="1"][aria-selected="true"] {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

[data-aquila-fixed-assets-page="1"] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin-top: 18px;
    padding: 0;
    color: #0f172a;
}

[data-aquila-fixed-assets-page="1"] *,
[data-aquila-fixed-assets-page="1"] *::before,
[data-aquila-fixed-assets-page="1"] *::after {
    box-sizing: border-box;
}

[data-aquila-fixed-assets-page="1"] .f11b-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

[data-aquila-fixed-assets-page="1"] .f11b-title-wrap {
    min-width: 0;
}

[data-aquila-fixed-assets-page="1"] .f11b-eyebrow {
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #64748b;
}

[data-aquila-fixed-assets-page="1"] .f11b-title {
    margin: 0;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 750;
    color: #0f172a;
}

[data-aquila-fixed-assets-page="1"] .f11b-subtitle {
    max-width: 760px;
    margin: 7px 0 0;
    font-size: 14px;
    line-height: 1.55;
    color: #64748b;
}

[data-aquila-fixed-assets-page="1"] .f11b-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

[data-aquila-fixed-assets-page="1"] .f11b-btn {
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}

[data-aquila-fixed-assets-page="1"] .f11b-btn:hover {
    background: #f8fafc;
}

[data-aquila-fixed-assets-page="1"] .f11b-btn--primary {
    border-color: #0f172a;
    background: #0f172a;
    color: #ffffff;
}

[data-aquila-fixed-assets-page="1"] .f11b-btn--primary:hover {
    background: #1e293b;
}

[data-aquila-fixed-assets-page="1"] .f11b-btn:disabled {
    cursor: not-allowed;
    opacity: .55;
}

[data-aquila-fixed-assets-page="1"] .f11b-notice {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0 0 16px;
    padding: 11px 13px;
    border: 1px solid #fde68a;
    border-radius: 9px;
    background: #fffbeb;
    color: #92400e;
    font-size: 13px;
    line-height: 1.5;
}

[data-aquila-fixed-assets-page="1"] .f11b-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

[data-aquila-fixed-assets-page="1"] .f11b-card {
    min-width: 0;
    padding: 15px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
}

[data-aquila-fixed-assets-page="1"] .f11b-card-label {
    margin: 0 0 7px;
    font-size: 12px;
    font-weight: 650;
    color: #64748b;
}

[data-aquila-fixed-assets-page="1"] .f11b-card-value {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 750;
    color: #0f172a;
}

[data-aquila-fixed-assets-page="1"] .f11b-section {
    margin-top: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

[data-aquila-fixed-assets-page="1"] .f11b-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

[data-aquila-fixed-assets-page="1"] .f11b-section-title {
    margin: 0;
    font-size: 15px;
    font-weight: 750;
    color: #0f172a;
}

[data-aquila-fixed-assets-page="1"] .f11b-section-caption {
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 1.45;
    color: #64748b;
}

[data-aquila-fixed-assets-page="1"] .f11b-form {
    padding: 16px;
}

[data-aquila-fixed-assets-page="1"] .f11b-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

[data-aquila-fixed-assets-page="1"] .f11b-field {
    min-width: 0;
}

[data-aquila-fixed-assets-page="1"] .f11b-field--wide {
    grid-column: span 2;
}

[data-aquila-fixed-assets-page="1"] .f11b-field--full {
    grid-column: 1 / -1;
}

[data-aquila-fixed-assets-page="1"] .f11b-label {
    display: block;
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 650;
    color: #475569;
}

[data-aquila-fixed-assets-page="1"] .f11b-input,
[data-aquila-fixed-assets-page="1"] .f11b-select,
[data-aquila-fixed-assets-page="1"] .f11b-textarea {
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    outline: none;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
    font-size: 13px;
}

[data-aquila-fixed-assets-page="1"] .f11b-textarea {
    min-height: 84px;
    resize: vertical;
}

[data-aquila-fixed-assets-page="1"] .f11b-input:focus,
[data-aquila-fixed-assets-page="1"] .f11b-select:focus,
[data-aquila-fixed-assets-page="1"] .f11b-textarea:focus {
    border-color: #64748b;
    box-shadow: 0 0 0 2px rgba(100, 116, 139, .12);
}

[data-aquila-fixed-assets-page="1"] .f11b-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

[data-aquila-fixed-assets-page="1"] .f11b-table-wrap {
    width: 100%;
    overflow-x: auto;
}

[data-aquila-fixed-assets-page="1"] .f11b-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    font-size: 12.5px;
}

[data-aquila-fixed-assets-page="1"] .f11b-table th {
    padding: 10px 12px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    text-align: left;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .025em;
    color: #64748b;
}

[data-aquila-fixed-assets-page="1"] .f11b-table td {
    padding: 11px 12px;
    border-bottom: 1px solid #edf2f7;
    vertical-align: top;
    color: #334155;
}

[data-aquila-fixed-assets-page="1"] .f11b-table tbody tr:last-child td {
    border-bottom: 0;
}

[data-aquila-fixed-assets-page="1"] .f11b-asset-name {
    display: block;
    font-weight: 700;
    color: #0f172a;
}

[data-aquila-fixed-assets-page="1"] .f11b-muted {
    display: block;
    margin-top: 2px;
    color: #94a3b8;
    font-size: 11px;
}

[data-aquila-fixed-assets-page="1"] .f11b-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    font-weight: 650;
    white-space: nowrap;
}

[data-aquila-fixed-assets-page="1"] .f11b-inline-btn {
    border: 0;
    padding: 0;
    background: transparent;
    color: #0f172a;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

[data-aquila-fixed-assets-page="1"] .f11b-empty,
[data-aquila-fixed-assets-page="1"] .f11b-loading,
[data-aquila-fixed-assets-page="1"] .f11b-error {
    padding: 28px 18px;
    text-align: center;
    font-size: 13px;
    line-height: 1.55;
    color: #64748b;
}

[data-aquila-fixed-assets-page="1"] .f11b-error {
    color: #991b1b;
}

[data-aquila-fixed-assets-page="1"] .f11b-detail-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
}

[data-aquila-fixed-assets-page="1"] .f11b-detail-item {
    min-width: 0;
}

[data-aquila-fixed-assets-page="1"] .f11b-detail-label {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 650;
    color: #64748b;
}

[data-aquila-fixed-assets-page="1"] .f11b-detail-value {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 650;
    color: #0f172a;
}

@media (max-width: 1100px) {
    [data-aquila-fixed-assets-page="1"] .f11b-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-aquila-fixed-assets-page="1"] .f11b-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-aquila-fixed-assets-page="1"] .f11b-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    [data-aquila-fixed-assets-page="1"] {
        margin-top: 12px;
    }

    [data-aquila-fixed-assets-page="1"] .f11b-header {
        flex-direction: column;
        align-items: stretch;
    }

    [data-aquila-fixed-assets-page="1"] .f11b-actions {
        justify-content: flex-start;
    }

    [data-aquila-fixed-assets-page="1"] .f11b-summary,
    [data-aquila-fixed-assets-page="1"] .f11b-form-grid,
    [data-aquila-fixed-assets-page="1"] .f11b-detail-grid {
        grid-template-columns: 1fr;
    }

    [data-aquila-fixed-assets-page="1"] .f11b-field--wide,
    [data-aquila-fixed-assets-page="1"] .f11b-field--full {
        grid-column: auto;
    }

    [data-aquila-fixed-assets-page="1"] .f11b-section-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* AQUILA_FINANCE_F11B_R1_2_TRUE_DEDICATED_PAGE */

.acct-workspace[data-aquila-accounting-canonical-workspace="1"]
[data-aquila-fixed-assets-dedicated-hidden="1"] {
    display: none !important;
}

.acct-workspace[data-aquila-accounting-canonical-workspace="1"]
[data-aquila-fixed-assets-dedicated="1"]
[data-aquila-fixed-assets-page="1"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* AQUILA_FINANCE_F11B_R1_4_MODAL */

/*
 * The existing Add Asset section remains owned by the Fixed Assets page.
 * When hidden=false it becomes a centered modal card.
 *
 * No global body/root/module selectors are used.
 */

[data-aquila-fixed-assets-page="1"]
[data-f11b-form-section]:not([hidden]) {
    position: fixed !important;

    top: 50% !important;
    left: 50% !important;

    width: min(
        960px,
        calc(100vw - 40px)
    ) !important;

    max-height: calc(
        100vh - 40px
    ) !important;

    max-height: calc(
        100dvh - 40px
    ) !important;

    margin: 0 !important;

    transform: translate(
        -50%,
        -50%
    ) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    overscroll-behavior: contain;

    z-index: 2147483000 !important;

    border: 1px solid #cbd5e1 !important;

    border-radius: 14px !important;

    background: #ffffff !important;

    box-shadow:
        0 0 0 100vmax rgba(15, 23, 42, .42),
        0 28px 70px rgba(15, 23, 42, .28) !important;
}

[data-aquila-fixed-assets-page="1"]
[data-f11b-form-section]:not([hidden])
.f11b-section-head {
    position: sticky;

    top: 0;

    z-index: 3;

    margin: 0;

    padding: 17px 20px;

    border-bottom: 1px solid #e2e8f0;

    background: #f8fafc;
}

[data-aquila-fixed-assets-page="1"]
[data-f11b-form-section]:not([hidden])
.f11b-section-title {
    font-size: 17px;
}

[data-aquila-fixed-assets-page="1"]
[data-f11b-form-section]:not([hidden])
.f11b-form {
    padding: 20px;
}

[data-aquila-fixed-assets-page="1"]
[data-f11b-form-section]:not([hidden])
.f11b-form-actions {
    position: sticky;

    bottom: -20px;

    z-index: 2;

    margin:
        20px -20px -20px;

    padding: 14px 20px;

    border-top: 1px solid #e2e8f0;

    background: #ffffff;
}

@media (max-width: 767px) {

    [data-aquila-fixed-assets-page="1"]
    [data-f11b-form-section]:not([hidden]) {
        top: 8px !important;
        right: 8px !important;
        bottom: auto !important;
        left: 8px !important;

        width: auto !important;

        max-height: calc(
            100vh - 16px
        ) !important;

        max-height: calc(
            100dvh - 16px
        ) !important;

        transform: none !important;

        border-radius: 12px !important;
    }

    [data-aquila-fixed-assets-page="1"]
    [data-f11b-form-section]:not([hidden])
    .f11b-form {
        padding: 16px;
    }

    [data-aquila-fixed-assets-page="1"]
    [data-f11b-form-section]:not([hidden])
    .f11b-form-actions {
        bottom: -16px;

        margin:
            16px -16px -16px;

        padding:
            12px 16px;
    }
}

/* BEGIN AQUILA_FINANCE_F11D_B_FIXED_ASSET_REPORTS_UI_R1_2_POPUP */


[data-f11d-reports-root] {
    position:
        fixed;

    z-index:
        2147482000;

    top:
        50%;

    left:
        50%;

    width:
        min(
            1180px,
            calc(100vw - 32px)
        );

    max-height:
        calc(100vh - 32px);

    margin:
        0;

    padding:
        22px;

    overflow:
        auto;

    overscroll-behavior:
        contain;

    transform:
        translate(
            -50%,
            -50%
        );

    border:
        1px solid
        #dbe2ea;

    border-radius:
        16px;

    background:
        #ffffff;

    box-shadow:
        0 0 0 100vmax
        rgba(15, 23, 42, 0.48),
        0 24px 70px
        rgba(15, 23, 42, 0.28);

    color:
        #172033;
}


[data-f11d-reports-root][hidden] {
    display:
        none !important;
}

body.f11d-modal-open {
    overflow:
        hidden;
}

[data-f11d-reports-root]
.f11d-heading {
    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        18px;

    margin-bottom:
        18px;
}

[data-f11d-reports-root]
.f11d-heading h3 {
    margin:
        4px 0 5px;

    font-size:
        20px;

    line-height:
        1.25;

    font-weight:
        750;

    color:
        #172033;
}

[data-f11d-reports-root]
.f11d-heading p {
    max-width:
        720px;

    margin:
        0;

    font-size:
        13px;

    line-height:
        1.55;

    color:
        #64748b;
}

[data-f11d-reports-root]
.f11d-eyebrow {
    display:
        inline-block;

    font-size:
        11px;

    font-weight:
        750;

    letter-spacing:
        0.06em;

    text-transform:
        uppercase;

    color:
        #64748b;
}

[data-f11d-reports-root]
.f11d-tabs {
    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    margin:
        0 0 16px;

    padding:
        5px;

    overflow-x:
        auto;

    border:
        1px solid
        #e2e8f0;

    border-radius:
        11px;

    background:
        #f8fafc;
}

[data-f11d-reports-root]
.f11d-tab {
    flex:
        0 0 auto;

    min-height:
        35px;

    padding:
        7px 12px;

    border:
        1px solid
        transparent;

    border-radius:
        8px;

    background:
        transparent;

    color:
        #475569;

    font:
        inherit;

    font-size:
        12px;

    font-weight:
        650;

    cursor:
        pointer;
}

[data-f11d-reports-root]
.f11d-tab:hover {
    background:
        #ffffff;

    color:
        #172033;
}

[data-f11d-reports-root]
.f11d-tab.is-active {
    border-color:
        #cbd5e1;

    background:
        #ffffff;

    color:
        #172033;

    box-shadow:
        0 1px 3px
        rgba(15, 23, 42, 0.08);
}

[data-f11d-reports-root]
.f11d-tab:disabled {
    cursor:
        wait;

    opacity:
        0.65;
}

[data-f11d-reports-root]
.f11d-filters {
    margin-bottom:
        14px;

    padding:
        14px;

    border:
        1px solid
        #e2e8f0;

    border-radius:
        11px;

    background:
        #fbfcfe;
}

[data-f11d-reports-root]
.f11d-filter-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap:
        10px;
}

[data-f11d-reports-root]
.f11d-filter {
    display:
        flex;

    flex-direction:
        column;

    gap:
        5px;

    min-width:
        0;
}

[data-f11d-reports-root]
.f11d-filter span {
    font-size:
        11px;

    font-weight:
        700;

    color:
        #475569;
}

[data-f11d-reports-root]
.f11d-filter input,
[data-f11d-reports-root]
.f11d-filter select {
    width:
        100%;

    min-height:
        37px;

    padding:
        8px 10px;

    border:
        1px solid
        #cbd5e1;

    border-radius:
        8px;

    outline:
        none;

    background:
        #ffffff;

    color:
        #172033;

    font:
        inherit;

    font-size:
        12px;
}

[data-f11d-reports-root]
.f11d-filter input:focus,
[data-f11d-reports-root]
.f11d-filter select:focus {
    border-color:
        #64748b;

    box-shadow:
        0 0 0 2px
        rgba(100, 116, 139, 0.12);
}

[data-f11d-reports-root]
.f11d-filter-actions {
    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        12px;
}

[data-f11d-reports-root]
.f11d-button {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        36px;

    padding:
        7px 12px;

    border:
        1px solid
        #cbd5e1;

    border-radius:
        8px;

    background:
        #ffffff;

    color:
        #334155;

    font:
        inherit;

    font-size:
        12px;

    font-weight:
        700;

    cursor:
        pointer;
}

[data-f11d-reports-root]
.f11d-button:hover:not(:disabled) {
    border-color:
        #94a3b8;

    background:
        #f8fafc;
}

[data-f11d-reports-root]
.f11d-button--primary {
    border-color:
        #991a21;

    background:
        #991a21;

    color:
        #ffffff;
}

[data-f11d-reports-root]
.f11d-button--primary:hover:not(:disabled) {
    border-color:
        #7d151b;

    background:
        #7d151b;

    color:
        #ffffff;
}

[data-f11d-reports-root]
.f11d-button:disabled {
    cursor:
        not-allowed;

    opacity:
        0.5;
}

[data-f11d-reports-root]
.f11d-notice {
    min-height:
        18px;

    margin-bottom:
        8px;

    font-size:
        11px;

    line-height:
        1.45;

    color:
        #64748b;
}

[data-f11d-reports-root]
.f11d-notice[data-tone="success"] {
    color:
        #166534;
}

[data-f11d-reports-root]
.f11d-notice[data-tone="error"] {
    color:
        #991b1b;
}

[data-f11d-reports-root]
.f11d-summary-cards {
    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap:
        10px;

    margin-bottom:
        12px;
}

[data-f11d-reports-root]
.f11d-summary-card {
    min-width:
        0;

    padding:
        13px;

    border:
        1px solid
        #e2e8f0;

    border-radius:
        10px;

    background:
        #ffffff;
}

[data-f11d-reports-root]
.f11d-summary-card span {
    display:
        block;

    margin-bottom:
        6px;

    font-size:
        11px;

    color:
        #64748b;
}

[data-f11d-reports-root]
.f11d-summary-card strong {
    display:
        block;

    overflow:
        hidden;

    font-size:
        18px;

    font-weight:
        760;

    color:
        #172033;

    text-overflow:
        ellipsis;
}

[data-f11d-reports-root]
.f11d-currencies {
    display:
        grid;

    gap:
        10px;
}

[data-f11d-reports-root]
.f11d-currency-card {
    padding:
        14px;

    border:
        1px solid
        #e2e8f0;

    border-radius:
        11px;

    background:
        #ffffff;
}

[data-f11d-reports-root]
.f11d-currency-head {
    display:
        flex;

    align-items:
        baseline;

    justify-content:
        space-between;

    gap:
        10px;

    margin-bottom:
        12px;
}

[data-f11d-reports-root]
.f11d-currency-head strong {
    font-size:
        14px;

    color:
        #172033;
}

[data-f11d-reports-root]
.f11d-currency-head span {
    font-size:
        11px;

    color:
        #64748b;
}

[data-f11d-reports-root]
.f11d-currency-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap:
        9px;
}

[data-f11d-reports-root]
.f11d-currency-grid > div {
    min-width:
        0;

    padding:
        10px;

    border:
        1px solid
        #edf1f5;

    border-radius:
        8px;

    background:
        #fbfcfe;
}

[data-f11d-reports-root]
.f11d-currency-grid span {
    display:
        block;

    margin-bottom:
        5px;

    font-size:
        10px;

    line-height:
        1.35;

    color:
        #64748b;
}

[data-f11d-reports-root]
.f11d-currency-grid strong {
    display:
        block;

    overflow-wrap:
        anywhere;

    font-size:
        12px;

    line-height:
        1.4;

    color:
        #172033;
}

[data-f11d-reports-root]
.f11d-table-wrap {
    width:
        100%;

    overflow-x:
        auto;

    border:
        1px solid
        #e2e8f0;

    border-radius:
        10px;

    background:
        #ffffff;
}

[data-f11d-reports-root]
.f11d-table {
    width:
        100%;

    min-width:
        940px;

    border-collapse:
        collapse;

    font-size:
        11px;
}

[data-f11d-reports-root]
.f11d-table th {
    padding:
        10px;

    border-bottom:
        1px solid
        #dbe2ea;

    background:
        #f8fafc;

    color:
        #475569;

    font-weight:
        750;

    text-align:
        left;

    white-space:
        nowrap;
}

[data-f11d-reports-root]
.f11d-table td {
    padding:
        10px;

    border-bottom:
        1px solid
        #edf1f5;

    color:
        #334155;

    vertical-align:
        top;

    white-space:
        nowrap;
}

[data-f11d-reports-root]
.f11d-table tbody tr:last-child td {
    border-bottom:
        0;
}

[data-f11d-reports-root]
.f11d-table tbody tr:hover {
    background:
        #fbfcfe;
}

[data-f11d-reports-root]
.f11d-pagination {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    margin-top:
        10px;

    font-size:
        11px;

    color:
        #64748b;
}

[data-f11d-reports-root]
.f11d-pagination > div {
    display:
        flex;

    gap:
        6px;
}

[data-f11d-reports-root]
.f11d-loading,
[data-f11d-reports-root]
.f11d-empty,
[data-f11d-reports-root]
.f11d-error {
    padding:
        20px;

    border:
        1px solid
        #e2e8f0;

    border-radius:
        10px;

    background:
        #fbfcfe;

    font-size:
        12px;

    line-height:
        1.5;

    color:
        #64748b;
}

[data-f11d-reports-root]
.f11d-error {
    border-color:
        #fecaca;

    background:
        #fffafa;

    color:
        #991b1b;
}

[data-f11d-reports-root]
.f11d-footnote {
    margin:
        10px 0 0;

    font-size:
        10px;

    line-height:
        1.45;

    color:
        #64748b;
}

@media (max-width: 1024px) {

    [data-f11d-reports-root]
    .f11d-filter-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    [data-f11d-reports-root]
    .f11d-summary-cards,
    [data-f11d-reports-root]
    .f11d-currency-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}

@media (max-width: 768px) {

    [data-f11d-reports-root] {
        width:
            calc(100vw - 20px);

        max-height:
            calc(100vh - 20px);

        padding:
            16px;

        border-radius:
            14px;
    }

    [data-f11d-reports-root]
    .f11d-heading {
        flex-direction:
            column;

        align-items:
            stretch;
    }

    [data-f11d-reports-root]
    .f11d-heading
    .f11d-button {
        align-self:
            flex-start;
    }

    [data-f11d-reports-root]
    .f11d-pagination {
        align-items:
            flex-start;

        flex-direction:
            column;
    }
}

@media (max-width: 430px) {

    [data-f11d-reports-root] {
        width:
            calc(100vw - 12px);

        max-height:
            calc(100vh - 12px);

        padding:
            13px;

        border-radius:
            12px;
    }

    [data-f11d-reports-root]
    .f11d-filter-grid,
    [data-f11d-reports-root]
    .f11d-summary-cards,
    [data-f11d-reports-root]
    .f11d-currency-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    [data-f11d-reports-root]
    .f11d-filter-actions {
        align-items:
            stretch;

        flex-direction:
            column;
    }

    [data-f11d-reports-root]
    .f11d-filter-actions
    .f11d-button {
        width:
            100%;
    }

    [data-f11d-reports-root]
    .f11d-heading h3 {
        font-size:
            18px;
    }
}

/* END AQUILA_FINANCE_F11D_B_FIXED_ASSET_REPORTS_UI_R1_2_POPUP */