:root {
    --primary-color: #0d47a1;
}

.navbar {
    background-color: #0d47a1 !important;
}

.navbar-brand img,
.navbar .navbar-brand img,
.navbar-home img {
    width: 65px !important;
    max-width: 100% !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-top: -3px !important;
    margin-right: 0 !important;
}

.navbar a,
.navbar .navbar-nav>li>a,
.navbar .navbar-brand,
.navbar .navbar-home,
.navbar .navbar-nav .nav-link,
.navbar-collapse a,
.navbar-collapse .octicon,
.navbar input[type="text"] {
    color: #ffffff !important;
}

.navbar input[type="text"]::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

.form-section .section-head, .grid-heading-row {
    color: #0d47a1;
}

.dropdown-menu,
.dropdown-menu li a,
.navbar .dropdown-menu a {
    color: #000000 !important;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.navbar .dropdown-menu a:hover {
    color: #000000 !important;
    background-color: #f0f0f0 !important;
}

.navbar input[type="text"],
#navbar-search,
.search-bar input {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.navbar input[type="text"]::placeholder {
    color: #666666 !important;
}

.awesomplete ul li,
.search-bar .dropdown-menu,
ul.dropdown-menu li {
    color: #000000 !important;
}

.awesomplete > ul {
    background-color: #ffffff !important;
}

.awesomplete > ul > li {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.awesomplete > ul > li mark {
    color: #000000 !important;
    background-color: transparent !important;
    font-weight: bold;
}

.awesomplete > ul > li:hover,
.awesomplete > ul > li[aria-selected="true"] {
    color: #000000 !important;
    background-color: #f0f0f0 !important;
}

.awesomplete > ul > li:hover mark,
.awesomplete > ul > li[aria-selected="true"] mark {
    color: #000000 !important;
}

.awesomplete > ul > li,
.awesomplete > ul > li *,
.awesomplete > ul > li:hover,
.awesomplete > ul > li:hover *,
.awesomplete > ul > li[aria-selected="true"],
.awesomplete > ul > li[aria-selected="true"] * {
    color: #000000 !important;
}

.awesomplete > ul > li:hover,
.awesomplete > ul > li[aria-selected="true"] {
    background-color: #e8e8e8 !important;
}

/* Qari navbar/footer-ka bogga Login-ka oo keliya */
body.login-page .navbar,
body.login-page #navbar,
body.login-page .web-footer,
body.login-page .web-footer-menu,
body.login-page footer,
.page_content:has(#login-page) .navbar,
#page-login ~ * .web-footer {
    display: none !important;
}

body.page-login .navbar,
body.page-login .web-footer,
body.page-login footer {
    display: none !important;
}

nav.navbar {
    display: none !important;
}

footer.web-footer {
    display: none !important;
}

#page-login {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

#page-login .page-content-wrapper {
    width: 100%;
}

body[data-path="login"] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body[data-path="login"] main.container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

body[data-path="login"] main.container {
    max-width: 100% !important;
    width: 100% !important;
}

.login-content.page-card {
    width: 400px !important;
    max-width: 90vw;
}


/* Modules cards-ka */
.widget.module-widget-box,
.widget-group .widget,
.module-view-body .widget,
.module-widget {
    background-color: #0d47a1 !important;
    color: #ffffff !important;
}

.widget.module-widget-box a,
.widget.module-widget-box .widget-title,
.module-widget a,
.module-widget .widget-title {
    color: #ffffff !important;
}

.navbar {
    background-color: #0d47a1 !important;
}

.module-box {
    background-color: #0d47a1 !important;
}

.module-box .module-box-link h4,
.module-box .h4,
.module-box .module-box-link,
.module-box .octicon,
.module-box .octicon-chevron-down,
.module-box .list-item {
    color: #ffffff !important;
}

.module-box .module-box-link .octicon {
    color: #ffffff !important;
}

.list-item,
li .list-item,
ul.list-reset li a.list-item {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.list-item:hover {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
}

ul.list-reset {
    background-color: #ffffff !important;
}

ul.list-reset li a,
ul.list-reset li a.list-item,
ul.list-reset li div.list-item {
    color: #000000 !important;
    background-color: #ffffff !important;
    display: block !important;
}

ul.list-reset li a:hover,
ul.list-reset li a.list-item:hover {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
}

/* Background-ka Login page oo keliya */
body[data-path="login"] {
    background-color: #dfe7fd !important;
}

/* Background-ka Desk home page oo keliya (module cards view) */
.desk-page[data-page-route="desk-home"] .page-content,
.workspace-sidebar-toggle-btn ~ .codex-editor,
[data-page-route="Workspaces/Home"] .layout-main-section,
.desk-page .layout-main-section:has(.module-widget-box),
body .desk-page:has(.desktop) .page-content {
    background-color: #dfe7fd !important;
}

.dropdown-help {
    display: none !important;
}





.data-row .col.col-xs-1:last-child .btn-open-row {
    padding: 0 !important;
}


/* Yaree column-ka ugu dambeeya (arrow-down/edit row icon) grid-ka gudaha */
.grid-row .col.col-xs-1:last-child,
.grid-heading-row .col.col-xs-1:last-child {
    width: 24px !important;
    max-width: 24px !important;
    min-width: 24px !important;
    flex: 0 0 24px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/* Yaree width-ka field-ka Total Amount ee Expense Entry */

/* Yaree width-ka Total Amount (read-only div) - Expense Entry */




/* Yaree width-ka form-column-ka ka kooban Total Amount (Expense Entry) */


/* Expense Entry: samee saddex qaybood oo isku dhawaan ee section-ka Total Amount */

/* Xal kale: beegso form-columns-ka gudaha section-kii u dambeeyay ee Expense Entry */
[data-fieldname="section_break_3"] ~ .section-body .form-column,

/* Dhaqaajiso Total Amount xoogaa dhanka midig si uu ula jaanqaado Balance in Cash Account */

/* Dhaqaajiso Total Amount 20px bidix si uu ula jaanqaado reference-ka */

/* Ballaadhi background-ka Total Amount dhanka midig si uu ula jaanqaado Accounts table-ka */


/* Ka saar margin-right hore, ballaadhi background-ka Total Amount full-width column-kiisa */



[data-fieldname="total_amount"].input-max-width {
    max-width: none !important;
    width: 100% !important;
}
[data-fieldname="total_amount"] .control-input-wrapper,
[data-fieldname="total_amount"] .control-value.like-disabled-input {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

/* Beddel header-ka "Name" una beddel "Account" - Expense Entry list view oo keliya */
[data-doctype="Expense Entry"] .list-row-head [data-fieldname="name"] .list-row-col span,
.frappe-list[data-doctype="Expense Entry"] th[data-fieldname="name"] {
    visibility: hidden;
    position: relative;
}

[data-doctype="Expense Entry"] .list-row-head [data-fieldname="name"] .list-row-col span::after,
.frappe-list[data-doctype="Expense Entry"] th[data-fieldname="name"]::after {
    content: "Account";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}

/* Ku dar hubi in full name uu ka muuqdo navbar-ka meesha kasta */
.toolbar-user-fullname {
    display: inline-block !important;
}

.toolbar-user-fullname.navbar-name-loaded {
    font-size: 14px;
}

/* ============================================================
   Sales Invoice — Scoped visual matching (IKIT parity)
   Scope: [data-doctype="Sales Invoice"] only
   ============================================================ */
@media (min-width: 992px) {
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="naming_series"],
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="branch"],
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="posting_date"],
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="due_date"],
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="customer"] {
        max-width: 220px;
        width: 100%;
    }

    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="outstanding_amount"] label,
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="memo"] label,
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="ref_no"] label,
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="po_no"] label,
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="set_warehouse"] label,
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="sales_person"] label {
        white-space: nowrap;
        overflow: visible;
    }

    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="cash_sales"] .checkbox label,
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="is_delivered"] .checkbox label {
        display: flex;
        align-items: center;
        white-space: nowrap;
        gap: 6px;
    }

    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="cash_sales"] .checkbox input,
    [data-doctype="Sales Invoice"] .frappe-control[data-fieldname="is_delivered"] .checkbox input {
        margin: 0;
    }
}

[data-doctype="Sales Invoice"] .grid-body .rows .grid-row,
[data-doctype="Sales Invoice"] .grid-heading-row {
    min-height: 32px;
}

[data-doctype="Sales Invoice"] .form-grid-container .col.grid-static-col[data-fieldname="item_code"] {
    width: 220px;
}
[data-doctype="Sales Invoice"] .form-grid-container .col.grid-static-col[data-fieldname="item_name"] {
    width: 220px;
}
[data-doctype="Sales Invoice"] .form-grid-container .col.grid-static-col[data-fieldname="qty"],
[data-doctype="Sales Invoice"] .form-grid-container .col.grid-static-col[data-fieldname="rate"],
[data-doctype="Sales Invoice"] .form-grid-container .col.grid-static-col[data-fieldname="amount"] {
    width: 100px;
}

[data-doctype="Sales Invoice"] .form-column .frappe-control[data-fieldname="total_qty"],
[data-doctype="Sales Invoice"] .form-column .frappe-control[data-fieldname="grand_total"],
[data-doctype="Sales Invoice"] .form-column .frappe-control[data-fieldname="base_grand_total"] {
    margin-bottom: 8px;
}

/* REES Primary Button Override */
.btn-primary {
    color: #ffffff !important;
    background-color: #1976d2 !important;
    border-color: #1976d2 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: #ffffff !important;
    background-color: #1565c0 !important;
    border-color: #1565c0 !important;
}

/* Receipt Entry - Payment Modes Amount bold */
[data-fieldname="payment_modes"] .grid-row [data-fieldname="amount"] .static-area,
[data-fieldname="payment_modes"] .grid-row [data-fieldname="amount"] input {
    font-weight: 700 !important;
}

/* =========================================================
RECEIPT ENTRY - PAYMENT MODE AMOUNT BOLD
========================================================= */

[data-fieldname="payment_modes"] [data-fieldname="amount"],
[data-fieldname="payment_modes"] [data-fieldname="amount"] *,
[data-fieldname="payment_modes"] .grid-static-col[data-fieldname="amount"],
[data-fieldname="payment_modes"] .grid-static-col[data-fieldname="amount"] .static-area,
[data-fieldname="payment_modes"] .grid-static-col[data-fieldname="amount"] .ellipsis {
    font-weight: 700 !important;
}


/* =========================================================
Receipt Entry List View - RV NO filter width like IKIT
========================================================= */

body[data-route="List/Receipt Entry/List"]
.list-row-head .list-row-col,
body[data-route="List/Receipt Entry/List"]
.list-filter-row .form-control[data-fieldname="rv_no"] {
    max-width: 90px !important;
}

/* Frappe v12 filter wrapper */
body[data-route="List/Receipt Entry/List"]
.filterable[data-fieldname="rv_no"],
body[data-route="List/Receipt Entry/List"]
[data-fieldname="rv_no"].form-group {
    width: 90px !important;
    max-width: 90px !important;
    flex: 0 0 90px !important;
}


/* Receipt Entry RV NO standard filter compact width */
[data-fieldname="rv_no"] input,
input[data-fieldname="rv_no"] {
    width: 90px !important;
    max-width: 90px !important;
}

.standard-filter-section [data-fieldname="rv_no"],
.list-filters [data-fieldname="rv_no"] {
    flex: 0 0 90px !important;
    width: 90px !important;
    max-width: 90px !important;
}


/* Receipt Entry list filters - compact RV NO like IKIT */
.page-form.flex > .form-group[data-fieldname="rv_no"] {
    flex: 0 0 80px !important;
    width: 80px !important;
    max-width: 80px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.page-form.flex > .form-group[data-fieldname="rv_no"] input {
    width: 100% !important;
    max-width: 100% !important;
}

/* REES DESK SPLASH LOGO */
body > .splash img,
.splash img {
    content: url(
        "/assets/rees_logistics/images/navbar-logo.png"
    );
    width: auto !important;
    height: auto !important;
    max-width: 180px !important;
    max-height: 90px !important;
    object-fit: contain;
}