.input:not(.login-field-input, [x-ref="spotSearch"]), select:not(#ndp-month-select, #ndp-year-select), textarea{
    /*height: 45px !important;*/
    /*padding-left: 0.5rem;*/
    /*padding-right: 0.5rem;*/
    /*padding-top: 1.2rem;*/
    /*padding: 0 !important;*/
    height: 28px !important;
    border-radius: 3px !important;
    border-width: 1px !important;
    font-size: 0.875rem !important;
    /*padding: 0.3rem !important;*/
}

.select {
    min-height: 28px !important;
}

.select:focus, textarea {
    outline-width: 1px !important;
    outline-offset: 0 !important;
}

select:is(#ndp-month-select, #ndp-year-select) {
    border: 1px solid black !important;
    border-radius: 5px !important;
}

/*.account-entry-save .input:not(.custom-input){*/
/*    height: 45px;*/
/*    padding-left: 0.5rem;*/
/*    padding-right: 0.5rem;*/
/*    padding-top: 1.2rem;*/
/*    border-radius: 5px;*/
/*    font-size: 0.875rem;*/
/*}*/
.account-entry-save {
    max-height: 100vh;
    overflow: hidden;
}

.account-entry-save .modal-box {
    min-width: 50rem;
}

.select2 {
    height: 35px !important;
    width: 250px !important;
    /* min-width: 226px !important; */
    /* width: 100%; */
    max-width: 100% !important;
}

.account_ledger .select2 {
    height: 35px !important;
    width: 100% !important;
}


.btn {
    height: 2.5rem !important;
    min-height: 2.5rem !important;
    padding-left: 0.5rem !important;
    padding-right: 1rem !important;
    gap: 0.2rem !important;
}

.height-base {
    height: 2.5rem !important;
}

td .btn, .drawer-side .btn:is(.btn-ghost) {
    height: 2rem !important;
    min-height: 2rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    gap: 0.2rem !important;
}

.mega-box .content .row header, .navigation-bar li a {
    font-size: 16px;
}

/* Mega menu section headers (Entry / Reports / etc.) to match sidebar submenu headers */
.mega-box .content .row header {
    display: block;
    color: #047857 !important;
    background: #ecfdf5;
    border-left: 3px solid #10b981;
    border-bottom: 1px solid #d1fae5;
    border-radius: 0.375rem 0.375rem 0 0;
    padding: 0.45rem 0.7rem;
    margin-bottom: 0.35rem;
    line-height: 1.15;
}

.dark .mega-box .content .row header {
    color: #a7f3d0 !important;
    background: rgba(5, 150, 105, 0.14);
    border-left-color: #34d399;
    border-bottom-color: rgba(52, 211, 153, 0.2);
}

/* Header quick-tools context selectors (FY / Branch): shared look across web + mobile */
.header-tools-panel .header-context-select-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    height: 2.25rem !important;
    border-radius: 0.5rem !important;
    padding-inline: 0.75rem !important;
    border: 1px solid rgb(209 213 219) !important;
    background: #ffffff !important;
    color: rgb(55 65 81) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
    outline: none !important;
    text-decoration: none !important;
}

.header-tools-panel .header-context-select-btn i {
    flex-shrink: 0;
}

.header-tools-panel .header-context-select-btn > span:last-child {
    min-width: 0;
}

.header-tools-panel .header-context-select-btn:hover {
    background: rgb(249 250 251) !important;
    border-color: rgb(209 213 219) !important;
    color: rgb(31 41 55) !important;
}

.header-tools-panel .header-context-select-btn:focus,
.header-tools-panel .header-context-select-btn:active,
.header-tools-panel .header-context-select-btn:focus-visible {
    outline: none !important;
    border-color: rgb(209 213 219) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
}

.header-tools-panel .header-context-select-btn::-moz-focus-inner {
    border: 0 !important;
    padding: 0 !important;
}

.dark .header-tools-panel .header-context-select-btn {
    border-color: rgb(75 85 99) !important;
    background: rgb(31 41 55) !important;
    color: rgb(243 244 246) !important;
}

.dark .header-tools-panel .header-context-select-btn:hover {
    background: rgb(55 65 81) !important;
    border-color: rgb(107 114 128) !important;
    color: rgb(255 255 255) !important;
}

.dark .header-tools-panel .header-context-select-btn:focus,
.dark .header-tools-panel .header-context-select-btn:active,
.dark .header-tools-panel .header-context-select-btn:focus-visible {
    border-color: rgb(75 85 99) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
}

@media (min-width: 1024px) {
    .navigation-header .top-header-right {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        min-width: 0 !important;
        gap: 0.5rem !important;
    }

    .navigation-header .top-header-right > .header-tools-panel {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 12rem) !important;
    }

    .navigation-header .top-header-right .header-sms-wallet {
        flex: 0 1 19rem !important;
        max-width: 19rem !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
        gap: 0.45rem !important;
        padding-inline: 0.65rem !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        outline: none !important;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill:focus,
    .navigation-header .top-header-right .header-sms-wallet-pill:focus-visible,
    .navigation-header .top-header-right .header-sms-wallet-pill[aria-expanded="true"] {
        outline: none !important;
        box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.22) !important;
        border-color: rgba(217, 119, 6, 0.55) !important;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill > span {
        min-width: 0 !important;
        white-space: nowrap !important;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill .header-sms-wallet-amount {
        margin-left: 0.35rem !important;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill .header-sms-wallet-status {
        margin-left: 0.25rem !important;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill .header-sms-wallet-separator {
        opacity: 0.55;
        margin-left: 0.1rem;
        margin-right: 0.05rem;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill > span:last-child {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .header-tools-panel li {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .header-tools-panel .header-tool-fiscal,
    .header-tools-panel .header-tool-branch {
        flex: 1 1 11.5rem !important;
        max-width: 13rem !important;
        min-width: 0 !important;
    }

    .header-tools-panel .header-tool-language,
    .header-tools-panel .header-tool-count-notification,
    .header-tools-panel .header-tool-user-notification {
        flex: 0 0 auto !important;
    }

    .header-tools-panel .header-context-select-btn {
        width: 100% !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
    }

    .header-tools-panel .header-context-select-btn > span:last-child,
    .header-tools-panel .header-context-value {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 1024px) and (max-width: 1600px) {
    .navigation-header .top-header-right .header-sms-wallet {
        flex-basis: 14.75rem !important;
        max-width: 14.75rem !important;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill {
        padding-inline: 0.5rem !important;
        gap: 0.3rem !important;
        font-size: 0.8rem !important;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill > span {
        min-width: 0 !important;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill .header-sms-wallet-status {
        display: none !important;
    }

    .navigation-header .top-header-right .header-sms-wallet-pill .header-sms-wallet-amount {
        max-width: 8rem !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

.header-sms-wallet-popover {
    min-width: 14rem;
    max-width: 18rem;
    pointer-events: auto;
}

@media (max-width: 1023px) {
    .header-tools-panel {
        overflow: visible !important;
    }

    .header-tools-panel .header-sms-wallet {
        position: relative !important;
        z-index: 240 !important;
        overflow: visible !important;
        margin-bottom: 0.35rem !important;
    }

    .header-tools-panel .header-sms-wallet-pill {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: flex-start !important;
        gap: 0.45rem !important;
        padding-inline: 0.6rem !important;
        position: relative !important;
        z-index: 241 !important;
    }

    .header-tools-panel .header-sms-wallet-pill > span {
        min-width: 0 !important;
        white-space: nowrap !important;
    }

    .header-tools-panel .header-sms-wallet-popover {
        left: 0 !important;
        right: auto !important;
        z-index: 260 !important;
    }

    .header-tools-panel > .relative.inline-flex {
        position: relative !important;
        z-index: 120 !important;
    }

    .header-tools-panel > .relative.inline-flex li {
        position: relative !important;
        z-index: 121 !important;
    }
}

/* Header select popups (Fiscal Year / Branch Unit): keep visible row separators */
.header-select-popup-row {
    border-bottom-width: 2px !important;
    border-bottom-color: #dbdee5 !important;
}

.header-select-popup-row:hover {
    border-bottom-color: #dbdee5 !important;
}

.dark .header-select-popup-row {
    border-bottom-color: #4b5563 !important;
}

.dark .header-select-popup-row:hover {
    border-bottom-color: #6b7280 !important;
}

/* Preserve active row border when selected */
.header-select-popup-row[class*='!bg-indigo-600'] {
    border-bottom-color: #3730a3 !important;
}

.toast {
    z-index: 999 !important;
}

.navigation-bar {
    display: flex;
    gap: 0;
}

.navigation-bar .nav-wrapper {
    width: 100% !important;
}

.profile-bar {
    display: flex;
    flex-direction: row-reverse;
    gap: 3rem;
    align-items: center;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
}

@media print {
    .navigation-bar {
        display: none;
    }
}

/*.login-logo{*/
/*    filter: drop-shadow(0.3rem 0.3rem #f59e0b) drop-shadow(-0.2rem -0.2rem #10b981);*/
/*}*/

.watermark {
    font-size: 12em;
    color: rgba(255, 5, 5, 0.17);
    position: fixed;
    text-transform: uppercase;
    width: 300px;
    height: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .15;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

@media print {
    .watermark {
        top: 25%;
    }

    .print_header_img {
        width: 6rem !important;
        height: 6rem !important;
    }
}

.mcoa_table_grid {
    grid-template-columns: 7rem 1fr 14rem 14rem 14rem;
}

.mcoa_primary_group {
    font-size: 12px;
    background: #009E8B;
}

.mcoa_group {
    background: #82A878;
}

.mcoa_sub_group {
    background: #9BB0A5;
}

.mcoa_ledger_group {
    background: #CBD8C7;
}

.mcoa_ledgers {
    background: #D2F5FF;
}

.mcoa_table_grid {
    padding: 0.2rem !important;
}

.accountLedgerModal .modal-box {
    min-width: 90dvw !important;
    min-height: 90dvh !important;
}

.costCenterModal .modal-box {
    min-width: 50dvw !important;
    min-height: 50dvh !important;
}

.extra-menu-options button {
    font-size: 0.675rem !important;
}

.extra-menu-options button.btn {
    min-height: 1rem !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

input.bg-base-200.btn.capitalize.input.input-bordered.join-item {
    width: 105px !important;
}

#receipt_payment_mode {
    width: 3rem !important;
}

/*thead tr:nth-child(1) th, */
.custom-sticky-header{
    background: white !important;
    position: sticky !important;
    top: -0.5rem !important;
    z-index: 4 !important;
}
tfoot tr:last-child th{
    background: white !important;
    position: sticky !important;
    bottom: -2rem !important;
    z-index: 4 !important;
}

.loanAdvanceTable thead tr:nth-child(1) th{
    top: -2rem !important;
}

.addAccountEntryRows, .addAccountEntryRows .rounded-r-lg {
    height: 29px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.addAccountEntryRows .rounded-r-lg {
    overflow: hidden !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.addAccountEntryRows input[type="text"] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

button[name="addAccountEntryRows"] {
    margin: 0 !important;
    text-align: left !important;
    border: none !important;
    border-radius: 0 !important;
}

.paginate select {
    width: 6rem !important;
}

.paginate label {
    margin-top: -0.25rem !important;
}

/* Select2 Customization Begins Here */
.select2-container .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font-size: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: revert;
}

button.select2-selection__clear {
    position: absolute;
    right: 0;
    top: 2px;
}

.select2-results__option {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.875rem;
}

/* Select2 Customization Ends Here */

/*div:has(> button.btn) {*/
/*    height: 28px !important;*/
/*    overflow: hidden;*/
/*    border-radius: 5px !important;*/
/*}*/

/*button{*/
/*    height: 20px !important;*/
/*}*/

.tag-input-component {
    display: flex;
    flex-direction: column;
}

.tags-input-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 0.2rem 0.5rem;
}

.tag button {
    background: none;
    border: none;
    margin-left: 0.5rem;
    cursor: pointer;
}

#basic-setup + div > div:first-child, #aathharabhata-sataapa + div > div:first-child {
    padding-top: 0.5rem !important;
}

#basic-setup + div > div:first-child > a[role="tab"], #aathharabhata-sataapa + div > div:first-child > a[role="tab"] {
    min-width: 150px !important;
}

/* BEGIN: moved from app.blade.php inline style */
.desktop-sidebar-brand,
        .navigation-bar .nav-links .desktop-sidebar-brand {
            display: none !important;
        }

        @media (min-width: 1024px) {
            html.desktop-sidebar-menu-preload:not(.desktop-sidebar-hidden-preload) body:not(.desktop-sidebar-menu) .navigation-header > header {
                left: 23rem !important;
                width: calc(100% - 23rem) !important;
            }

            html.desktop-sidebar-menu-preload:not(.desktop-sidebar-hidden-preload) body:not(.desktop-sidebar-menu) .page-content-scroll {
                margin-left: 23.75rem !important;
                margin-right: 0.75rem !important;
                width: auto !important;
            }

            body.desktop-sidebar-menu .navigation-header > header {
                left: 23rem !important;
                width: calc(100% - 23rem) !important;
            }

            body.desktop-sidebar-menu .navigation-header .top-header-left { display: none !important; }
            body.desktop-sidebar-menu .navigation-header .top-header-main { justify-content: flex-end !important; }
            body.desktop-sidebar-menu .navigation-header .top-header-right {
                margin-left: auto !important;
                width: auto !important;
                max-width: calc(100% - 1rem);
                justify-content: flex-end !important;
            }

            body.desktop-sidebar-menu .navigation-bar {
                position: fixed;
                top: 0;
                left: 0;
                width: 23rem;
                z-index: 25;
                padding: 0;
                height: 100vh;
            }

            body.desktop-sidebar-menu .navigation-bar .nav-wrapper {
                display: block;
                padding: 0;
            }

            body.desktop-sidebar-menu .navigation-bar .nav-wrapper > div:first-child {
                display: none;
            }

            body.desktop-sidebar-menu .navigation-bar .nav-links {
                position: static !important;
                inset: auto !important;
                width: 100% !important;
                max-width: none !important;
                height: 100vh !important;
                max-height: 100vh !important;
                transform: none !important;
                overflow-x: hidden !important;
                overflow-y: auto !important;
                scrollbar-width: thin;
                margin: 0 !important;
                padding: 0 0 calc(12px + env(safe-area-inset-bottom, 0px)) !important;
                background: #f8fafc !important;
                display: block !important;
                left: 0 !important;
                border: 0 !important;
                border-radius: 0 !important;
                box-shadow: inset -1px 0 0 #e2e8f0 !important;
            }

            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand {
                display: block !important;
                position: sticky;
                top: 0;
                z-index: 80;
                margin: 4px 0 0 8px !important;
                padding: 0;
                border-radius: 0.5rem;
                background: #047857;
                color: #fff;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
                overflow: hidden;
                border-bottom: 0;
                isolation: isolate;
            }

            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand .brand-row {
                display: flex;
                gap: 0.65rem;
                align-items: flex-start;
                position: sticky;
                top: 0;
                z-index: 81;
                width: 100%;
                background: #047857;
                border-radius: 0.5rem;
                border: 1px solid rgba(255,255,255,0.14);
                margin: 0;
                padding: 8px 8px 8px 10px;
            }

            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand .brand-row > .min-w-0 {
                flex: 1 1 auto;
                min-width: 0;
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                text-align: right;
                justify-content: center;
            }

            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand img {
                width: 36px;
                height: 36px;
                object-fit: contain;
                border-radius: 6px;
                background: rgba(255,255,255,0.12);
                padding: 3px;
                flex-shrink: 0;
            }

            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand .brand-title {
                font-size: 12px;
                font-weight: 700;
                line-height: 1.15;
                color: #fff;
                margin-bottom: 0.2rem;
                width: 100%;
                text-align: right;
            }

            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand .brand-sub {
                font-size: 11px;
                line-height: 1.25;
                color: rgba(255,255,255,0.88);
            }

            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand .brand-meta-row {
                display: flex;
                align-items: baseline;
                gap: 0.25rem;
                min-width: 0;
                line-height: 1.1;
                justify-content: flex-end;
                width: 100%;
            }

            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand .brand-meta-label {
                font-size: 10px;
                font-weight: 700;
                color: rgba(255,255,255,0.78);
                letter-spacing: 0.02em;
                flex-shrink: 0;
                min-width: 2.95rem;
                text-align: right;
            }

            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand .brand-meta-value {
                min-width: 0;
                font-size: 11px;
                line-height: 1.2;
                color: rgba(255,255,255,0.94);
                text-align: right;
            }

            body.desktop-sidebar-menu .navigation-bar .nav-links > .close-btn {
                display: none !important;
            }

            body.desktop-sidebar-menu .navigation-bar .mobile-menu-trigger,
            body.desktop-sidebar-menu .navigation-bar .mobile-menu-search-trigger,
            body.desktop-sidebar-menu .navigation-bar #menu-btn,
            body.desktop-sidebar-menu .navigation-bar #close-btn {
                display: none !important;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item {
                width: 100%;
                margin: 3px 8px 0 !important;
                float: none !important;
                display: block !important;
                position: relative;
                z-index: 1;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item.is-open {
                z-index: 4;
            }

            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand + .top-menu-module-item { margin-top: 4px !important; }
            body.desktop-sidebar-menu .navigation-bar .desktop-sidebar-brand + .top-menu-module-item { padding-top: 2px !important; }
            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item:last-child { margin-bottom: 6px !important; }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .desktop-item,
            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mega-box {
                display: none !important;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-item {
                display: flex !important;
                width: 100%;
                align-items: center;
                justify-content: space-between;
                border: 0;
                background: #059669;
                color: #ffffff;
                font-size: clamp(14px, 1.05vw, 15px) !important;
                font-weight: 500;
                line-height: 1.2;
                padding: 8px 11px !important;
                border-left: 2px solid transparent;
                border-radius: 0.4rem;
                text-align: left;
                cursor: pointer;
                transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item.active > .mobile-item,
            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-item:hover {
                background: #047857;
                border-left-color: #ffffff;
                color: #ffffff;
                box-shadow: none !important;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-submenu {
                position: static !important;
                background: #edf2f7;
                /*margin: 0 8px 4px !important;*/
                margin: 0 0 0 4px !important;
                /*padding: 3px 0;*/
                padding: 0 !important;
                border-left: 2px solid #cbd5e1;
                border-radius: 0.4rem;
                border: 1px solid #e2e8f0;
                box-shadow: none !important;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-section {
                padding: 0;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-section > header {
                color: #047857;
                background: #dce9e2;
                border-bottom: 1px solid #d1fae5;
                font-size: clamp(13px, 0.9vw, 14px);
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.045em;
                padding: 5px 10px;
                line-height: 1.25;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-section > header button {
                line-height: 1.25 !important;
                min-height: 1.45rem !important;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-links {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-links li {
                margin: 0 !important;
                padding: 0 !important;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-links li a {
                color: #334155 !important;
                display: block;
                padding: 6px 10px !important;
                font-size: clamp(12px, 0.82vw, 13px) !important;
                line-height: 1.25;
                border-left: 2px solid transparent;
                text-decoration: none;
                white-space: normal;
                transition: background-color 0.18s ease, border-color 0.18s ease;
            }

            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-links li a:hover,
            body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-links li a.link-active {
                background: #059669;
                border-left-color: #059669;
                color: #ffffff !important;
            }

            .dark body.desktop-sidebar-menu .navigation-bar .nav-links {
                background: #111827 !important;
                box-shadow: inset -1px 0 0 #374151 !important;
            }

            .dark body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-item {
                background: #1f2937;
                color: #a7f3d0;
                border-left-color: transparent;
            }

            .dark body.desktop-sidebar-menu .navigation-bar .top-menu-module-item.active > .mobile-item,
            .dark body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-item:hover {
                background: #f8fafc;
                color: #047857;
                border-left-color: #10b981;
            }

            .dark body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-submenu {
                background: #1f2937;
                border-color: #374151;
                border-left-color: #4b5563;
            }

            .dark body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-section > header {
                color: #86efac;
                background: rgba(5, 150, 105, 0.12);
                border-bottom-color: rgba(52, 211, 153, 0.18);
            }

            .dark body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-links li a {
                color: #cbd5e1 !important;
            }

            .dark body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-links li a:hover,
            .dark body.desktop-sidebar-menu .navigation-bar .top-menu-module-item .mobile-links li a.link-active {
                background: #f8fafc;
                color: #047857 !important;
                border-left-color: #10b981;
            }

            body.desktop-sidebar-menu .page-content-scroll {
                margin-left: 23.75rem !important;
                margin-right: 0.75rem !important;
                width: auto !important;
                margin-top: 3.75rem !important;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .navigation-bar {
                display: block !important;
                width: 0 !important;
                min-width: 0 !important;
                overflow: visible !important;
                background: #047857 !important;
                box-shadow: none !important;
                border-right: 1px solid rgba(255,255,255,0.12) !important;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .navigation-bar .nav-wrapper {
                width: 10px !important;
                min-width: 10px !important;
                overflow: visible !important;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .navigation-bar .nav-links {
                display: none !important;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .navigation-header > header {
                left: 0 !important;
                width: 100% !important;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .navigation-header .top-header-left {
                display: flex !important;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .navigation-header .top-header-main {
                justify-content: space-between !important;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .navigation-header .top-header-right {
                max-width: none !important;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .page-content-scroll {
                margin-left: 2.1rem !important;
                margin-right: 0.75rem !important;
                width: auto !important;
            }

            body.desktop-sidebar-menu .desktop-sidebar-toggle-trigger {
                display: inline-flex !important;
                position: fixed;
                top: auto;
                bottom: 18px;
                left: calc(23rem - 1px);
                z-index: 120;
                width: 28px;
                height: 48px;
                align-items: center;
                justify-content: center;
                border-radius: 0 12px 12px 0;
                border: 1px solid rgba(15, 23, 42, 0.18);
                border-left: 0;
                background: linear-gradient(180deg, #059669 0%, #047857 100%);
                color: #fff;
                box-shadow: 4px 8px 14px rgba(0,0,0,0.16);
                transition: left .2s ease, background-color .2s ease, box-shadow .2s ease;
            }

            body.desktop-sidebar-menu .desktop-sidebar-toggle-trigger::before {
                content: "";
                position: absolute;
                left: -7px;
                top: 50%;
                width: 14px;
                height: 14px;
                transform: translateY(-50%) rotate(45deg);
                background: linear-gradient(180deg, #059669 0%, #047857 100%);
                border-left: 1px solid rgba(15, 23, 42, 0.2);
                border-bottom: 1px solid rgba(15, 23, 42, 0.2);
                border-radius: 0 0 0 8px;
            }

            body.desktop-sidebar-menu .desktop-sidebar-toggle-trigger::after {
                content: none;
            }

            body.desktop-sidebar-menu .desktop-sidebar-toggle-trigger:hover {
                background: #047857;
                box-shadow: 5px 9px 18px rgba(0,0,0,0.2);
            }

            body.desktop-sidebar-menu .desktop-sidebar-toggle-trigger:hover::before {
                background: #047857;
            }

            body.desktop-sidebar-menu .desktop-sidebar-toggle-trigger:hover::after {
                content: none;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .desktop-sidebar-toggle-trigger {
                left: 8px;
                bottom: 18px;
            }

            body.desktop-sidebar-menu .desktop-sidebar-toggle-trigger .icon-open {
                display: none;
            }

            body.desktop-sidebar-menu .desktop-sidebar-toggle-trigger .icon-close {
                display: inline;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .desktop-sidebar-toggle-trigger .icon-open {
                display: inline;
            }

            body.desktop-sidebar-menu.desktop-sidebar-hidden .desktop-sidebar-toggle-trigger .icon-close {
                display: none;
            }
        }

        @media (max-width: 767px) {
            .header-tools-panel .header-tool-fiscal {
                order: 1 !important;
                grid-column: span 1 / span 1 !important;
            }

            .header-tools-panel .header-tool-branch {
                order: 2 !important;
                grid-column: span 1 / span 1 !important;
            }

            .header-tools-panel .header-tool-language {
                order: 3 !important;
                grid-column: 1 / -1 !important;
            }

            .header-tools-panel .header-tool-count-notification {
                order: 4 !important;
                grid-column: span 1 / span 1 !important;
            }

            .header-tools-panel .header-tool-user-notification {
                order: 5 !important;
                grid-column: span 1 / span 1 !important;
            }

            /* Keep FY + Branch visually identical in mobile quick-tools */
            .header-tools-panel .header-tool-fiscal > button,
            .header-tools-panel .header-tool-branch > button {
                display: inline-flex !important;
                width: 100% !important;
                min-width: 0 !important;
                height: 2.5rem !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 0.45rem !important;
                border-radius: 0.5rem !important;
                padding: 0 0.75rem !important;
                border: 1px solid rgb(209 213 219) !important;
                background: #ffffff !important;
                color: rgb(55 65 81) !important;
                box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
            }

            .dark .header-tools-panel .header-tool-fiscal > button,
            .dark .header-tools-panel .header-tool-branch > button {
                border-color: rgb(75 85 99) !important;
                background: rgb(31 41 55) !important;
                color: rgb(243 244 246) !important;
            }

            /* Prevent mobile nav link styles from breaking the language switch layout */
            .header-tools-panel .header-tool-language > div {
                display: inline-flex !important;
                flex-direction: row !important;
                align-items: center !important;
                width: 100% !important;
                overflow: hidden !important;
            }

            .header-tools-panel .header-tool-language > div > span:first-child {
                display: inline-flex !important;
                flex: 1 1 auto !important;
                min-width: 0 !important;
                justify-content: center !important;
            }

            .header-tools-panel .header-tool-language > div > a {
                display: inline-flex !important;
                flex: 0 0 auto !important;
                width: auto !important;
                min-width: 3.25rem !important;
                height: 100% !important;
                padding-left: 0.75rem !important;
                padding-right: 0.75rem !important;
                text-decoration: none !important;
            }
        }
/* END: moved from app.blade.php inline style */