/* ================================================
   INLINE INVOICE DISCOUNTS - Custom Styles
   ================================================ */

/* Discount column styling */
.bill_col_discount {
    min-width: 150px;
}

.bill_col_discount .input-group-append {
    width: 60px;
}

.bill_col_discount .js_item_discount_type {
    font-size: 12px;
    padding: 0.25rem;
}

/* Hide discount column when needed */
.bill_col_discount.hidden {
    display: none !important;
}

/* Disabled button styling */
button.disabled,
a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}


/* ================================================
   NZAMK GLOBAL THEME — applies to every logged-in
   CRM page (scoped via body.loggedin so auth pages,
   which use wrapperplain, are not affected).
   Brand colors: #16404b (dark teal), #e2ff5e (lemon)
   ================================================ */

/* ---- Page background: lemon-yellow gradient ---- */
body.loggedin {
    background: linear-gradient(135deg, #e2ff5e 0%, #eeff9e 45%, #ffffff 100%) fixed !important;
}
body.loggedin #main-wrapper,
body.loggedin .page-wrapper,
body.loggedin .page-wrapper > .container-fluid {
    background: transparent !important;
}

/* ---- Cards: dark teal with white text ---- */
body.loggedin .card {
    background: #16404b !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    box-shadow: 0 14px 36px -18px rgba(0, 0, 0, 0.45),
                0 2px 6px -2px rgba(0, 0, 0, 0.20);
    color: #ffffff;
}
body.loggedin .card,
body.loggedin .card .card-body,
body.loggedin .card h1, body.loggedin .card h2, body.loggedin .card h3,
body.loggedin .card h4, body.loggedin .card h5, body.loggedin .card h6,
body.loggedin .card .card-title,
body.loggedin .card p,
body.loggedin .card span,
body.loggedin .card label,
body.loggedin .card a:not(.btn) {
    color: #ffffff !important;
}
body.loggedin .card .text-muted { color: rgba(255, 255, 255, 0.65) !important; }
body.loggedin .card .text-dark  { color: #ffffff !important; }

/* tables inside cards */
body.loggedin .card table,
body.loggedin .card .table { color: #ffffff !important; }
body.loggedin .card .table th,
body.loggedin .card .table td,
body.loggedin .card thead th,
body.loggedin .card tbody td {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
}
body.loggedin .card .progress { background: rgba(255, 255, 255, 0.10) !important; }

/* form inputs inside cards stay readable */
body.loggedin .card .form-control,
body.loggedin .card .form-select,
body.loggedin .card textarea.form-control,
body.loggedin .card input[type="text"],
body.loggedin .card input[type="email"],
body.loggedin .card input[type="number"],
body.loggedin .card input[type="search"],
body.loggedin .card input[type="password"] {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
    color: #ffffff !important;
}
body.loggedin .card .form-control::placeholder { color: rgba(255, 255, 255, 0.55) !important; }

/* ---- TOP NAVBAR (dark teal) ---- */
body.loggedin .topbar,
body.loggedin .topbar .navbar.top-navbar,
body.loggedin .navbar-header,
body.loggedin #topnav-logo-container {
    background: #16404b !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.loggedin .topbar .nav-link,
body.loggedin .topbar .navbar-nav > li > a,
body.loggedin .topbar .nav-link i,
body.loggedin .topbar .navbar-nav > li > a i,
body.loggedin .topbar .navbar-brand,
body.loggedin .topbar .navbar-brand i {
    color: #ffffff !important;
}
body.loggedin .topbar .nav-link:hover,
body.loggedin .topbar .navbar-nav > li > a:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}
body.loggedin .topbar .search-box .app-search input,
body.loggedin .topbar input[type="search"],
body.loggedin .topbar input[type="text"].form-control {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}
body.loggedin .topbar .search-box .app-search input::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* dropdown menus opened from the dark navbar — keep light/readable */
body.loggedin .topbar .dropdown-menu {
    background: #ffffff !important;
    color: #16404b !important;
    border: 1px solid rgba(22, 64, 75, 0.10);
    box-shadow: 0 14px 36px -18px rgba(0, 0, 0, 0.30);
}
body.loggedin .topbar .dropdown-menu .dropdown-item,
body.loggedin .topbar .dropdown-menu a {
    color: #16404b !important;
}
body.loggedin .topbar .dropdown-menu .dropdown-item:hover {
    background: rgba(22, 64, 75, 0.06) !important;
}


/* ---- LEFT SIDEBAR (dark teal) ---- */
body.loggedin .left-sidebar,
body.loggedin .scroll-sidebar,
body.loggedin .sidebar-nav,
body.loggedin .sidebar-nav > ul {
    background: #16404b !important;
}
body.loggedin .left-sidebar .sidenav-menu-item > a,
body.loggedin .sidebar-nav ul li a,
body.loggedin .sidebar-nav ul li a i,
body.loggedin .sidebar-nav ul li a span {
    color: rgba(255, 255, 255, 0.85) !important;
}
body.loggedin .sidebar-nav ul li a:hover,
body.loggedin .sidebar-nav ul li.active > a,
body.loggedin .left-sidebar .sidenav-menu-item.active > a {
    background: rgba(226, 255, 94, 0.12) !important;
    color: #e2ff5e !important;
}
body.loggedin .sidebar-nav ul li a:hover i,
body.loggedin .sidebar-nav ul li.active > a i,
body.loggedin .left-sidebar .sidenav-menu-item.active > a i {
    color: #e2ff5e !important;
}
body.loggedin .sidebar-nav .nav-small-cap,
body.loggedin .sidebar-nav .nav-label {
    color: rgba(255, 255, 255, 0.45) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
body.loggedin .sidebar-nav ul ul {
    background: rgba(0, 0, 0, 0.18) !important;
}

/* ---- Page heading / breadcrumb area on lemon background ---- */
body.loggedin .page-titles,
body.loggedin .crumbs-wrapper,
body.loggedin .main-pages-crumbs {
    background: transparent !important;
}
body.loggedin .page-titles h3,
body.loggedin .page-titles h4,
body.loggedin .crumbs-wrapper a,
body.loggedin .crumbs-wrapper span,
body.loggedin .breadcrumb,
body.loggedin .breadcrumb-item,
body.loggedin .breadcrumb-item a,
body.loggedin .breadcrumb-item.active {
    color: #16404b !important;
}