/* =====================================================================
   responsive-1024.css  (breakpoint: 1300px)
   Tightens UI density on screens 1300px and below to match the compact
   target design — applied ACROSS THE WHOLE APPLICATION.
   Link this AFTER Shared.css (and all page CSS) so it overrides.
   Nothing here applies above 1300px.
   ===================================================================== */

/* =====================================================================
   responsive-1300-compact.css
   Auto-generated from the application's own stylesheets.
   Every class rule that declares font-size / padding has been copied
   here with each px value reduced by 2 (clamped at 0), scoped to
   screens 1300px and below. Duplicate selectors were merged into a
   single block, keeping the value that wins in the original cascade
   (index.html <link> order).

   Link this LAST in index.html, after responsive-1024.css.
   ===================================================================== */

/* =====================================================================
   responsive-1300-compact.css
   Auto-generated from the application's own stylesheets.
   Every class rule that declares font-size / padding has been copied
   here with each px value reduced by 2 (clamped at 0), scoped to
   screens 1300px and below. Duplicate selectors were merged into a
   single block, keeping the value that wins in the original cascade
   (index.html <link> order).

   Link this LAST in index.html, after responsive-1024.css.
   ===================================================================== */

@media (max-width: 1300px) {

    /* ---------------- from Shared.css ---------------- */

    .app-sidebar-brand {
        padding: 0 16px;
    }

    .app-sidebar-brand-mark {
        font-size: 13px;
    }

    .app-sidebar-brand-text .name {
        font-size: 12.5px;
    }

    .app-sidebar-brand-text .sub {
        font-size: 8px;
    }

    .app-sidebar-nav {
        padding: 8px 10px 18px;
    }

    .app-sidebar-nav-title {
        font-size: 8px;
        padding: 12px 8px 4px;
    }

    .app-nav-item {
        padding: 7px 8px;
        font-size: 11.5px;
    }

        .app-nav-item .icon {
            font-size: 14px;
        }

        .app-nav-item .label {
            font-size: 12px;
        }

        .app-nav-item .badge-pill {
            font-size: 8.5px;
            padding: 0px 5px;
        }

    .app-sidebar-footer {
        padding: 10px;
    }

    .app-sidebar-collapse {
        padding: 6px 8px;
        font-size: 10.5px;
    }

    .app-header {
        padding: 0 12px;
    }

    .app-breadcrumb {
        font-size: 11px;
    }

        .app-breadcrumb i {
            font-size: 11px;
        }

    .app-search {
        padding: 0 10px;
        font-size: 11px;
    }

        .app-search kbd {
            font-size: 8.5px;
            padding: 0px 3px;
        }

    .app-btn-primary {
        padding: 0 12px;
        font-size: 11px;
    }

    .app-icon-btn {
        font-size: 15px;
    }

    .app-profile-btn {
        padding: 2px 6px 2px 2px;
    }

    .app-avatar {
        font-size: 10.5px;
    }

    .app-profile-text .name {
        font-size: 10.5px;
    }

    .app-profile-text .role {
        font-size: 8.5px;
    }

    .app-dropdown-head {
        padding: 12px 14px;
    }

        .app-dropdown-head .title {
            font-size: 12px;
        }

        .app-dropdown-head .action {
            font-size: 9px;
        }

    .app-notif-row {
        padding: 10px 14px;
    }

    .app-notif-title {
        font-size: 10.5px;
    }

    .app-notif-time {
        font-size: 9.5px;
    }

    .app-profile-panel-head {
        padding: 12px 14px;
    }

        .app-profile-panel-head .name {
            font-size: 11px;
        }

        .app-profile-panel-head .email {
            font-size: 9px;
        }

    .app-profile-menu {
        padding: 4px;
    }

    .app-profile-menu-item {
        padding: 6px 8px;
        font-size: 11px;
    }

    .app-content {
        padding: 6px 14px 46px;
    }

    .page-header-kicker {
        font-size: 9px;
    }

    .page-header-title {
        font-size: 25px;
    }

    .page-header-desc {
        font-size: 11.5px;
    }

    .chip-btn {
        padding: 0 12px;
        font-size: 10.5px;
    }

    .live-pill {
        font-size: 8.5px;
        padding: 0px 6px;
    }

    .mf-card-pad {
        padding: 16px 17px;
    }

    .module-placeholder {
        padding: 78px 22px;
    }

        .module-placeholder .icon {
            font-size: 22px;
        }

    .app-btn-primary i, .chip-btn i, .dash-link-btn i, .app-sidebar-collapse .icon i {
        font-size: 13px;
    }

    .app-notif-icon i {
        font-size: 13px;
    }

    .app-profile-menu-item i {
        font-size: 13px;
    }

    .module-placeholder h2 {
        font-size: 17px;
    }

    .module-placeholder p {
        font-size: 11.5px;
    }

    .erp-grid label {
        font-size: 10px;
    }

    .erp-ctl {
        padding: 6px 8px;
        font-size: 11px;
    }

    textarea.erp-ctl {
        padding: 9px 11px;
    }

    select.erp-ctl {
        padding-right: 6px;
    }

    .erp-help {
        font-size: 9px;
    }

    .mf-modal-header {
        padding: 8px 12px;
    }

    .mf-modal-kicker {
        font-size: 8.5px;
    }

    .mf-modal-title {
        font-size: 16px;
    }

    .mf-modal-sub {
        font-size: 10.5px;
    }

    .mf-modal-close {
        font-size: 11px;
    }

    .mf-modal-body {
        padding: 8px 22px;
    }

    .mf-modal-footer {
        padding: 3px 22px;
    }

    .mf-modal-btn-cancel {
        padding: 0 16px;
        font-size: 11px;
    }

    .mf-form-actions {
        padding-top: 16px;
    }

    .gmd-kpi-card {
        padding: 11px 13px;
    }

    .gmd-kpi-label {
        font-size: 9px;
    }

    .gmd-kpi-value {
        font-size: 16px;
    }

    .gmd-kpi-sub {
        font-size: 9px;
    }

    .gmd-actions-label {
        font-size: 9px;
    }

    .gmd-action-card {
        padding: 11px 13px;
    }

    .gmd-action-icon {
        font-size: 15px;
    }

    .gmd-action-title {
        font-size: 11.5px;
    }

    .gmd-action-desc {
        font-size: 9.5px;
    }

    .gmd-action-chevron {
        font-size: 13px;
    }

    .gmd-chart-card {
        padding: 16px 17px;
    }

    .gmd-chart-title {
        font-size: 13px;
    }

    .gmd-chart-sub {
        font-size: 10px;
    }

    .gmd-table-head {
        padding: 14px 17px 10px;
    }

        .gmd-table-head h3 {
            font-size: 13px;
        }

    .gmd-table-updated {
        font-size: 10px;
    }

    .gmd-table {
        font-size: 10.5px;
    }

        .gmd-table thead th {
            font-size: 8.5px;
            padding: 7px 14px;
        }

        .gmd-table tbody td {
            padding: 9px 14px;
        }

    .app-boot-text {
        font-size: 11px;
    }

    .erp-label {
        font-size: 11px;
    }

    

    .form-control {
        padding: 3px 6px;
    }

    .form-select {
        padding: 3px 6px;
    }

    .form-title h5 {
        font-size: 16px;
    }

    /* ---------------- from Members.css ---------------- */

    .list-filter-bar {
        padding: 9px 11px;
    }

    /* ---------------- from Shared.css ---------------- */

    .modal-cus-header .app-sidebar-brand-mark i {
        font-size: 11px;
    }


    .app-sidebar {
        transition: width .18s ease;
    }

        .app-sidebar.collapsed {
            width: 72px;
        }

            .app-sidebar.collapsed .app-sidebar-brand-text,
            .app-sidebar.collapsed .app-nav-item .label,
            .app-sidebar.collapsed .app-sidebar-nav-title,
            .app-sidebar.collapsed .app-nav-item .badge-pill,
            .app-sidebar.collapsed .app-sidebar-collapse .label {
                display: none;
            }

            .app-sidebar.collapsed .app-nav-item,
            .app-sidebar.collapsed .app-sidebar-collapse {
                justify-content: center;
                gap: 0;
                padding-left: 0;
                padding-right: 0;
            }

            .app-sidebar.collapsed .app-sidebar-brand {
                justify-content: center;
                padding: 0;
            }

            .app-sidebar.collapsed .app-sidebar-collapse .icon {
                margin: 0;
            }

    .app-hamburger {
        flex: 0 0 auto;
    }

    html {
        font-size: 12.5px;
    }

    .page-header-title, .Main-page-title {
        font-size: 20px;
    }

    .list-table th, .list-table td {
        font-size: 10.5px;
    }

    /* ---------------- from Dashboard.css ---------------- */

    .dash-kpi-card {
        padding: 14px 15px;
    }

    .dash-kpi-label {
        font-size: 10px;
    }

    .dash-kpi-icon {
        font-size: 13px;
    }

    .dash-kpi-value {
        font-size: 23px;
    }

    .dash-kpi-delta {
        font-size: 9.5px;
    }

    .dash-stat-card {
        padding: 11px 13px;
    }

    .dash-stat-label {
        font-size: 9px;
    }

    .dash-stat-value {
        font-size: 17px;
    }

    .dash-stat-sub {
        font-size: 9px;
    }

    .dash-chart-title {
        font-size: 13px;
    }

    .dash-chart-sub {
        font-size: 10px;
    }

    .dash-chart-legend {
        font-size: 9.5px;
    }

    .dash-chart-value {
        font-size: 24px;
    }

    .dash-chart-value-sub {
        font-size: 10px;
    }

    .dash-donut-center .val {
        font-size: 18px;
    }

    .dash-donut-center .lbl {
        font-size: 8px;
    }

    .dash-donut-legend-row .lbl {
        font-size: 10px;
    }

    .dash-donut-legend-row .pct {
        font-size: 10px;
    }

    .dash-link-btn {
        font-size: 10px;
    }

    .dash-route-row {
        padding: 9px 10px;
    }

    .dash-route-initials {
        font-size: 9px;
    }

    .dash-route-name {
        font-size: 11px;
    }

    .dash-route-sub {
        font-size: 9px;
    }

    .dash-route-progress-label {
        font-size: 9px;
    }

    .dash-route-progress-next {
        font-size: 9px;
    }

    .dash-route-status {
        font-size: 8.5px;
        padding: 1px 7px;
    }

    .dash-approval-row {
        padding: 7px 0;
    }

    .dash-approval-icon {
        font-size: 12px;
    }

    .dash-approval-title {
        font-size: 10.5px;
    }

    .dash-approval-sub {
        font-size: 9px;
    }

    .dash-approval-amount {
        font-size: 10.5px;
    }

    .dash-review-btn {
        font-size: 10.5px;
    }

    .dash-txn-card-head {
        padding: 14px 17px 10px;
    }

    .dash-txn-table {
        font-size: 10.5px;
    }

        .dash-txn-table thead tr {
            font-size: 8.5px;
        }

        .dash-txn-table th {
            padding: 6px 10px;
        }

            .dash-txn-table th:first-child {
                padding-left: 17px;
            }

            .dash-txn-table th:last-child {
                padding-right: 17px;
            }

        .dash-txn-table td {
            padding: 8px 10px;
        }

            .dash-txn-table td:first-child {
                padding-left: 17px;
            }

            .dash-txn-table td:last-child {
                padding-right: 17px;
            }

    .dash-txn-avatar {
        font-size: 8px;
    }

    .dash-txn-type-badge {
        font-size: 9px;
        padding: 0px 6px;
    }

    .badge-pill-count {
        font-size: 9px;
        padding: 0px 7px;
    }

    .dash-activity-body {
        padding-bottom: 14px;
    }

    .dash-activity-text {
        font-size: 10.5px;
    }

    .dash-activity-time {
        font-size: 9px;
    }

    /* ---------------- from Members.css ---------------- */

    .members-kpi-card {
        padding: 12px 14px;
    }

    .members-kpi-icon {
        font-size: 17px;
    }

    .members-kpi-value {
        font-size: 19px;
    }

    .members-kpi-label {
        font-size: 10px;
    }

    .members-kpi-sub {
        font-size: 9px;
    }

    .members-group-icon {
        font-size: 13px;
    }

    .members-group-title {
        font-size: 13px;
    }

    .members-group-desc {
        font-size: 10px;
    }

    .members-action-card {
        padding: 13px 14px;
    }

    .members-action-icon {
        font-size: 17px;
    }

    .members-action-title {
        font-size: 12px;
    }

    .members-action-desc {
        font-size: 9.5px;
    }

    .members-action-chevron {
        font-size: 13px;
    }

    .list-back-link {
        font-size: 10.5px;
    }

        .list-back-link i {
            font-size: 12px;
        }

    .list-kpi-card {
        padding: 13px 15px;
    }

    .list-kpi-icon {
        font-size: 17px;
    }

    .list-kpi-value {
        font-size: 20px;
    }

    .list-kpi-label {
        font-size: 10px;
    }

    .list-kpi-sub {
        font-size: 9px;
    }

    .list-search-box {
        padding: 0 10px;
    }

        .list-search-box i {
            font-size: 12px;
        }

    .list-search-input {
        font-size: 11px;
    }

    .list-filter-select {
        padding: 0 8px;
        font-size: 11px;
    }

    .list-daterange-btn {
        padding: 0 10px;
        font-size: 10.5px;
    }

    .list-clear-btn {
        padding: 0 10px;
        font-size: 10.5px;
    }

    .list-table {
        font-size: 10.5px;
    }

        .list-table thead th {
            font-size: 8.5px;
            padding: 9px 14px;
        }

        .list-table tbody td {
            padding: 9px 14px;
        }

    .list-status-badge {
        font-size: 9px;
        padding: 0px 8px;
    }

    .list-action-btn {
        font-size: 12px;
    }

    .list-empty {
        padding: 42px 22px;
    }

    .list-empty-title {
        font-size: 12px;
    }

    .list-pagination-bar {
        padding: 10px 14px;
    }

    .list-pagination-summary {
        font-size: 10px;
    }

    .list-page-btn {
        padding: 0 10px;
        font-size: 10px;
    }

    .list-page-label {
        font-size: 10px;
    }

    .shg-summary-card {
        padding: 18px 20px;
    }

    .shg-summary-icon {
        font-size: 22px;
    }

    .shg-summary-name {
        font-size: 19px;
    }

    .shg-summary-badge {
        font-size: 9px;
        padding: 0px 8px;
    }

    .shg-summary-meta-label {
        font-size: 10px;
    }

    .shg-summary-meta-value {
        font-size: 12px;
    }

    .shg-summary-progress-row {
        padding-top: 13px;
    }

    .shg-summary-progress-label {
        font-size: 9.5px;
    }

    .shg-tab-bar {
        padding: 3px;
    }

    .shg-tab-btn {
        padding: 6px 14px;
        font-size: 10.5px;
    }

    .shg-info-panel {
        padding: 16px;
    }

        .shg-info-panel h3 {
            font-size: 12px;
        }

    .shg-info-fields label {
        font-size: 10px;
    }

    .shg-gps-placeholder {
        padding: 0 10px;
        font-size: 10px;
    }

        .shg-gps-placeholder i {
            font-size: 12px;
        }

    .shg-soon-badge {
        font-size: 7px;
        padding: 0px 4px;
    }

    .shg-bank-toggle {
        padding: 14px 17px;
    }

    .shg-bank-icon {
        font-size: 13px;
    }

    .shg-bank-title {
        font-size: 12px;
    }

    .shg-bank-sub {
        font-size: 9.5px;
    }

    .shg-bank-body {
        padding: 0 17px 17px;
    }

    .shg-quick-actions {
        padding: 12px;
    }

    .shg-quick-actions-title {
        font-size: 9px;
        padding: 2px 4px 8px;
    }

    .shg-quick-action-item {
        padding: 7px 8px;
        font-size: 10.5px;
    }

        .shg-quick-action-item .left {
            font-size: 13px;
        }

        .shg-quick-action-item .chev {
            font-size: 11px;
        }

    .shg-placeholder-tab {
        padding: 42px 22px;
    }

        .shg-placeholder-tab .title {
            font-size: 12px;
        }

    .shg-tab-card-head {
        padding: 14px 17px 10px;
    }

        .shg-tab-card-head h3 {
            font-size: 13px;
        }

    .shg-tab-card h3 {
        font-size: 13px;
    }

    .shg-small-btn {
        padding: 0 9px;
        font-size: 9.5px;
    }

    .shg-members-table {
        font-size: 10.5px;
    }

        .shg-members-table thead th {
            font-size: 8.5px;
            padding: 8px 10px;
        }

            .shg-members-table thead th:first-child {
                padding-left: 17px;
            }

            .shg-members-table thead th:last-child {
                padding-right: 17px;
            }

        .shg-members-table tbody td {
            padding: 8px 10px;
        }

            .shg-members-table tbody td:first-child {
                padding-left: 17px;
            }

            .shg-members-table tbody td:last-child {
                padding-right: 17px;
            }

    .shg-member-avatar {
        font-size: 9px;
    }

    .shg-member-sub {
        font-size: 8.5px;
    }

    .shg-member-status-badge {
        font-size: 8.5px;
        padding: 0px 7px;
    }

    .shg-member-action-btn {
        font-size: 11px;
    }

    .am-option-card {
        padding: 12px 14px;
    }

        .am-option-card .am-radio-off {
            font-size: 15px;
        }

        .am-option-card .am-radio-on {
            font-size: 15px;
        }

    .am-option-title {
        font-size: 11px;
    }

    .am-option-sub {
        font-size: 9px;
    }

    .am-filter-bar {
        padding: 9px 11px;
    }

    .am-filter-select {
        padding: 0 8px;
        font-size: 11px;
    }

    .am-search-box {
        padding: 0 10px;
    }

        .am-search-box i {
            font-size: 12px;
        }

    .am-search-input {
        font-size: 11px;
    }

    .am-table {
        font-size: 10.5px;
    }

        .am-table thead th {
            font-size: 8.5px;
            padding: 7px 10px;
        }

        .am-table tbody td {
            padding: 7px 10px;
        }

    .am-assigned-note {
        font-size: 8.5px;
    }

    .am-selected-count {
        font-size: 10px;
    }

    .am-new-panel {
        padding: 28px 18px;
    }

    .am-new-icon {
        font-size: 22px;
    }

    .am-new-title {
        font-size: 13px;
    }

    .am-new-desc {
        font-size: 10.5px;
    }

    .shg-share-stat-card {
        padding: 13px 15px;
    }

    .shg-share-stat-label {
        font-size: 9.5px;
    }

    .shg-share-stat-value {
        font-size: 19px;
    }

        .shg-share-stat-value.sm {
            font-size: 15px;
        }

    .shg-share-table {
        font-size: 10.5px;
    }

        .shg-share-table thead th {
            font-size: 8.5px;
            padding: 8px 10px;
        }

            .shg-share-table thead th:first-child {
                padding-left: 17px;
            }

            .shg-share-table thead th:last-child {
                padding-right: 17px;
            }

        .shg-share-table tbody td {
            padding: 8px 10px;
        }

            .shg-share-table tbody td:first-child {
                padding-left: 17px;
            }

            .shg-share-table tbody td:last-child {
                padding-right: 17px;
            }

    .shg-doc-stats span {
        font-size: 9px;
    }

    .shg-doc-row {
        padding: 11px 10px;
    }

    .shg-doc-icon {
        font-size: 14px;
    }

    .shg-doc-name {
        font-size: 11px;
    }

    .shg-doc-meta {
        font-size: 9px;
    }

    .shg-doc-status-badge {
        font-size: 8.5px;
        padding: 0px 8px;
    }

    .shg-doc-action-btn {
        font-size: 12px;
    }

    .shg-doc-upload-btn {
        padding: 0 10px;
        font-size: 9.5px;
    }

    .shg-activity-body {
        padding-bottom: 16px;
    }

    .shg-activity-text {
        font-size: 11px;
    }

    .shg-activity-time {
        font-size: 9px;
    }

    .mp-header {
        padding: 18px 20px;
    }

    .mp-avatar {
        font-size: 22px;
    }

    .mp-name {
        font-size: 21px;
    }

    .mp-mno {
        font-size: 11px;
    }

    .mp-meta-label {
        font-size: 10px;
    }

    .mp-meta-value {
        font-size: 11px;
    }

    .mp-footer-row {
        padding-top: 13px;
    }

    .mp-completion-label {
        font-size: 9.5px;
    }

    .mp-tab-bar {
        padding: 3px;
    }

    .mp-tab-btn {
        padding: 6px 13px;
        font-size: 10.5px;
    }

    .mp-panel {
        padding: 16px 18px;
    }

        .mp-panel h3 {
            font-size: 13px;
        }

    .mp-panel-sub {
        font-size: 10px;
    }

    .mp-doc-card-head {
        padding: 14px 17px 10px;
    }

        .mp-doc-card-head h3 {
            font-size: 13px;
        }

    .mp-doc-row {
        padding: 10px 10px;
    }

    .mp-doc-icon {
        font-size: 13px;
    }

    .mp-doc-name {
        font-size: 11px;
    }

    .mp-doc-ref {
        font-size: 9px;
    }

    .mp-doc-status {
        font-size: 9px;
        padding: 0px 8px;
    }

    .mp-kyc-head h3 {
        font-size: 13px;
    }

    .mp-kyc-status-badge {
        font-size: 9px;
        padding: 1px 9px;
    }

    .mp-kyc-item {
        padding: 10px 12px;
    }

    .mp-kyc-icon {
        font-size: 12px;
    }

    .mp-kyc-label {
        font-size: 10.5px;
    }

    .mp-kyc-value {
        font-size: 10px;
    }

    .mp-history-body {
        padding-bottom: 16px;
    }

    .mp-history-text {
        font-size: 11px;
    }

    .mp-history-time {
        font-size: 9px;
    }

    .kyc-summary-card {
        padding: 12px 14px;
    }

    .kyc-summary-icon {
        font-size: 16px;
    }

    .kyc-summary-value {
        font-size: 18px;
    }

    .kyc-summary-label {
        font-size: 9.5px;
    }

    .kyc-member-head {
        padding: 18px;
    }

    .kyc-member-avatar {
        font-size: 28px;
    }

    .kyc-member-name {
        font-size: 15px;
    }

    .kyc-member-id {
        font-size: 10px;
    }

    .kyc-member-status {
        font-size: 9px;
        padding: 1px 9px;
    }

    .kyc-member-info {
        padding: 14px 16px;
    }

    .kyc-info-title {
        font-size: 9px;
    }

    .kyc-info-row .k {
        font-size: 10px;
    }

    .kyc-info-row .v {
        font-size: 10.5px;
    }

    .kyc-future {
        padding: 12px 16px;
    }

    .kyc-future-title {
        font-size: 9px;
    }

    .kyc-future-item {
        padding: 6px 8px;
    }

    .kyc-future-icon {
        font-size: 10px;
    }

    .kyc-future-label {
        font-size: 9.5px;
    }

    .kyc-future-soon {
        font-size: 7px;
        padding: 0px 4px;
    }

    .kyc-docs-card {
        padding: 16px 18px;
    }

    .kyc-docs-head h3 {
        font-size: 13px;
    }

    .kyc-docs-progress {
        font-size: 9.5px;
    }

    .kyc-doc-preview-icon {
        font-size: 18px;
    }

    .kyc-doc-preview-badge {
        font-size: 8px;
        padding: 0px 6px;
    }

    .kyc-doc-body {
        padding: 9px 11px;
    }

    .kyc-doc-tile-name {
        font-size: 11px;
    }

    .kyc-doc-tile-ref {
        font-size: 9px;
    }

    .kyc-doc-tile-meta {
        font-size: 8.5px;
    }

    .kyc-verify-card {
        padding: 16px 18px;
    }

        .kyc-verify-card h3 {
            font-size: 13px;
        }

    .kyc-decision-title {
        font-size: 9px;
    }

    .kyc-decision-opt {
        padding: 9px 11px;
    }

    .kyc-decision-icon {
        font-size: 11px;
    }

    .kyc-decision-label {
        font-size: 10.5px;
    }

    .kyc-verify-meta .k {
        font-size: 8px;
    }

    .kyc-verify-meta .v {
        font-size: 10.5px;
    }

    .kyc-remarks-label {
        font-size: 10px;
    }

    .kyc-submit-btn {
        font-size: 11.5px;
    }

    .kyc-timeline-card {
        padding: 16px 18px;
    }

        .kyc-timeline-card h3 {
            font-size: 13px;
        }

    .kyc-timeline-dot {
        font-size: 7px;
    }

    .kyc-timeline-label {
        font-size: 10px;
    }

    .kyc-timeline-time {
        font-size: 8.5px;
    }

    .ud-field-label {
        font-size: 10px;
    }

    .ud-extra-field label {
        font-size: 10px;
    }

    .ud-dropzone {
        padding: 28px 18px;
    }

    .ud-dropzone-icon {
        font-size: 18px;
    }

    .ud-dropzone-title {
        font-size: 12px;
    }

    .ud-dropzone-sub {
        font-size: 9.5px;
    }

    .ud-browse-btn {
        padding: 0 14px;
        font-size: 10.5px;
    }

    .ud-file-row {
        padding: 9px 11px;
    }

    .ud-file-icon {
        font-size: 14px;
    }

    .ud-file-name {
        font-size: 11px;
    }

    .ud-file-meta {
        font-size: 9px;
    }

    .ud-file-status {
        font-size: 9px;
        padding: 0px 8px;
    }

    .ud-file-action-btn {
        font-size: 11px;
    }

    .docv-preview {
        font-size: 44px;
    }

    .docv-name {
        font-size: 12.5px;
    }

    .docv-sub {
        font-size: 10px;
    }

    .mf-modal-btn-danger {
        padding: 0 16px;
        font-size: 11px;
    }

    .av-status-flow {
        padding: 18px 20px 14px;
    }

    .av-status-circle {
        font-size: 10.5px;
    }

    .av-status-label {
        font-size: 9px;
    }

    .av-decision-title {
        font-size: 13px;
    }

    .mwd-context-head {
        padding-bottom: 14px;
    }

    .mwd-member-name {
        font-size: 18px;
    }

    .mwd-bal-chip {
        padding: 8px 14px;
    }

    .mwd-bal-label {
        font-size: 8.5px;
    }

    .mwd-bal-value {
        font-size: 16px;
    }

    .mwd-danger {
        font-size: 11px;
    }

    .mwd-action {
        padding: 8px 10px;
        font-size: 11px;
    }

        .mwd-action i {
            font-size: 13px;
        }

    .mwd-eligible-card {
        padding: 14px 16px;
    }

    .mwd-eligible-label {
        font-size: 9px;
    }

    .mwd-eligible-value {
        font-size: 28px;
    }

    .mwd-eligible-sub {
        font-size: 10px;
    }

    /* ---------------- from Savings.css ---------------- */

    .sav-kpi-card {
        padding: 12px 14px;
    }

    .sav-kpi-icon {
        font-size: 17px;
    }

    .sav-kpi-value {
        font-size: 17px;
    }

    .sav-kpi-label {
        font-size: 9.5px;
    }

    .sav-kpi-sub {
        font-size: 9px;
    }

    .sav-section-title {
        font-size: 14px;
    }

    .sav-product-card {
        padding: 16px 17px;
    }

    .sav-product-icon {
        font-size: 20px;
    }

    .sav-product-title {
        font-size: 13px;
    }

    .sav-product-desc {
        font-size: 10px;
    }

    .sav-product-chevron {
        font-size: 14px;
    }

    .sav-txn-card {
        padding: 11px 13px;
    }

    .sav-txn-icon {
        font-size: 14px;
    }

    .sav-txn-title {
        font-size: 11px;
    }

    .sav-master-card {
        padding: 9px 11px;
    }

    .sav-master-icon {
        font-size: 12px;
    }

    .sav-master-title {
        font-size: 10.5px;
    }

    .sav-chart-card {
        padding: 16px 17px;
    }

    .sav-chart-title {
        font-size: 12px;
    }

    .sav-chart-sub {
        font-size: 9.5px;
    }

    .sav-chart-legend {
        font-size: 9px;
    }

    .sav-analytics-card {
        padding: 16px 17px;
    }

        .sav-analytics-card h3 {
            font-size: 12px;
        }

    .sav-dist-top {
        font-size: 10px;
    }

    .sav-interest-sub {
        font-size: 9.5px;
    }

    .sav-maturity-row {
        padding: 6px 8px;
    }

    .sav-maturity-month {
        font-size: 9px;
    }

    .sav-maturity-count {
        font-size: 10px;
    }

    .sav-maturity-sub {
        font-size: 9px;
    }

    .sav-maturity-amount {
        font-size: 10.5px;
    }

    .sav-recent-table {
        font-size: 10.5px;
    }

        .sav-recent-table thead th {
            font-size: 8.5px;
            padding: 9px 10px;
        }

            .sav-recent-table thead th:first-child {
                padding-left: 17px;
            }

            .sav-recent-table thead th:last-child {
                padding-left: 17px;
            }

        .sav-recent-table tbody td {
            padding: 9px 10px;
        }

            .sav-recent-table tbody td:first-child {
                padding-left: 17px;
            }

            .sav-recent-table tbody td:last-child {
                padding-left: 17px;
            }

    .pb-cover-card {
        padding: 16px 18px;
    }

    .pb-cover-label {
        font-size: 8.5px;
    }

    .pb-cover-value {
        font-size: 11.5px;
    }

    .fd-btn-outline {
        padding: 7px 13px;
        font-size: 11px;
    }

    .fd-detail-header {
        padding: 18px 20px;
    }

    .fd-avatar {
        font-size: 15px;
    }

    .fd-avatar-sm {
        font-size: 11px;
    }

    .fd-detail-name {
        font-size: 17px;
    }

    .fd-meta-label {
        font-size: 10px;
    }

    .fd-meta-value {
        font-size: 12px;
    }

    .fd-stat-card {
        padding: 12px 14px;
    }

    .fd-stat-label {
        font-size: 8.5px;
    }

    .fd-stat-value {
        font-size: 14px;
    }

    .fd-progress-block {
        padding: 12px 16px;
    }

    .fd-progress-top {
        font-size: 10.5px;
    }

    .fd-progress-caption {
        font-size: 9.5px;
    }

    .fd-tabs-bar {
        padding: 8px 12px 0;
    }

    .fd-tab-btn {
        padding: 7px 12px;
        font-size: 10.5px;
    }

    .fd-tab-panel {
        padding: 20px;
    }

    .fd-step-num {
        font-size: 9px;
    }

    .fd-step-title {
        font-size: 11.5px;
    }

    .fd-toggle-wrap {
        font-size: 10px;
    }

    .fd-kv-row {
        padding: 9px 13px;
        font-size: 11px;
    }

    .fd-info-tile {
        padding: 10px 12px;
    }

    .fd-info-tile-label {
        font-size: 8px;
    }

    .fd-info-tile-value {
        font-size: 10.5px;
    }

    .fd-panel-head-title {
        font-size: 13px;
    }

    .fd-empty-state {
        padding: 38px 18px;
        font-size: 11px;
    }

    .fd-nominee-card {
        padding: 9px 12px;
    }

    .fd-nominee-name {
        font-size: 11px;
    }

    .fd-nominee-sub {
        font-size: 9.5px;
    }

    .fd-doc-row {
        padding: 10px 2px;
    }

    .fd-doc-name {
        font-size: 11px;
    }

    .fd-doc-link {
        font-size: 10px;
    }

    .fd-timeline {
        padding-left: 2px;
    }

    .fd-timeline-title {
        font-size: 11px;
    }

    .fd-timeline-time {
        font-size: 9px;
    }

    .fd-quick-actions {
        padding: 14px;
    }

    .fd-quick-actions-title {
        font-size: 8.5px;
    }

    .fd-qa-btn {
        padding: 7px 6px;
        font-size: 10.5px;
    }

    .fd-search-section-label {
        font-size: 9px;
    }

    .fd-search-type-toggle {
        padding: 2px;
    }

    .fd-search-type-btn {
        padding: 7px 8px;
        font-size: 10.5px;
    }

    .fd-search-result-row {
        padding: 8px 8px;
    }

    .fd-search-name {
        font-size: 11.5px;
    }

    .fd-search-sub {
        font-size: 9.5px;
    }

    .fd-panel-head-note {
        font-size: 10px;
    }

    .list-page-desc {
        font-size: 10.5px;
    }

    .ledger-account-header {
        padding: 18px 20px;
    }

    .ledger-balance-card {
        padding: 10px 18px;
    }

    .ledger-subtab-btn {
        padding: 7px 16px;
        font-size: 11px;
    }

    .ledger-filter-bar {
        padding: 12px 14px;
    }

    .ledger-filter-field label {
        font-size: 9px;
    }

    .ledger-filter-field input[type="date"] {
        padding: 6px 8px;
        font-size: 10.5px;
    }

    .ledger-filter-checkbox {
        font-size: 10.5px;
        padding-bottom: 6px;
    }

    .ledger-search-selected {
        padding: 8px 10px;
    }

    .ledger-search-selected-name {
        font-size: 11px;
    }

    .ledger-search-selected-sub {
        font-size: 9.5px;
    }

    .ledger-avail-accounts-label {
        font-size: 8.5px;
    }

    .ledger-account-option-label {
        padding: 9px 12px;
    }

    .ledger-account-code {
        font-size: 11px;
    }

    .ledger-account-sub {
        font-size: 9.5px;
    }

    .ledger-account-balance {
        font-size: 11.5px;
    }

    .saving-tab-bar {
        padding: 3px;
    }

    .saving-tab-btn {
        padding: 6px 14px;
        font-size: 10.5px;
    }

    .saving-info-panel {
        padding: 16px;
    }

        .saving-info-panel h3 {
            font-size: 12px;
        }

    /* ---------------- from Loans.css ---------------- */

    .loan-kpi-card {
        padding: 12px 14px;
    }

    .loan-kpi-icon {
        font-size: 17px;
    }

    .loan-kpi-value {
        font-size: 17px;
    }

    .loan-kpi-label {
        font-size: 9.5px;
    }

    .loan-kpi-sub {
        font-size: 9px;
    }

    .loan-section-title {
        font-size: 14px;
    }

    .loan-quick-card {
        padding: 16px 17px;
    }

    .loan-quick-icon {
        font-size: 20px;
    }

    .loan-quick-title {
        font-size: 13px;
    }

    .loan-quick-desc {
        font-size: 10px;
    }

    .loan-quick-chevron {
        font-size: 14px;
    }

    .loan-group-title {
        font-size: 13px;
    }

    .loan-group-desc {
        font-size: 10px;
    }

    .loan-group-card {
        padding: 13px 14px;
    }

    .loan-group-icon {
        font-size: 17px;
    }

    .loan-group-card-title {
        font-size: 12px;
    }

    .loan-group-card-desc {
        font-size: 9.5px;
    }

    .loan-group-chevron {
        font-size: 13px;
    }

    .loan-pipeline-table {
        font-size: 10.5px;
    }

        .loan-pipeline-table thead th {
            font-size: 8.5px;
            padding: 9px 10px;
        }

            .loan-pipeline-table thead th:first-child {
                padding-left: 17px;
            }

            .loan-pipeline-table thead th:last-child {
                padding-right: 17px;
            }

        .loan-pipeline-table tbody td {
            padding: 9px 10px;
        }

            .loan-pipeline-table tbody td:first-child {
                padding-left: 17px;
            }

            .loan-pipeline-table tbody td:last-child {
                padding-right: 17px;
            }

    .loan-stage-badge {
        font-size: 8.5px;
        padding: 0px 7px;
    }

    .loan-side-card {
        padding: 14px 16px;
    }

        .loan-side-card h3 {
            font-size: 12px;
        }

    .loan-overdue-row {
        padding: 7px 0;
    }

    .loan-overdue-name {
        font-size: 10.5px;
    }

    .loan-overdue-meta {
        font-size: 9px;
    }

    .loan-overdue-amount {
        font-size: 10.5px;
    }

    .loan-due-row {
        padding: 7px 0;
    }

    .loan-due-name {
        font-size: 10.5px;
    }

    .loan-due-meta {
        font-size: 9px;
    }

    .loan-due-amount {
        font-size: 10.5px;
    }

    .loan-priority-badge {
        font-size: 8px;
        padding: 0px 6px;
    }

    .lwk-header-card {
        padding: 16px 18px;
    }

    .lwk-avatar {
        font-size: 15px;
    }

    .lwk-name-row h1 {
        font-size: 18px;
    }

    .lwk-sub {
        font-size: 10.5px;
    }

    .lwk-header-facts {
        padding-top: 14px;
    }

    .lwk-fact-label {
        font-size: 8.5px;
    }

    .lwk-fact-value {
        font-size: 12.5px;
    }

    .lwk-kpi-card {
        padding: 10px 12px;
    }

    .lwk-kpi-label {
        font-size: 8.5px;
    }

    .lwk-kpi-value {
        font-size: 13.5px;
    }

    .lwk-schedule-head {
        padding: 14px 16px;
    }

        .lwk-schedule-head h3 {
            font-size: 12px;
        }

    .lwk-schedule-sub {
        font-size: 10px;
    }

    .lwk-side-card {
        padding: 14px 16px;
    }

        .lwk-side-card h3 {
            font-size: 12px;
        }

    .lwk-insight-row {
        padding: 6px 0;
        font-size: 10.5px;
    }

    .lwk-insight-icon {
        font-size: 11px;
    }

    .lwk-timeline-item {
        padding: 7px 0;
    }

    .lwk-timeline-label {
        font-size: 10.5px;
    }

    .lwk-timeline-date {
        font-size: 9px;
    }

    .nlw-option-card {
        padding: 12px 14px;
    }

        .nlw-option-card .nlw-radio-off {
            font-size: 15px;
        }

        .nlw-option-card .nlw-radio-on {
            font-size: 15px;
        }

    .nlw-option-title {
        font-size: 11px;
    }

    .nlw-option-sub {
        font-size: 9px;
    }

    .nlw-step-label {
        font-size: 9px;
    }

    .nlw-shg-context-label {
        font-size: 9px;
    }

    .nlw-choice-card {
        padding: 8px 10px;
        font-size: 10.5px;
    }

        .nlw-choice-card i {
            font-size: 12px;
        }

    .nlw-member-placeholder, .nlw-shg-placeholder {
        font-size: 10px;
        padding: 12px;
    }

    .nlw-member-list-label {
        font-size: 9px;
    }

    .nlw-member-row {
        padding: 8px 10px;
    }

    .nlw-member-avatar {
        font-size: 9px;
    }

    .nlw-member-name {
        font-size: 10.5px;
    }

    .nlw-member-chevron {
        font-size: 11px;
    }

    .lo-queue-head {
        padding: 12px 14px;
    }

    .lo-queue-title {
        font-size: 13px;
    }

    .lo-reg-id {
        font-size: 11px;
    }

    .lo-reg-date {
        font-size: 9.5px;
    }

    .lo-mem-name {
        font-size: 11.5px;
    }

    .lo-mem-sub {
        font-size: 9.5px;
    }

    .lo-stepper {
        padding: 16px 14px 12px;
    }

    .lo-step-dot {
        font-size: 10.5px;
    }

    .lo-step-label {
        font-size: 9.5px;
    }

    .lo-context {
        padding: 14px 16px;
    }

    .lo-avatar {
        font-size: 13px;
    }

    .lo-context-name {
        font-size: 14px;
    }

    .lo-src-badge {
        font-size: 8.5px;
        padding: 0px 6px;
    }

    .lo-context-sub {
        font-size: 10px;
    }

    .lo-meta-label {
        font-size: 10px;
    }

    .lo-meta-value {
        font-size: 12px;
    }

    .lo-section {
        padding: 6px 16px;
    }

    .lo-section-num {
        font-size: 10px;
    }

    .lo-section-title {
        font-size: 13px;
    }

    .lo-summary {
        padding: 14px 16px;
    }

    .lo-summary-title {
        font-size: 11px;
    }

    .lo-readonly-chip {
        font-size: 7.5px;
        padding: 1px 6px;
    }

    .lo-summary-row {
        padding: 2px 0;
    }

        .lo-summary-row span:first-child {
            font-size: 10.5px;
        }

        .lo-summary-row span:last-child {
            font-size: 11px;
        }

    .lo-doc-row {
        padding: 9px 0;
    }

    .lo-doc-icon {
        font-size: 13px;
    }

    .lo-doc-name {
        font-size: 11px;
    }

    .lo-doc-sub {
        font-size: 9px;
    }

    .lo-doc-preview {
        font-size: 10.5px;
    }

    .lo-btn-outline {
        padding: 6px 12px;
        font-size: 11px;
    }

    .lo-side-card {
        padding: 14px 16px;
    }

    .lo-side-title {
        font-size: 12.5px;
    }

    .lo-audit-item {
        padding-bottom: 14px;
    }

    .lo-audit-title {
        font-size: 10.5px;
    }

    .lo-audit-sub {
        font-size: 9px;
    }

    .lo-type-label {
        font-size: 11px;
    }

    .lo-type-card {
        padding: 6px 12px;
        font-size: 11.5px;
    }

    .lo-pick-hint {
        font-size: 9.5px;
    }

    .lo-pick-empty {
        padding: 26px 14px;
        font-size: 10.5px;
    }

    .lo-pick-row {
        padding: 9px 12px;
    }

    .lo-pick-avatar {
        font-size: 10px;
    }

    .lo-pick-name {
        font-size: 11px;
    }

    .lo-pick-sub {
        font-size: 9px;
    }

    .lo-tabs {
        padding: 4px;
    }

    .lo-tab {
        padding: 7px 12px;
        font-size: 11px;
    }

    .lo-check-chip {
        padding: 7px 11px;
        font-size: 10.5px;
    }

    .lo-btn-soft {
        padding: 7px 13px;
        font-size: 10.5px;
    }

    .lo-section-head-pad {
        padding: 16px 16px 0;
    }

    .lo-struct-row {
        padding: 6px 0;
    }

        .lo-struct-row span:first-child {
            font-size: 10.5px;
        }

        .lo-struct-row span:last-child {
            font-size: 11px;
        }

    .lo-struct-total {
        padding: 9px 0 6px;
    }

        .lo-struct-total span:first-child {
            font-size: 11px;
        }

        .lo-struct-total span:last-child {
            font-size: 16px;
        }

    .lo-valid-row {
        font-size: 10.5px;
    }

    .lo-valid-check {
        font-size: 11px;
    }

    .lo-subtabs {
        padding: 2px;
    }

    .lo-subtab {
        padding: 5px 11px;
        font-size: 10.5px;
    }

    .lo-dcb-penalty {
        font-size: 11px;
    }

    .lo-dcb-input {
        padding: 5px 8px;
        font-size: 10.5px;
    }

    .lo-modal-link {
        font-size: 11px;
    }

    .lo-info-banner {
        padding: 9px 12px;
        font-size: 10.5px;
    }

    .lo-field-block label {
        font-size: 10px;
    }

    .lo-chip {
        padding: 5px 14px;
        font-size: 10.5px;
    }

    .lo-photo-frame {
        padding: 34px 18px;
    }

    .lo-photo-placeholder {
        font-size: 24px;
    }

    .lo-photo-caption {
        font-size: 10px;
    }

    .lo-avatar-doc {
        font-size: 17px;
    }

    .lo-section-ico {
        font-size: 11px;
    }

    .lo-remarks-text {
        font-size: 11px;
    }

    .lo-form-footer {
        padding: 2px 0 6px;
    }

    .lo-decide-btn {
        padding: 11px 14px;
        font-size: 11.5px;
    }

    .lo-upload-drop {
        padding: 24px 14px;
    }

        .lo-upload-drop i {
            font-size: 24px;
        }

    .lo-upload-title {
        font-size: 11px;
    }

    .lo-upload-sub {
        font-size: 9.5px;
    }

    .lo-preview-frame {
        padding: 54px 18px;
    }

        .lo-preview-frame i {
            font-size: 42px;
        }

    .lo-preview-name {
        font-size: 12px;
    }

    .lo-preview-sub {
        font-size: 10px;
    }

    .lo-radio {
        font-size: 11px;
    }

    .lo-filter-field > label {
        font-size: 10px;
    }

    .lo-action-menu {
        padding: 4px;
    }

        .lo-action-menu .dropdown-item {
            padding: 7px 9px;
            font-size: 11px;
        }

            .lo-action-menu .dropdown-item i {
                font-size: 13px;
            }

    .scr-head-grid label {
        font-size: 10px;
    }

    .scr-context-row {
        padding-top: 14px;
    }

    .scr-totals {
        padding: 12px 14px;
    }

    .scr-total-row {
        padding: 4px 0;
        font-size: 11px;
    }

    .scr-total-grand {
        padding-top: 10px;
        font-size: 13px;
    }

    .lo-panel-title {
        font-size: 12px;
    }

    .lo-panel-sub {
        font-size: 10px;
    }

    .lo-hist-card {
        padding: 12px 14px;
    }

    .lo-hist-id {
        font-size: 12px;
    }

    .lo-hist-product {
        font-size: 10px;
    }

    .lo-hist-grid {
        padding-top: 8px;
    }

    .lo-stat-card {
        padding: 12px 14px;
    }

    .lo-stat-label {
        font-size: 8.5px;
    }

    .lo-stat-value {
        font-size: 15px;
    }

    .lo-txn-card {
        padding: 8px 12px;
    }

    .lo-txn-icon {
        font-size: 12px;
    }

    .lo-txn-title {
        font-size: 11px;
    }

    .lo-txn-sub {
        font-size: 9.5px;
    }

    .lo-txn-amount {
        font-size: 11.5px;
    }

    /* ---------------- from Transactions.css ---------------- */

    .txn-kpi-card {
        padding: 12px 14px;
    }

    .txn-kpi-icon {
        font-size: 17px;
    }

    .txn-kpi-value {
        font-size: 19px;
    }

    .txn-kpi-label {
        font-size: 10px;
    }

    .txn-kpi-sub {
        font-size: 9px;
    }

    .txn-section-title {
        font-size: 14px;
    }

    .txn-primary-card {
        padding: 11px 13px;
    }

    .txn-primary-icon {
        font-size: 14px;
    }

    .txn-primary-title {
        font-size: 11px;
    }

    .txn-recent-table {
        font-size: 10.5px;
    }

        .txn-recent-table thead th {
            font-size: 8.5px;
            padding: 9px 10px;
        }

            .txn-recent-table thead th:first-child {
                padding-left: 17px;
            }

            .txn-recent-table thead th:last-child {
                padding-right: 17px;
            }

        .txn-recent-table tbody td {
            padding: 9px 10px;
        }

            .txn-recent-table tbody td:first-child {
                padding-left: 17px;
            }

            .txn-recent-table tbody td:last-child {
                padding-right: 17px;
            }

    .mr-lookup-toggle {
        padding: 2px;
    }

    .mr-lookup-btn {
        padding: 5px 13px;
        font-size: 10.5px;
    }

    .mr-debit {
        font-size: 11px;
    }

    .mr-credit {
        font-size: 11px;
    }

    .mr-line-ctl {
        padding: 5px 8px;
        font-size: 10.5px;
    }

    .mr-total-chip {
        padding: 6px 12px;
    }

    .mr-total-label {
        font-size: 9.5px;
    }

    .mr-total-value {
        font-size: 13px;
    }

    .jv-type-hint {
        padding: 8px 12px;
        font-size: 10.5px;
    }

    .jv-balanced {
        font-size: 11px;
    }

        .jv-balanced i {
            font-size: 12px;
        }

    .jv-unbalanced {
        font-size: 11px;
    }

        .jv-unbalanced i {
            font-size: 12px;
        }

    /* ---------------- from Accounts.css ---------------- */

    .acct-report-table {
        font-size: 10.5px;
    }

        .acct-report-table thead th {
            font-size: 8.5px;
            padding: 9px 14px;
        }

        .acct-report-table tbody td {
            padding: 8px 14px;
        }

    /* ---------------- from Operations.css ---------------- */

    .ops-live-pill {
        font-size: 8.5px;
        padding: 0px 6px;
    }

    .ops-quick-label {
        font-size: 9px;
    }

    .ops-quick-card {
        padding: 11px 13px;
    }

    .ops-quick-icon {
        font-size: 15px;
    }

    .ops-quick-title {
        font-size: 11.5px;
    }

    .ops-quick-desc {
        font-size: 9.5px;
    }

    .ops-quick-chevron {
        font-size: 13px;
    }

    .ops-tile {
        padding: 11px 13px;
    }

    .ops-tile-label {
        font-size: 9px;
    }

    .ops-tile-value {
        font-size: 17px;
    }

    .ops-tile-sub {
        font-size: 9px;
    }

    .ops-route-list {
        padding: 12px;
    }

    .ops-route-list-title {
        font-size: 11px;
        padding: 0px 2px 4px;
    }

    .ops-route-item {
        padding: 10px;
    }

    .ops-route-avatar {
        font-size: 9px;
    }

    .ops-route-fo {
        font-size: 11px;
    }

    .ops-route-name {
        font-size: 9px;
    }

    .ops-route-status-badge {
        font-size: 8px;
        padding: 0px 6px;
    }

    .ops-route-progress-top {
        font-size: 9px;
    }

    .ops-live-head {
        padding: 16px 20px;
    }

    .ops-live-avatar {
        font-size: 13px;
    }

    .ops-live-name-row h3 {
        font-size: 14px;
    }

    .ops-live-sub {
        font-size: 10px;
    }

    .ops-live-stat-label {
        font-size: 8.5px;
    }

    .ops-live-stat-value {
        font-size: 15px;
    }

    .ops-delay-banner {
        padding: 9px 12px;
        font-size: 10.5px;
    }

    .ops-timeline-wrap {
        padding: 24px 12px 6px;
    }

    .ops-timeline-track {
        padding: 0 10px;
    }

    .ops-timeline-label {
        font-size: 8.5px;
    }

    .ops-timeline-place {
        font-size: 7.5px;
    }

    .ops-timeline-time {
        font-size: 7.5px;
    }

    .ops-live-footer {
        padding: 12px 20px 16px;
    }

    .ops-live-footer-item {
        font-size: 10.5px;
    }

    /* ---------------- from Masters.css ---------------- */

    .mst-kpi-card {
        padding: 12px 14px;
    }

    .mst-kpi-icon {
        font-size: 17px;
    }

    .mst-kpi-value {
        font-size: 19px;
    }

    .mst-kpi-label {
        font-size: 10px;
    }

    .mst-kpi-sub {
        font-size: 9px;
    }

    .mst-group-icon {
        font-size: 13px;
    }

    .mst-group-title {
        font-size: 13px;
    }

    .mst-group-desc {
        font-size: 10px;
    }

    .mst-action-card {
        padding: 13px 14px;
    }

    .mst-action-icon {
        font-size: 17px;
    }

    .mst-action-title {
        font-size: 12px;
    }

    .mst-action-desc {
        font-size: 9.5px;
    }

    .mst-action-chevron {
        font-size: 13px;
    }

    /* ---------------- from Auth.css ---------------- */

    .auth-page {
        padding: 22px;
    }

    .auth-card {
        padding: 24px 18px 26px;
    }

    .auth-brand {
        padding-bottom: 18px;
    }

    .auth-brand-mark {
        font-size: 16px;
    }

    .auth-brand-text .name {
        font-size: 14.5px;
    }

    .auth-brand-text .sub {
        font-size: 8.5px;
    }

    .auth-kicker {
        font-size: 9px;
    }

    .auth-title {
        font-size: 21px;
    }

    .auth-field label {
        font-size: 10.5px;
    }

    .auth-inline-hint {
        font-size: 9.5px;
    }

    .auth-link {
        font-size: 10.5px;
    }

    .auth-back-link {
        font-size: 10.5px;
    }

    .auth-icon-btn {
        font-size: 12px;
    }

    .auth-check-btn {
        font-size: 11px;
    }

    .auth-footnote {
        font-size: 9px;
    }
}

/* ---------- below 900px: vertical-tab rail full width on top ---------- */
@media (max-width: 900px) {
    .ss-vtabs {
        grid-template-columns: 1fr;
    }

    .ss-vtabbar {
        flex-direction: row;
        flex-wrap: wrap;
        position: static;
    }
}
@media (max-width: 768px) {
    .app-header {
        padding: 6px 0px 0px 0px;
    }

    .app-icon-btn {
        font-size: 15px;
        margin: 5px;
    }

    .shg-summary-meta-grid {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }

    .shg-info-fields {
        grid-template-columns: repeat(4, 1fr);
    }

    .ss-tab-body {
        width: 95vw;
    }

    .erp-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .erp-grid {
        display: contents;
    }

    .lo-stepper {
        overflow: scroll;
        width: 95vw;
    }

    .sav-kpi-grid {
        grid-template-columns: repeat(auto-fit, minmax(183px, 1fr));
    }

    .ledger-balance-card {
        padding: 5px 8px;
    }

    .ledger-balance-card {
        width: 102px;
    }

    .loan-kpi-grid {
        grid-template-columns: repeat(auto-fit, minmax(184px, 1fr));
    }

    .list-search-input {
        font-size: 15px;
    }

    .lo-context-row {
        flex-direction: row;
      
    }
    .page-header-actions {
        flex-wrap: nowrap;
    }
    .mr-lines-footer {
        flex-direction: row;
    }
    .txn-kpi-grid {
        grid-template-columns: repeat(auto-fit, minmax(184px, 1fr));
    }
    .app-breadcrumb {
        font-size: 12px;
    }
    .dash-kpi-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}