/* POSNEW Global Theme v5.2.0
 * Night mode is the default. Day mode keeps the familiar light AdminLTE surface.
 */
:root {
    --app-night-bg: #0b1220;
    --app-night-surface: #111827;
    --app-night-surface-2: #172033;
    --app-night-surface-3: #202b3d;
    --app-night-border: #2b3950;
    --app-night-text: #e8eef7;
    --app-night-muted: #9ca9bd;
    --app-night-primary: #3b82f6;
}

.ui-svg-icon,
.app-theme-toggle .ui-svg-icon,
.app-theme-floating-toggle .ui-svg-icon {
    width: 1em;
    height: 1em;
    display: block;
    flex: 0 0 auto;
}

.app-theme-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    font-weight: 700;
}
.app-theme-toggle:hover,
.app-theme-toggle:focus { background: rgba(255,255,255,.18) !important; color: #fff !important; }
.app-theme-toggle__icon { width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; }
.app-theme-toggle__day { display: none; }
html[data-app-theme="day"] .app-theme-toggle__night { display: none; }
html[data-app-theme="day"] .app-theme-toggle__day { display: inline-flex; }
.app-theme-toggle__label { font-size: 11px; line-height: 1; white-space: nowrap; }

.app-theme-floating-toggle {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 10050;
    min-width: 44px;
    min-height: 44px;
    border: 1px solid var(--app-night-border);
    border-radius: 50%;
    background: #172033;
    color: #f8fafc;
    box-shadow: 0 10px 26px rgba(0,0,0,.28);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
html[data-app-theme="day"] .app-theme-floating-toggle { background: #fff; color: #334155; border-color: #d8e0ea; }

/* Authenticated/admin application night mode. */
html[data-app-theme="night"] body:not(.modern-auth-page) {
    background: var(--app-night-bg) !important;
    color: var(--app-night-text);
}
html[data-app-theme="night"] body:not(.modern-auth-page) .wrapper,
html[data-app-theme="night"] body:not(.modern-auth-page) .content-wrapper,
html[data-app-theme="night"] body:not(.modern-auth-page) .right-side,
html[data-app-theme="night"] body:not(.modern-auth-page) .main-footer {
    background: var(--app-night-bg) !important;
    color: var(--app-night-text);
}
html[data-app-theme="night"] body:not(.modern-auth-page) .main-header .navbar,
html[data-app-theme="night"] body:not(.modern-auth-page) .main-header .logo {
    background: #0f1a2d !important;
    color: #f8fafc !important;
    border-color: var(--app-night-border) !important;
}
html[data-app-theme="night"] body:not(.modern-auth-page) .main-header .navbar .nav > li > a,
html[data-app-theme="night"] body:not(.modern-auth-page) .main-header .logo,
html[data-app-theme="night"] body:not(.modern-auth-page) .sidebar-toggle { color: #e5edf8 !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .main-sidebar,
html[data-app-theme="night"] body:not(.modern-auth-page) .left-side { background: #0d1627 !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .sidebar-menu > li > a { color: #cbd5e1 !important; border-left-color: transparent; }
html[data-app-theme="night"] body:not(.modern-auth-page) .sidebar-menu > li:hover > a,
html[data-app-theme="night"] body:not(.modern-auth-page) .sidebar-menu > li.active > a,
html[data-app-theme="night"] body:not(.modern-auth-page) .sidebar-menu > li.menu-open > a { background: #172033 !important; color: #fff !important; border-left-color: #3b82f6 !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .sidebar-menu .treeview-menu { background: #101a2c !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .sidebar-menu .treeview-menu > li > a { color: #aeb9c9 !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .sidebar-menu .treeview-menu > li.active > a,
html[data-app-theme="night"] body:not(.modern-auth-page) .sidebar-menu .treeview-menu > li > a:hover { color: #fff !important; }

html[data-app-theme="night"] body:not(.modern-auth-page) .content-header > h1,
html[data-app-theme="night"] body:not(.modern-auth-page) .content-header > h1 > small,
html[data-app-theme="night"] body:not(.modern-auth-page) label,
html[data-app-theme="night"] body:not(.modern-auth-page) .control-label { color: var(--app-night-text) !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .text-muted,
html[data-app-theme="night"] body:not(.modern-auth-page) .help-block { color: var(--app-night-muted) !important; }

html[data-app-theme="night"] body:not(.modern-auth-page) .box,
html[data-app-theme="night"] body:not(.modern-auth-page) .panel,
html[data-app-theme="night"] body:not(.modern-auth-page) .modal-content,
html[data-app-theme="night"] body:not(.modern-auth-page) .dropdown-menu,
html[data-app-theme="night"] body:not(.modern-auth-page) .nav-tabs-custom,
html[data-app-theme="night"] body:not(.modern-auth-page) .well,
html[data-app-theme="night"] body:not(.modern-auth-page) .list-group-item {
    background: var(--app-night-surface) !important;
    color: var(--app-night-text) !important;
    border-color: var(--app-night-border) !important;
}
html[data-app-theme="night"] body:not(.modern-auth-page) .box-header,
html[data-app-theme="night"] body:not(.modern-auth-page) .box-footer,
html[data-app-theme="night"] body:not(.modern-auth-page) .panel-heading,
html[data-app-theme="night"] body:not(.modern-auth-page) .panel-footer,
html[data-app-theme="night"] body:not(.modern-auth-page) .modal-header,
html[data-app-theme="night"] body:not(.modern-auth-page) .modal-footer {
    background: var(--app-night-surface) !important;
    color: var(--app-night-text) !important;
    border-color: var(--app-night-border) !important;
}
html[data-app-theme="night"] body:not(.modern-auth-page) .box-title,
html[data-app-theme="night"] body:not(.modern-auth-page) .modal-title,
html[data-app-theme="night"] body:not(.modern-auth-page) .panel-title { color: var(--app-night-text) !important; }

html[data-app-theme="night"] body:not(.modern-auth-page) .table { color: var(--app-night-text); background: transparent; }
html[data-app-theme="night"] body:not(.modern-auth-page) .table > thead > tr > th {
    background: var(--app-night-surface-3) !important;
    color: #cbd5e1 !important;
    border-color: var(--app-night-border) !important;
}
html[data-app-theme="night"] body:not(.modern-auth-page) .table > tbody > tr > td,
html[data-app-theme="night"] body:not(.modern-auth-page) .table > tfoot > tr > td {
    background: var(--app-night-surface) !important;
    color: var(--app-night-text) !important;
    border-color: var(--app-night-border) !important;
}
html[data-app-theme="night"] body:not(.modern-auth-page) .table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-app-theme="night"] body:not(.modern-auth-page) .table-hover > tbody > tr:hover > td { background: var(--app-night-surface-2) !important; }

html[data-app-theme="night"] body:not(.modern-auth-page) .form-control,
html[data-app-theme="night"] body:not(.modern-auth-page) select,
html[data-app-theme="night"] body:not(.modern-auth-page) textarea,
html[data-app-theme="night"] body:not(.modern-auth-page) .input-group-addon,
html[data-app-theme="night"] body:not(.modern-auth-page) .select2-container--default .select2-selection--single,
html[data-app-theme="night"] body:not(.modern-auth-page) .select2-container--default .select2-selection--multiple {
    background: var(--app-night-surface-2) !important;
    color: var(--app-night-text) !important;
    border-color: var(--app-night-border) !important;
}
html[data-app-theme="night"] body:not(.modern-auth-page) .form-control::placeholder { color: #8290a5; }
html[data-app-theme="night"] body:not(.modern-auth-page) .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--app-night-text) !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .select2-dropdown,
html[data-app-theme="night"] body:not(.modern-auth-page) .select2-results__option { background: var(--app-night-surface) !important; color: var(--app-night-text) !important; border-color: var(--app-night-border) !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .select2-results__option--highlighted { background: #26436f !important; color: #fff !important; }

html[data-app-theme="night"] body:not(.modern-auth-page) .dropdown-menu > li > a { color: #d8e1ed !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .dropdown-menu > li > a:hover,
html[data-app-theme="night"] body:not(.modern-auth-page) .dropdown-menu > li > a:focus { background: var(--app-night-surface-2) !important; color: #fff !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .pagination > li > a,
html[data-app-theme="night"] body:not(.modern-auth-page) .pagination > li > span { background: var(--app-night-surface) !important; color: #d8e1ed !important; border-color: var(--app-night-border) !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .pagination > .active > a,
html[data-app-theme="night"] body:not(.modern-auth-page) .pagination > .active > span { background: #2563eb !important; border-color: #2563eb !important; color: #fff !important; }

html[data-app-theme="night"] body:not(.modern-auth-page) .nav-tabs > li > a { color: #aeb9c9 !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) .nav-tabs > li.active > a,
html[data-app-theme="night"] body:not(.modern-auth-page) .nav-tabs > li.active > a:hover,
html[data-app-theme="night"] body:not(.modern-auth-page) .nav-tabs > li.active > a:focus { background: var(--app-night-surface-2) !important; color: #fff !important; border-color: var(--app-night-border) !important; }
html[data-app-theme="night"] body:not(.modern-auth-page) hr { border-color: var(--app-night-border); }
html[data-app-theme="night"] body:not(.modern-auth-page) .main-footer { border-top: 1px solid var(--app-night-border); }

@media (max-width: 767px) {
    .app-theme-toggle { min-width: 38px; padding: 5px 7px !important; }
    .app-theme-toggle__label { display: none; }
    .app-theme-floating-toggle { right: 10px; bottom: 10px; min-width: 40px; min-height: 40px; }
}

@media print {
    html[data-app-theme="night"] body,
    html[data-app-theme="night"] body .print_section,
    html[data-app-theme="night"] body .invoice,
    html[data-app-theme="night"] body .invoice * {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
    }
    .app-theme-floating-toggle,
    .app-theme-toggle { display: none !important; }
}

/* POSNEW v5.3.0 - font-independent SVG icons */
.menu-svg-icon {
    width: 18px;
    height: 18px;
    margin-right: 11px;
    display: inline-block;
    vertical-align: -4px;
    color: currentColor;
    flex: 0 0 auto;
}
.sidebar-menu .treeview-menu .menu-svg-icon {
    width: 15px;
    height: 15px;
    margin-right: 9px;
    vertical-align: -3px;
}
.menu-caret-icon {
    width: 16px;
    height: 16px;
    display: block;
    transition: transform .18s ease;
}
.sidebar-menu .treeview.menu-open > a .menu-caret-icon,
.sidebar-menu .treeview.active > a .menu-caret-icon {
    transform: rotate(-90deg);
}
.sidebar-menu > li > a,
.sidebar-menu .treeview-menu > li > a {
    display: flex;
    align-items: center;
}
.sidebar-menu > li > a > span:not(.pull-right-container),
.sidebar-menu .treeview-menu > li > a > span:not(.pull-right-container) {
    min-width: 0;
}
.sidebar-menu > li > a .pull-right-container {
    margin-left: auto;
    position: static !important;
    display: inline-flex;
    align-items: center;
}

/* Keep legacy icon elements/handlers but suppress missing Font Awesome glyphs. */
.svg-icon-ready.fa,
.svg-icon-ready.fas,
.svg-icon-ready.far,
.svg-icon-ready.fab {
    width: 1em;
    height: 1em;
    min-width: 1em;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-family: inherit !important;
    font-style: normal;
    line-height: 1;
    vertical-align: -.12em;
}
.svg-icon-ready.fa::before,
.svg-icon-ready.fas::before,
.svg-icon-ready.far::before,
.svg-icon-ready.fab::before {
    content: none !important;
    display: none !important;
}
.legacy-svg-icon {
    width: 1em;
    height: 1em;
    display: block;
    overflow: visible;
}

/* Online indicator no longer needs a webfont glyph once converted. */
#online_indicator.svg-icon-ready {
    color: #22c55e !important;
    width: .58em;
    height: .58em;
    margin-left: 4px;
}

@media (max-width: 767px) {
    .menu-svg-icon {
        width: 19px;
        height: 19px;
        margin-right: 12px;
    }
    .sidebar-menu > li > a {
        min-height: 48px;
    }
}