:root {
    --aquaerp-sidebar-width: 260px;
    --aquaerp-sidebar-background: #0f2942;
    --aquaerp-sidebar-text: #dbe7f1;
    --aquaerp-sidebar-muted: #9fb3c5;
    --aquaerp-sidebar-active: #1677a7;
}

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
    background-color: #f4f7fa;
    color: #1f2937;
}

.app-wrapper {
    min-height: 100vh;
}

.sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1030;
    width: var(--aquaerp-sidebar-width);
    overflow-y: auto;
    background-color: var(--aquaerp-sidebar-background);
    color: var(--aquaerp-sidebar-text);
    transition: transform 0.2s ease-in-out;
}

.sidebar .logo {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.sidebar .logo .text-muted,
.sidebar .menu-title {
    color: var(--aquaerp-sidebar-muted) !important;
}

.sidebar .menu {
    margin: 0;
    padding: 1rem 0.75rem;
}

.sidebar .menu-title {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sidebar .menu li a {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.7rem 0.75rem;
    border-radius: 0.375rem;
    color: var(--aquaerp-sidebar-text);
    text-decoration: none;
}

.sidebar .menu li a:hover,
.sidebar .menu li a:focus,
.sidebar .menu li.active a {
    background-color: var(--aquaerp-sidebar-active);
    color: #fff;
}

.sidebar .nav-section details > summary {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .72rem 1rem;
    cursor: pointer;
    color: inherit;
    list-style: none;
    border-radius: .4rem;
}
.sidebar .nav-section details > summary::-webkit-details-marker { display: none; }
.sidebar .nav-section details > summary::after { content: "▸"; margin-left: auto; }
.sidebar .nav-section details[open] > summary::after { content: "▾"; }
.sidebar .nav-section ul { margin: 0 0 .4rem; }
.sidebar .nav-section ul li a { padding-left: 2.3rem; font-size: .94rem; }
.sidebar .nav-subtitle { padding: .45rem 1rem .2rem 2.3rem; color: #9fb3ca; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }
.sidebar .nav-unavailable { opacity: .62; }
.sidebar .nav-unavailable summary { cursor: not-allowed !important; }
.sidebar .nav-unavailable small { margin-left: auto; font-size: .68rem; }

.main-content {
    min-height: 100vh;
    margin-left: var(--aquaerp-sidebar-width);
    padding: 1rem;
}

.aquaerp-topbar {
    margin-left: var(--aquaerp-sidebar-width);
    width: calc(100% - var(--aquaerp-sidebar-width));
    min-width: 0;
}

.aquaerp-topbar .aquaerp-company-brand {
    display: inline-flex;
    flex: 0 0 auto;
    min-width: max-content;
    max-width: none;
    align-items: center;
    gap: .6rem;
    white-space: nowrap;
}

.aquaerp-topbar .aquaerp-company-logo {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    object-fit: contain;
    border: 1px solid #d9e2ec;
    border-radius: .45rem;
    background: #fff;
    padding: .2rem;
}

.aquaerp-topbar .aquaerp-company-logo-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #315b8a;
    font-size: 1.25rem;
}

.aquaerp-topbar .aquaerp-company-name {
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

.aquaerp-topbar .aquaerp-company-selector {
    min-width: 12rem;
    max-width: 18rem;
}

@media (max-width: 1599.98px) {
    .aquaerp-topbar form[role="search"] {
        display: none !important;
    }
}

.sidebar-mobile-toggle,
.sidebar-backdrop {
    display: none;
}

@media (max-width: 991.98px) {
    html,
    body {
        min-height: 100%;
        height: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .app-wrapper {
        min-height: 100dvh;
        overflow: visible;
    }

    .sidebar {
        transform: translateX(-100%);
    }

    .sidebar.show {
        transform: translateX(0);
        box-shadow: 0 0 1.5rem rgba(15, 41, 66, 0.35);
    }

    .main-content {
        margin-left: 0;
        padding-top: 4.5rem;
    }

    .aquaerp-topbar {
        margin-left: 0;
        width: 100%;
        min-height: 4.5rem;
        flex-wrap: nowrap;
        padding-left: 4.25rem !important;
        padding-right: .65rem !important;
    }

    .aquaerp-topbar .aquaerp-company-brand {
        min-width: 0;
        max-width: calc(100vw - 15rem);
    }

    .aquaerp-topbar .aquaerp-company-logo {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .aquaerp-topbar .aquaerp-company-name {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .aquaerp-topbar .navbar-nav {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: .1rem;
        margin-left: auto !important;
    }

    .aquaerp-topbar .navbar-nav .nav-item:not(:last-child) {
        display: none;
    }

    .aquaerp-topbar #userDropdown span {
        display: none;
    }

    .aquaerp-topbar #userDropdown::after {
        display: none;
    }

    .sidebar-mobile-toggle {
        position: fixed;
        top: 0.75rem;
        left: 0.75rem;
        z-index: 1045;
        display: inline-flex;
        width: 2.75rem;
        height: 2.75rem;
        align-items: center;
        justify-content: center;
        border: 1px solid #d5dee7;
        border-radius: 0.5rem;
        background: #fff;
        color: #0f2942;
        box-shadow: 0 0.25rem 0.75rem rgba(15, 41, 66, 0.15);
        font-size: 1.4rem;
    }

    .sidebar-backdrop.show {
        position: fixed;
        inset: 0;
        z-index: 1025;
        display: block;
        background: rgba(15, 23, 42, 0.5);
    }

    body.sidebar-open {
        overflow: hidden;
    }
}

@media print {
    .sidebar,
    .aquaerp-topbar,
    .sidebar-mobile-toggle,
    .sidebar-backdrop,
    .pwa-status,
    .pwa-update,
    #aquaerpBackButton,
    .report-actions,
    .report-filter {
        display: none !important;
    }

    .main-content {
        min-height: 0;
        margin: 0 !important;
        padding: 0 !important;
    }

    body {
        background: #fff !important;
        color: #000;
    }

    .card {
        break-inside: avoid;
        box-shadow: none !important;
    }
}
/* PACKAGE-013I Batch 11 Sales workspace */
.main-content .table td,.main-content .table th{vertical-align:middle}
.main-content dl dd{overflow-wrap:anywhere}
@media(max-width:575.98px){
  html,body{max-width:100%;overflow-x:hidden}
  .main-content{min-width:0}
  .main-content .container-fluid{padding-left:.75rem;padding-right:.75rem}
  .main-content h1.h2{font-size:1.45rem}
  .main-content .card-body{padding:.875rem}
  .main-content .table-responsive{max-width:100%;overflow-x:auto}
  .main-content .btn{min-height:44px}
  .main-content .form-control,.main-content .form-select{min-height:44px}
  .aquaerp-topbar #sidebarToggle{display:none!important}
  .main-content .table-responsive>.table th:last-child,
  .main-content .table-responsive>.table td:last-child{
    position:sticky;
    right:0;
    z-index:2;
    min-width:4.75rem;
    background:#fff;
    box-shadow:-6px 0 8px rgba(15,41,66,.08);
  }
  .main-content .table-responsive>.table thead th:last-child{background:#f8f9fa}
}