/* ==========================================================
   CORRECTO WMS FRONTEND CORE
   Central Theme + Responsive Foundation

   BREAKPOINT STRATEGY:
   base      = phone / PDA
   576px     = large phone
   768px     = tablet
   1024px    = laptop
   1280px    = desktop
   1600px    = large desktop
   ========================================================== */


/* ==========================================================
   1. DESIGN TOKENS - LIGHT
   ========================================================== */

:root {
    color-scheme: light;

    --wms-bg: #f4f6f8;
    --wms-bg-secondary: #eef1f4;

    --wms-surface: #ffffff;
    --wms-surface-2: #f8fafb;
    --wms-surface-3: #f1f4f6;

    --wms-text: #17211b;
    --wms-text-secondary: #47544b;
    --wms-muted: #738078;

    --wms-border: #dce3df;
    --wms-border-strong: #c8d1cc;

    --wms-primary: #657515;
    --wms-primary-hover: #566411;
    --wms-primary-soft: #eef2d7;

    --wms-success: #16834b;
    --wms-warning: #b87800;
    --wms-danger: #c43d3d;
    --wms-info: #2878b8;

    --wms-input-bg: #ffffff;
    --wms-input-border: #ccd5d0;

    --wms-hover: rgba(16, 18, 4, .045);
    --wms-selected: rgba(101, 117, 21, .12);

    --wms-overlay: rgba(10, 14, 10, .52);

    --wms-shadow-sm:
        0 1px 2px rgba(16, 24, 18, .05);

    --wms-shadow:
        0 6px 20px rgba(16, 24, 18, .07);

    --wms-shadow-lg:
        0 18px 45px rgba(16, 24, 18, .12);

    --wms-radius-xs: 6px;
    --wms-radius-sm: 8px;
    --wms-radius: 12px;
    --wms-radius-lg: 16px;
    --wms-radius-xl: 20px;

    --wms-space-1: 4px;
    --wms-space-2: 8px;
    --wms-space-3: 12px;
    --wms-space-4: 16px;
    --wms-space-5: 20px;
    --wms-space-6: 24px;
    --wms-space-8: 32px;

    --wms-control-height: 44px;
    --wms-touch-height: 48px;

    --wms-sidebar-width: 250px;

    --wms-content-max: 1920px;

    --wms-transition:
        160ms ease;
}


/* ==========================================================
   2. DARK THEME
   GLAVNA DARK BOJA = #101204
   ========================================================== */

html[data-theme="dark"],
body[data-theme="dark"],
[data-theme="dark"] {

    color-scheme: dark;

    --wms-bg: #202020;
    --wms-bg-secondary: #141706;

    --wms-surface: #171a09;
    --wms-surface-2: #1b1f0b;
    --wms-surface-3: #20250e;

    --wms-text: #f4f6ec;
    --wms-text-secondary: #cbd1bd;
    --wms-muted: #969e83;

    --wms-border: #30351b;
    --wms-border-strong: #424927;

    --wms-primary: #a6b94b;
    --wms-primary-hover: #b7ca59;
    --wms-primary-soft: rgba(166, 185, 75, .14);

    --wms-success: #4cc982;
    --wms-warning: #e7ad42;
    --wms-danger: #ef6b6b;
    --wms-info: #62aee8;

    --wms-input-bg: #181c09;
    --wms-input-border: #383e21;

    --wms-hover: rgba(255, 255, 255, .045);
    --wms-selected: rgba(166, 185, 75, .14);

    --wms-overlay: rgba(0, 0, 0, .68);

    --wms-shadow-sm:
        0 1px 3px rgba(0, 0, 0, .24);

    --wms-shadow:
        0 8px 24px rgba(0, 0, 0, .24);

    --wms-shadow-lg:
        0 20px 55px rgba(0, 0, 0, .38);
}


/* ==========================================================
   3. RESET / GLOBAL
   ========================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    width: 100%;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    margin: 0;
    width: 100%;
    min-width: 0;
    min-height: 100vh;

    background: var(--wms-bg);
    color: var(--wms-text);

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 14px;
    line-height: 1.5;

    transition:
        background-color var(--wms-transition),
        color var(--wms-transition);
}

img,
svg,
video,
canvas {
    max-width: 100%;
}

img {
    height: auto;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
a,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}

button,
a {
    touch-action: manipulation;
}

a {
    color: inherit;
}


/* ==========================================================
   4. COMMON SURFACES
   ========================================================== */

.card,
.panel,
.box,
.widget,
.modal-content,
.dialog-content {

    background: var(--wms-surface);
    color: var(--wms-text);

    border-color: var(--wms-border);

    transition:
        background-color var(--wms-transition),
        border-color var(--wms-transition),
        color var(--wms-transition),
        box-shadow var(--wms-transition);
}


/* ==========================================================
   5. FORM CONTROLS
   ========================================================== */

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {

    max-width: 100%;

    background-color: var(--wms-input-bg);
    color: var(--wms-text);

    border-color: var(--wms-input-border);

    transition:
        background-color var(--wms-transition),
        border-color var(--wms-transition),
        color var(--wms-transition),
        box-shadow var(--wms-transition);
}

input::placeholder,
textarea::placeholder {
    color: var(--wms-muted);
    opacity: 1;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--wms-primary);
    box-shadow: 0 0 0 3px var(--wms-primary-soft);
}


/* ==========================================================
   6. BUTTON FOUNDATION
   ========================================================== */

button,
.btn {

    min-height: var(--wms-control-height);

    cursor: pointer;

    transition:
        transform 100ms ease,
        background-color var(--wms-transition),
        border-color var(--wms-transition),
        color var(--wms-transition),
        box-shadow var(--wms-transition);
}

button:active,
.btn:active {
    transform: translateY(1px);
}

button:disabled,
.btn:disabled {
    cursor: not-allowed;
    opacity: .55;
}


/* ==========================================================
   7. TABLE FOUNDATION
   ========================================================== */

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    color: var(--wms-text-secondary);
}

td,
th {
    border-color: var(--wms-border);
}

tbody tr {
    transition: background-color var(--wms-transition);
}

tbody tr:hover {
    background-color: var(--wms-hover);
}


/* ==========================================================
   8. SCROLLBAR
   ========================================================== */

* {
    scrollbar-width: thin;
    scrollbar-color:
        var(--wms-border-strong)
        transparent;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--wms-border-strong);
    border-radius: 20px;
}


/* ==========================================================
   9. RESPONSIVE UTILITIES
   ========================================================== */

.wms-container {
    width: 100%;
    max-width: var(--wms-content-max);
    margin-inline: auto;

    padding-inline:
        clamp(12px, 2vw, 28px);
}

.wms-grid {
    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                min(100%, 260px),
                1fr
            )
        );

    gap:
        clamp(12px, 1.5vw, 20px);
}

.wms-flex {
    display: flex;
    min-width: 0;
}

.wms-wrap {
    flex-wrap: wrap;
}

.wms-grow {
    flex: 1 1 auto;
    min-width: 0;
}

.wms-scroll-x {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.wms-hidden {
    display: none;
}


/* ==========================================================
   10. PREVENT COMMON OVERFLOW
   ========================================================== */

main,
section,
article,
aside,
header,
footer,
nav,
div {
    min-width: 0;
}

pre,
code {
    max-width: 100%;
}

pre {
    overflow: auto;
}

.long-text,
.break-word {
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* ==========================================================
   11. PHONE / PDA
   BASE: 0 - 575px
   ========================================================== */

@media (max-width: 575.98px) {

    :root {
        --wms-control-height: 46px;
        --wms-touch-height: 48px;
    }

    body {
        font-size: 14px;
    }

    .wms-container {
        padding-inline: 10px;
    }

    .wms-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    button,
    .btn {
        min-height: var(--wms-touch-height);
    }

    input:not([type="checkbox"]):not([type="radio"]),
    select {
        min-height: var(--wms-touch-height);
    }

    textarea {
        min-height: 96px;
    }

}


/* ==========================================================
   12. LARGE PHONE
   ========================================================== */

@media (min-width: 576px) {

    .wms-container {
        padding-inline: 14px;
    }

}


/* ==========================================================
   13. TABLET
   ========================================================== */

@media (min-width: 768px) {

    body {
        font-size: 14px;
    }

    .wms-container {
        padding-inline: 18px;
    }

}


/* ==========================================================
   14. LAPTOP
   ========================================================== */

@media (min-width: 1024px) {

    .wms-container {
        padding-inline: 22px;
    }

}


/* ==========================================================
   15. DESKTOP
   ========================================================== */

@media (min-width: 1280px) {

    .wms-container {
        padding-inline: 24px;
    }

}


/* ==========================================================
   16. LARGE DESKTOP
   ========================================================== */

@media (min-width: 1600px) {

    .wms-container {
        padding-inline: 28px;
    }

}


/* ==========================================================
   17. TOUCH DEVICES
   ========================================================== */

@media (hover: none) and (pointer: coarse) {

    button,
    .btn,
    a[role="button"] {
        min-height: 48px;
    }

    tbody tr:hover {
        background: inherit;
    }

}


/* ==========================================================
   18. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto;
        transition-duration: .01ms;
        animation-duration: .01ms;
        animation-iteration-count: 1;
    }

}


/* ==========================================================
   19. PRINT
   ========================================================== */

@media print {

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

    nav,
    aside,
    .sidebar,
    .no-print {
        display: none;
    }

}


/* ==========================================================
   END CORRECTO WMS CORE
   ========================================================== */

/* REMOVED LEGACY BLOCK: WMS CORE PHASE 3A */

/* === CORRECTO WMS PHASE 3B START === */

/*
==============================================================
 CORRECTO WMS
 GLOBAL APPLICATION SHELL
==============================================================

 Autoritativni raspored:

 Desktop
   Sidebar: 248px
   Collapsed: 82px
   Topbar: 58px

 Tablet / Phone / PDA <= 980px
   Sidebar postaje drawer
   Desktop topbar nestaje
   Mobile topbar se prikazuje

 wms-core.css je POSLEDNJI CSS sloj i zato ova pravila
 imaju prednost nad starim responsive.css pravilima.
==============================================================
*/

:root {
    --wms-shell-sidebar: 248px;
    --wms-shell-sidebar-collapsed: 82px;
    --wms-shell-topbar: 58px;

    --wms-shell-z-sidebar: 1000;
    --wms-shell-z-overlay: 999;
    --wms-shell-z-topbar: 998;

    --wms-shell-transition: 180ms ease;
}


/* ==========================================================
   DOCUMENT
   ========================================================== */

html.wms-shell-enabled,
html.wms-shell-enabled body {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

html.wms-shell-enabled {
    overflow-x: hidden;
}

body.wms-has-sidebar {
    min-width: 0 !important;
    padding-left: var(--wms-shell-sidebar) !important;
    padding-top: var(--wms-shell-topbar) !important;

    transition:
        padding-left var(--wms-shell-transition),
        background-color var(--wms-shell-transition);
}


/* ==========================================================
   DESKTOP SIDEBAR
   ========================================================== */

.wms-sidebar {
    position: fixed !important;

    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: var(--wms-shell-sidebar) !important;
    min-width: var(--wms-shell-sidebar) !important;
    max-width: var(--wms-shell-sidebar) !important;

    height: 100dvh;

    display: flex !important;
    flex-direction: column !important;

    z-index: var(--wms-shell-z-sidebar) !important;

    overflow: hidden;

    background: var(--wms-surface) !important;
    color: var(--wms-text) !important;

    border-right: 1px solid var(--wms-line) !important;

    box-shadow:
        10px 0 32px rgba(0,0,0,.10);

    transition:
        width var(--wms-shell-transition),
        min-width var(--wms-shell-transition),
        max-width var(--wms-shell-transition),
        transform var(--wms-shell-transition),
        background-color var(--wms-shell-transition);
}


/* ==========================================================
   SIDEBAR HEADER
   ========================================================== */

.wms-sidebar-head {
    min-height: 64px !important;
    height: 64px !important;

    flex: 0 0 64px !important;

    display: flex !important;
    align-items: center !important;

    gap: 10px !important;

    padding: 12px !important;

    border-bottom:
        1px solid var(--wms-line) !important;

    background:
        var(--wms-surface) !important;
}

.wms-sidebar-head strong {
    color: var(--wms-heading) !important;
}

.wms-sidebar-head small {
    color: var(--wms-muted) !important;
}


/* ==========================================================
   SIDEBAR NAVIGATION
   ========================================================== */

.wms-side-nav {
    flex: 1 1 auto;

    min-height: 0;

    overflow-y: auto;
    overflow-x: hidden;

    padding:
        10px 9px
        max(16px, env(safe-area-inset-bottom));

    scrollbar-width: thin;
    scrollbar-color:
        var(--wms-line)
        transparent;
}

.wms-side-nav a {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 10px;

    min-height: 42px;

    margin: 2px 0;

    padding: 9px 10px;

    border:
        1px solid transparent;

    border-radius: 10px;

    color: var(--wms-text) !important;

    text-decoration: none;

    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        color 140ms ease,
        transform 140ms ease;
}

.wms-side-nav a:hover {
    background:
        var(--wms-surface-2) !important;

    border-color:
        var(--wms-line) !important;
}

.wms-side-nav a.active,
.wms-side-nav a[aria-current="page"] {
    background:
        color-mix(
            in srgb,
            var(--wms-brand) 14%,
            var(--wms-surface)
        ) !important;

    border-color:
        color-mix(
            in srgb,
            var(--wms-brand) 35%,
            var(--wms-line)
        ) !important;

    color:
        var(--wms-heading) !important;
}

.wms-side-nav a span,
.wms-side-nav a b {
    min-width: 0;
}

.wms-side-nav a b {
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}


/* ==========================================================
   SIDEBAR FOOTER
   ========================================================== */

.wms-sidebar-foot {
    flex: 0 0 auto;

    border-top:
        1px solid var(--wms-line) !important;

    background:
        var(--wms-surface) !important;
}


/* ==========================================================
   DESKTOP TOPBAR
   ========================================================== */

.wms-desktop-topbar {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;

    left:
        var(--wms-shell-sidebar) !important;

    height:
        var(--wms-shell-topbar) !important;

    min-height:
        var(--wms-shell-topbar) !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 14px;

    padding:
        0 clamp(14px, 2vw, 24px) !important;

    z-index:
        var(--wms-shell-z-topbar) !important;

    background:
        color-mix(
            in srgb,
            var(--wms-surface) 94%,
            transparent
        ) !important;

    color:
        var(--wms-text) !important;

    border-bottom:
        1px solid var(--wms-line) !important;

    backdrop-filter:
        blur(18px);

    transition:
        left var(--wms-shell-transition),
        background-color var(--wms-shell-transition);
}


/* ==========================================================
   DESKTOP TOPBAR ACTIONS
   ========================================================== */

.wms-top-actions {
    display: flex;

    align-items: center;

    gap: 8px;

    min-width: 0;
}

.wms-top-actions a,
.wms-top-actions button {
    min-height: 36px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 7px 11px;

    border:
        1px solid var(--wms-line) !important;

    border-radius: 9px;

    background:
        var(--wms-surface-2) !important;

    color:
        var(--wms-text) !important;

    text-decoration: none;

    white-space: nowrap;
}


/* ==========================================================
   COLLAPSED SIDEBAR
   ========================================================== */

body.wms-has-sidebar.wms-sidebar-collapsed {
    padding-left:
        var(--wms-shell-sidebar-collapsed) !important;
}

.wms-sidebar-collapsed .wms-sidebar {
    width:
        var(--wms-shell-sidebar-collapsed) !important;

    min-width:
        var(--wms-shell-sidebar-collapsed) !important;

    max-width:
        var(--wms-shell-sidebar-collapsed) !important;
}

.wms-sidebar-collapsed .wms-desktop-topbar {
    left:
        var(--wms-shell-sidebar-collapsed) !important;
}

.wms-sidebar-collapsed .wms-brand-copy,
.wms-sidebar-collapsed .wms-nav-label,
.wms-sidebar-collapsed .wms-side-nav a b,
.wms-sidebar-collapsed .wms-user-row > div,
.wms-sidebar-collapsed #wmsLogout {
    display: none !important;
}

.wms-sidebar-collapsed .wms-sidebar-head {
    justify-content: center !important;
}

.wms-sidebar-collapsed .wms-side-nav a {
    justify-content: center !important;

    padding-left: 8px !important;
    padding-right: 8px !important;
}

.wms-sidebar-collapsed .wms-user-row {
    display: flex !important;

    justify-content: center !important;
}

.wms-sidebar-collapsed .wms-sidebar-actions {
    grid-template-columns: 1fr !important;
}


/* ==========================================================
   PAGE CONTENT
   ========================================================== */

body.wms-has-sidebar > main,
body.wms-has-sidebar > .wrap,
body.wms-has-sidebar > .container,
body.wms-has-sidebar > .page-content,
body.wms-has-sidebar > .main-content,
body.wms-has-sidebar > .dashboard-v2 {

    min-width: 0 !important;

    width: 100%;

    max-width: none;

    box-sizing: border-box;
}


/* ==========================================================
   LEGACY HEADER

   App shell postoji -> stari page header se ne koristi kao
   glavna navigacija.
   ========================================================== */

body.wms-has-sidebar > header.wms-legacy-header {
    display: none !important;
}


/* ==========================================================
   MOBILE ELEMENTS - DESKTOP DEFAULT
   ========================================================== */

.wms-mobile-topbar,
.wms-menu-overlay,
.wms-menu-close {
    display: none !important;
}


/* ==========================================================
   TABLET / PHONE / PDA
   ========================================================== */

@media (max-width: 980px) {

    body.wms-has-sidebar,
    body.wms-has-sidebar.wms-sidebar-collapsed {

        padding-left: 0 !important;

        padding-top:
            calc(
                62px +
                env(safe-area-inset-top)
            ) !important;
    }


    /* Desktop bar off */

    .wms-desktop-topbar {
        display: none !important;
    }


    /* Mobile topbar */

    .wms-mobile-topbar {

        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 8px;

        height:
            calc(
                62px +
                env(safe-area-inset-top)
            ) !important;

        min-height:
            calc(
                62px +
                env(safe-area-inset-top)
            ) !important;

        padding-top:
            env(safe-area-inset-top);

        padding-left:
            max(
                10px,
                env(safe-area-inset-left)
            ) !important;

        padding-right:
            max(
                10px,
                env(safe-area-inset-right)
            ) !important;

        z-index:
            var(--wms-shell-z-topbar) !important;

        background:
            var(--wms-surface) !important;

        color:
            var(--wms-text) !important;

        border-bottom:
            1px solid var(--wms-line) !important;
    }


    .wms-mobile-topbar button,
    .wms-mobile-topbar a {

        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        min-height: 42px !important;

        padding: 0 !important;

        display: grid !important;

        place-items: center !important;

        border:
            1px solid var(--wms-line) !important;

        border-radius: 10px !important;

        background:
            var(--wms-surface-2) !important;

        color:
            var(--wms-text) !important;
    }


    .wms-mobile-topbar > div {

        min-width: 0;

        max-width:
            calc(100vw - 124px);

        display: grid;

        text-align: center;
    }


    .wms-mobile-topbar small {

        color:
            var(--wms-brand) !important;

        font-size: 10px;

        font-weight: 800;

        letter-spacing: .08em;

        text-transform: uppercase;
    }


    .wms-mobile-topbar strong {

        max-width: 100% !important;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        color:
            var(--wms-heading) !important;

        font-size: 14px !important;
    }


    /* Sidebar becomes drawer */

    .wms-sidebar,
    .wms-sidebar-collapsed .wms-sidebar {

        top: 0 !important;

        width:
            min(320px, 90vw) !important;

        min-width: 0 !important;

        max-width:
            min(320px, 90vw) !important;

        transform:
            translateX(-105%) !important;

        box-shadow:
            18px 0 50px rgba(0,0,0,.30);
    }


    .wms-menu-visible .wms-sidebar {

        transform:
            translateX(0) !important;
    }


    /* Restore collapsed content in drawer */

    .wms-sidebar-collapsed .wms-brand-copy,
    .wms-sidebar-collapsed .wms-nav-label,
    .wms-sidebar-collapsed .wms-side-nav a b,
    .wms-sidebar-collapsed .wms-user-row > div,
    .wms-sidebar-collapsed #wmsLogout {

        display: block !important;
    }


    .wms-sidebar-collapsed .wms-sidebar-head {

        justify-content:
            flex-start !important;
    }


    .wms-sidebar-collapsed .wms-side-nav a {

        justify-content:
            flex-start !important;

        padding:
            9px 10px !important;
    }


    .wms-sidebar-collapsed .wms-user-row {

        display:
            grid !important;

        justify-content:
            initial !important;
    }


    .wms-sidebar-collapsed .wms-sidebar-actions {

        grid-template-columns:
            42px minmax(0,1fr) !important;
    }


    /* Overlay */

    .wms-menu-overlay {

        display:
            block !important;

        position:
            fixed !important;

        inset:
            0 !important;

        z-index:
            var(--wms-shell-z-overlay) !important;

        opacity: 0;

        visibility: hidden;

        pointer-events: none;

        background:
            rgba(0,0,0,.58) !important;

        backdrop-filter:
            blur(3px);

        transition:
            opacity var(--wms-shell-transition),
            visibility var(--wms-shell-transition);
    }


    .wms-menu-visible .wms-menu-overlay {

        opacity: 1;

        visibility: visible;

        pointer-events: auto;
    }


    .wms-menu-close {

        display:
            block !important;
    }


    /* Content */

    body.wms-has-sidebar > main,
    body.wms-has-sidebar > .wrap,
    body.wms-has-sidebar > .container,
    body.wms-has-sidebar > .page-content,
    body.wms-has-sidebar > .main-content,
    body.wms-has-sidebar > .dashboard-v2 {

        width: 100% !important;

        max-width: 100% !important;

        margin-left: 0 !important;

        margin-right: 0 !important;
    }
}


/* ==========================================================
   SMALL PHONE / PDA
   ========================================================== */

@media (max-width: 520px) {

    .wms-sidebar,
    .wms-sidebar-collapsed .wms-sidebar {

        width: 92vw !important;

        max-width: 92vw !important;
    }


    .wms-side-nav a {

        min-height: 48px;

        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }


    .wms-mobile-topbar {

        padding-left:
            max(
                8px,
                env(safe-area-inset-left)
            ) !important;

        padding-right:
            max(
                8px,
                env(safe-area-inset-right)
            ) !important;
    }


    .wms-mobile-topbar button,
    .wms-mobile-topbar a {

        width: 40px !important;

        height: 40px !important;

        min-width: 40px !important;

        min-height: 40px !important;
    }


    .wms-mobile-topbar > div {

        max-width:
            calc(100vw - 112px);
    }
}


/* ==========================================================
   VERY SMALL PDA
   ========================================================== */

@media (max-width: 380px) {

    .wms-sidebar,
    .wms-sidebar-collapsed .wms-sidebar {

        width: 94vw !important;

        max-width: 94vw !important;
    }


    .wms-mobile-topbar strong {

        font-size:
            13px !important;
    }


    .wms-mobile-topbar small {

        font-size:
            9px !important;
    }
}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width: 1800px) {

    body.wms-has-sidebar > main,
    body.wms-has-sidebar > .wrap,
    body.wms-has-sidebar > .container,
    body.wms-has-sidebar > .dashboard-v2 {

        padding-left:
            clamp(20px, 2vw, 36px);

        padding-right:
            clamp(20px, 2vw, 36px);
    }
}


/* ==========================================================
   DARK SHELL
   ========================================================== */

html[data-theme="dark"] body {

    background:
        #101204 !important;
}


html[data-theme="dark"] .wms-sidebar {

    background:
        #101204 !important;

    border-right-color:
        rgba(255,255,255,.08) !important;
}


html[data-theme="dark"] .wms-sidebar-head,
html[data-theme="dark"] .wms-sidebar-foot {

    background:
        #101204 !important;
}


html[data-theme="dark"] .wms-desktop-topbar,
html[data-theme="dark"] .wms-mobile-topbar {

    background:
        color-mix(
            in srgb,
            #101204 94%,
            transparent
        ) !important;
}


/* ==========================================================
   LIGHT SHELL
   ========================================================== */

html[data-theme="light"] .wms-sidebar,
html[data-theme="light"] .wms-sidebar-head,
html[data-theme="light"] .wms-sidebar-foot {

    background:
        #ffffff !important;
}


html[data-theme="light"] .wms-desktop-topbar,
html[data-theme="light"] .wms-mobile-topbar {

    background:
        rgba(255,255,255,.96) !important;
}


/* ==========================================================
   TOUCH DEVICES
   ========================================================== */

@media (pointer: coarse) {

    .wms-side-nav a {

        min-height: 46px;
    }


    .wms-top-actions a,
    .wms-top-actions button {

        min-height: 42px;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    body.wms-has-sidebar,
    .wms-sidebar,
    .wms-desktop-topbar,
    .wms-menu-overlay {

        transition: none !important;
    }
}

/* === CORRECTO WMS PHASE 3B END === */

/* === CORRECTO WMS PHASE 4B START === */

/*
 ============================================================
 PREMIUM THEME LEGACY COMPATIBILITY

 premium-theme.css je uklonjen kao dependency.

 Ovaj blok NE redefinise:
   --wms-bg
   --wms-surface
   --wms-text
   --wms-brand
   LIGHT/DARK palette

 Sve boje dolaze iskljucivo iz centralnih WMS tokena.
 ============================================================
 */


/* Legacy card names -> central surface */

.setting-card,
.status-card,
.metrics > div,
.v14-card {
    background: var(--wms-surface);
    color: var(--wms-text);
    border-color: var(--wms-line);
    box-shadow: var(--wms-shadow);
}


/* Legacy primary button -> central primary */

.v14-primary {
    background: var(--wms-brand);
    color: #fff;
    border-color: var(--wms-brand);
}

.v14-primary:hover {
    background: var(--wms-brand-hover);
    border-color: var(--wms-brand-hover);
}


/* Legacy ghost button */

.ghost {
    background: transparent;
    color: var(--wms-text);
    border-color: var(--wms-line);
}

.ghost:hover,
.secondary:hover {
    background: var(--wms-hover);
}


/* Native controls */

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--wms-brand);
}


/* Old header is obsolete when central shell is active */

body.wms-has-sidebar > header.wms-legacy-header {
    display: none;
}

/* === CORRECTO WMS PHASE 4B END === */

/* === CORRECTO WMS PHASE 4C START === */

/*
 ============================================================
 LEGACY V14 COMPONENT COMPATIBILITY

 v14.css vise nije theme engine.

 Sve komponente koriste centralne:
   --wms-bg
   --wms-surface
   --wms-surface-2
   --wms-text
   --wms-muted
   --wms-line
   --wms-input
   --wms-hover
   --wms-brand
   --wms-brand-hover
   --wms-shadow

 DARK dolazi iskljucivo iz centralnog #101204 sistema.
 ============================================================
 */

.v14-page {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 28px;
    color: var(--wms-text);
}

.v14-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 28px;
    margin-bottom: 22px;

    background: var(--wms-surface);
    color: var(--wms-text);

    border: 1px solid var(--wms-line);
    border-radius: var(--wms-radius);

    box-shadow: var(--wms-shadow);
}

.v14-hero small {
    color: var(--wms-muted);
}

.v14-hero h1 {
    margin: 0;
    color: var(--wms-heading);
}

.v14-hero p {
    margin: 6px 0 0;
    color: var(--wms-muted);
}


/* ==========================================================
   GRID
   ========================================================== */

.v14-grid {
    display: grid;
    gap: 20px;
}

.v14-grid-users {
    grid-template-columns:
        minmax(320px, .8fr)
        minmax(420px, 1.2fr);
}

.v14-grid-shipping {
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}


/* ==========================================================
   CARD
   ========================================================== */

.v14-card {
    background: var(--wms-surface);
    color: var(--wms-text);

    border: 1px solid var(--wms-line);
    border-radius: var(--wms-radius);

    padding: 22px;

    box-shadow: var(--wms-shadow);
}

.v14-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    margin-bottom: 18px;
}

.v14-section-title,
.v14-card h2,
.v14-card h3 {
    color: var(--wms-heading);
}

.v14-section-title {
    margin: 0 0 14px;
}

.v14-card input,
.v14-card select,
.v14-card textarea {
    width: 100%;

    background: var(--wms-input);
    color: var(--wms-text);

    border: 1px solid var(--wms-line);
    border-radius: var(--wms-radius-sm);

    padding: 11px 12px;
}

.v14-card input:focus,
.v14-card select:focus,
.v14-card textarea:focus {
    outline: none;
    border-color: var(--wms-brand);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--wms-brand) 16%,
            transparent
        );
}


/* ==========================================================
   FORM
   ========================================================== */

.v14-form {
    display: grid;
    gap: 14px;
}

.v14-form-2 {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}

.v14-form label {
    display: grid;
    gap: 7px;

    color: var(--wms-text);
}

.v14-span-2 {
    grid-column: 1 / -1;
}


/* ==========================================================
   BUTTONS
   ========================================================== */

.v14-primary,
.v14-secondary,
.v14-danger {
    min-height: 42px;

    padding: 10px 16px;

    border-radius: var(--wms-radius-sm);
    border: 1px solid transparent;

    cursor: pointer;

    font: inherit;
    font-weight: 700;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        transform .15s ease;
}

.v14-primary {
    background: var(--wms-brand);
    border-color: var(--wms-brand);
    color: #fff;
}

.v14-primary:hover {
    background: var(--wms-brand-hover);
    border-color: var(--wms-brand-hover);
}

.v14-secondary {
    background: var(--wms-surface-2);
    border-color: var(--wms-line);
    color: var(--wms-text);
}

.v14-secondary:hover {
    background: var(--wms-hover);
}

.v14-danger {
    background: var(--wms-danger);
    border-color: var(--wms-danger);
    color: #fff;
}


/* ==========================================================
   LISTS
   ========================================================== */

.v14-list {
    display: grid;
    gap: 10px;
}

.v14-list-item,
.v14-list-card {
    border: 1px solid var(--wms-line);
    border-radius: var(--wms-radius-sm);

    background: var(--wms-surface-2);
    color: var(--wms-text);
}

.v14-list-item {
    padding: 13px 14px;
}

.v14-list-item:hover {
    background: var(--wms-hover);
}

.v14-list-item strong,
.v14-list-card strong {
    color: var(--wms-heading);
}

.v14-list-item small,
.v14-list-card small {
    color: var(--wms-muted);
}

.v14-list-card {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap: 12px;

    align-items: center;

    padding: 14px;
}

.v14-empty {
    padding: 24px;

    text-align: center;

    color: var(--wms-muted);

    border: 1px dashed var(--wms-line);
    border-radius: var(--wms-radius-sm);
}


/* ==========================================================
   AVATAR
   ========================================================== */

.v14-avatar {
    display: inline-grid;

    place-items: center;

    width: 38px;
    height: 38px;

    border-radius: 50%;

    background: var(--wms-brand-soft);
    color: var(--wms-brand);

    font-weight: 800;
}


/* ==========================================================
   STATUS
   ========================================================== */

.v14-status {
    display: inline-flex;
    align-items: center;

    min-height: 26px;

    padding: 4px 9px;

    border-radius: 999px;

    font-size: .78rem;
    font-weight: 700;

    background: var(--wms-surface-2);
    color: var(--wms-muted);

    border: 1px solid var(--wms-line);
}

.v14-status.active,
.v14-status.ready,
.v14-status.delivered,
.v14-status.accepted {
    color: var(--wms-success);
}

.v14-status.blocked,
.v14-status.error,
.v14-status.delivery_failed,
.v14-status.cancelled {
    color: var(--wms-danger);
}

.v14-status.submitted,
.v14-status.in_transit {
    color: var(--wms-brand);
}

.v14-status.disabled {
    color: var(--wms-muted);
}


/* ==========================================================
   PERMISSIONS
   ========================================================== */

.v14-permissions {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 12px;
}

.v14-permissions fieldset {
    margin: 0;

    padding: 14px;

    border: 1px solid var(--wms-line);
    border-radius: var(--wms-radius-sm);

    background: var(--wms-surface-2);
}

.v14-permissions legend {
    color: var(--wms-heading);
    font-weight: 700;
}

.v14-permissions label {
    display: flex;
    align-items: center;

    gap: 8px;

    color: var(--wms-text);
}

.v14-permissions input {
    accent-color: var(--wms-brand);
}


/* ==========================================================
   USER FORM
   ========================================================== */

.user-form-actions {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 10px;
}

.user-form-actions > * {
    width: 100%;
}


/* ==========================================================
   TEMP PASSWORD
   ========================================================== */

.temporary-password {
    margin-top: 14px;

    padding: 14px;

    border: 1px solid var(--wms-line);
    border-radius: var(--wms-radius-sm);

    background: var(--wms-surface-2);

    color: var(--wms-text);
}

.temporary-password > small,
.temporary-password p {
    color: var(--wms-muted);
}

.temporary-password > div {
    display: flex;
    align-items: center;

    gap: 10px;
}

.temporary-password code {
    flex: 1;

    padding: 9px 10px;

    border-radius: 8px;

    background: var(--wms-input);
    color: var(--wms-text);

    border: 1px solid var(--wms-line);
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1100px) {

    .v14-grid-users,
    .v14-grid-shipping {
        grid-template-columns: 1fr;
    }

    .v14-page {
        padding: 20px;
    }
}


@media (max-width: 700px) {

    .v14-page {
        padding: 12px;
    }

    .v14-hero {
        padding: 20px 16px;

        align-items: flex-start;
        flex-direction: column;
    }

    .v14-card {
        padding: 16px;
    }

    .v14-form-2,
    .v14-permissions {
        grid-template-columns: 1fr;
    }

    .v14-span-2 {
        grid-column: auto;
    }

    .v14-list-card {
        grid-template-columns: 1fr;
    }

    .v14-card-head {
        align-items: stretch;
        flex-direction: column;
    }

    .v14-card-head input {
        max-width: none;
    }

    .v14-grid-users {
        grid-template-columns: 1fr;
    }

    .user-form-actions {
        grid-template-columns: 1fr;
    }

    .user-form-actions > * {
        grid-column: auto;
    }

    .temporary-password > div {
        align-items: stretch;
        flex-direction: column;
    }
}


/* === CORRECTO WMS PHASE 4C END === */

/* === PHASE 4D.7B SAFE GLOBAL RESPONSIVE START === */

/*
  GLOBAL RESPONSIVE AUTHORITY

  Ovaj blok sadrzi samo:
  - document primitives
  - shared layout primitives
  - app shell
  - touch/device behavior

  Page-specific responsive pravila NE pripadaju ovde.
*/

@media (max-width:1024px) {

header {

align-items:flex-start!important

}

}

@media (max-width:768px) {

:root {

--touch:48px

}

header {

padding:12px!important;gap:9px!important

}

header>div:first-child {

width:100%

}

.wrap {

padding-top:12px!important;padding-bottom:18px!important

}

.grid {

gap:10px!important

}

.card,.panel,section {

border-radius:14px!important;padding:12px!important

}

.actions {

display:grid!important;grid-template-columns:1fr!important;width:100%

}

table {

min-width:640px

}

}

@media (max-width:520px) {

table {

min-width:580px;font-size:12px!important

}

th,td {

padding:8px!important

}

}

@media (hover:none) and (pointer:coarse) {

a,button,select,input {

min-height:46px

}

button {

padding:11px 14px!important

}

}

@media print {

header,.toolbar,.actions,button {

display:none!important

}

body {

background:#fff!important;color:#000!important

}

.card,.panel,section {

border:1px solid #bbb!important;background:#fff!important;color:#000!important;box-shadow:none!important

}

.wrap {

max-width:none!important;padding:0!important

}

}

@media (max-width:980px) {

.wms-has-sidebar {

padding-left:0!important;padding-top:58px!important

}

.wms-sidebar {

transform:translateX(-105%);transition:transform .22s ease;width:min(310px,88vw)

}

.wms-menu-overlay {

display:block;position:fixed;inset:0;background:rgba(2,6,23,.68);z-index:999;opacity:0;pointer-events:none;transition:.2s

}

.wms-mobile-topbar {

display:flex;position:fixed;z-index:998;left:0;right:0;top:0;height:58px;background:#0b1424;border-bottom:1px solid var(--wms-line);align-items:center;justify-content:space-between;padding:0 12px;color:#fff

}

.wms-mobile-topbar button,.wms-mobile-topbar a {

width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:#172033;color:#fff;font-size:20px;text-decoration:none

}

.wms-has-sidebar .wrap {

padding:12px!important

}

}

@media (max-width:520px) {

.wms-has-sidebar .panel,.wms-has-sidebar .card,.wms-has-sidebar section {

border-radius:12px

}

.wms-has-sidebar table {

min-width:680px

}

.wms-has-sidebar input,.wms-has-sidebar select,.wms-has-sidebar button {

min-height:44px

}

}

@media (max-width:980px) {

.wms-has-sidebar,.wms-sidebar-collapsed {

padding-left:0!important;padding-top:58px!important

}

.wms-sidebar,.wms-sidebar-collapsed .wms-sidebar {

width:min(320px,90vw);transform:translateX(-105%)

}

.wms-desktop-topbar {

display:none

}

.wms-sidebar-collapsed .wms-brand-copy,.wms-sidebar-collapsed .wms-nav-label,.wms-sidebar-collapsed .wms-side-nav a b,.wms-sidebar-collapsed .wms-user-row>div,.wms-sidebar-collapsed #wmsLogout {

display:block

}

.wms-sidebar-collapsed .wms-sidebar-head {

justify-content:flex-start;padding:18px 15px

}

.wms-sidebar-collapsed .wms-side-nav a {

justify-content:flex-start;padding:11px 12px

}

.wms-sidebar-collapsed .wms-user-row {

display:grid!important;justify-content:initial

}

.wms-sidebar-collapsed .wms-sidebar-actions {

grid-template-columns:42px minmax(0,1fr)

}

.wms-sidebar-collapsed #wmsCollapse {

transform:none

}

.wms-mobile-topbar>div {

display:grid;text-align:center;min-width:0

}

.wms-mobile-topbar small {

font-size:10px;color:#60a5fa;letter-spacing:.1em;text-transform:uppercase

}

.wms-mobile-topbar strong {

font-size:13px;white-space:nowrap;max-width:55vw;overflow:hidden;text-overflow:ellipsis

}

}

@media (max-width:480px) {

.wms-mobile-topbar {

padding-inline:8px

}

.wms-mobile-topbar button,.wms-mobile-topbar a {

width:38px;height:38px

}

}

@media (max-width:700px) {

html {

font-size:calc(16px * min(var(--wms-font-scale),1.15))

}

}

@media (max-width:980px) {

.wms-sidebar {

width:min(340px,92vw)!important;
    max-width:92vw!important;
    padding-top:env(safe-area-inset-top);
    padding-bottom:env(safe-area-inset-bottom);
    overflow:hidden;

}

.wms-sidebar-head {

min-height:68px;flex:0 0 auto;padding:14px!important

}

.wms-mobile-topbar {

height:62px!important;padding-top:env(safe-area-inset-top);min-height:calc(62px + env(safe-area-inset-top));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))

}

.wms-has-sidebar,.wms-sidebar-collapsed {

padding-top:calc(62px + env(safe-area-inset-top))!important

}

.wms-mobile-topbar>div:nth-child(2) {

max-width:calc(100vw - 124px)

}

.wms-mobile-topbar strong {

max-width:100%!important;font-size:14px!important

}

}

@media (max-width:420px) {

.wms-sidebar {

width:94vw!important;max-width:94vw!important

}

.wms-mobile-topbar {

padding-inline:8px!important

}

.wms-mobile-topbar button,.wms-mobile-topbar a {

width:40px!important;height:40px!important;min-height:40px!important

}

}

@media (max-width:760px) {

html[data-theme="light"] button.primary,
  html[data-theme="light"] .primary,
  html[data-theme="light"] button.action:not(.green):not(.warn):not(.danger),
  html[data-theme="light"] .btn-primary,
  html[data-theme="light"] .primary-btn,
  html[data-theme="light"] a.primary {

color:#fff!important;

}

}

/* === PHASE 4D.7B SAFE GLOBAL RESPONSIVE END === */

/* REMOVED LEGACY BLOCK: GLOBAL UX NORMALIZATION */

/* === CORRECTO VISUAL POLISH START === */

/* =========================================================
   CORRECTO WMS
   FINAL SHARED VISUAL SYSTEM
   ========================================================= */


/* ---------------------------------------------------------
   1. THEME TOKENS
   --------------------------------------------------------- */

:root{
    --wms-brand:#2563eb;
    --wms-brand-hover:#1d4ed8;
    --wms-brand-soft:rgba(37,99,235,.10);

    --wms-success:#16a34a;
    --wms-success-soft:rgba(22,163,74,.12);

    --wms-warning:#d97706;
    --wms-warning-soft:rgba(217,119,6,.12);

    --wms-danger:#dc2626;
    --wms-danger-soft:rgba(220,38,38,.11);

    --wms-info:#0284c7;
    --wms-info-soft:rgba(2,132,199,.11);

    --wms-radius-xs:8px;
    --wms-radius-sm:10px;
    --wms-radius-md:14px;
    --wms-radius-lg:18px;

    --wms-control-height:42px;

    --wms-page-gap:18px;
}


/* ---------------------------------------------------------
   2. LIGHT THEME
   --------------------------------------------------------- */

html:not([data-theme="dark"]),
html[data-theme="light"]{
    color-scheme:light;

    --wms-bg:#f4f6f2;

    --wms-surface:#ffffff;
    --wms-surface-2:#f8faf7;
    --wms-surface-3:#eef2eb;

    --wms-input:#ffffff;
    --wms-hover:#f2f5ef;

    --wms-text:#172012;
    --wms-heading:#10160d;
    --wms-muted:#66705f;

    --wms-line:#dce3d7;
    --wms-line-strong:#c8d2c1;

    --wms-sidebar-bg:#ffffff;
    --wms-topbar-bg:rgba(255,255,255,.94);

    --wms-shadow:
        0 4px 14px rgba(23,32,18,.045);

    --wms-shadow-hover:
        0 8px 24px rgba(23,32,18,.085);
}


/* ---------------------------------------------------------
   3. DARK THEME
   --------------------------------------------------------- */

html[data-theme="dark"]{
    color-scheme:dark;

    --wms-bg:#101204;

    --wms-surface:#171a0b;
    --wms-surface-2:#1c200e;
    --wms-surface-3:#232812;

    --wms-input:#191d0c;
    --wms-hover:#272d13;

    --wms-text:#f0f3e8;
    --wms-heading:#ffffff;
    --wms-muted:#aeb69c;

    --wms-line:#343b1d;
    --wms-line-strong:#49522a;

    --wms-sidebar-bg:#131606;
    --wms-topbar-bg:rgba(16,18,4,.94);

    --wms-brand:#6ea8ff;
    --wms-brand-hover:#91bdff;
    --wms-brand-soft:rgba(110,168,255,.13);

    --wms-success:#55d87a;
    --wms-success-soft:rgba(85,216,122,.12);

    --wms-warning:#f3b84b;
    --wms-warning-soft:rgba(243,184,75,.12);

    --wms-danger:#ff7474;
    --wms-danger-soft:rgba(255,116,116,.12);

    --wms-info:#5cc8ff;
    --wms-info-soft:rgba(92,200,255,.12);

    --wms-shadow:
        0 5px 18px rgba(0,0,0,.18);

    --wms-shadow-hover:
        0 9px 28px rgba(0,0,0,.27);
}


/* ---------------------------------------------------------
   4. DOCUMENT
   --------------------------------------------------------- */

html,
body{
    background:var(--wms-bg) !important;
    color:var(--wms-text) !important;
}

body{
    line-height:1.45;
}

::selection{
    background:var(--wms-brand);
    color:#fff;
}


/* ---------------------------------------------------------
   5. TYPOGRAPHY
   --------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6{
    color:var(--wms-heading);
}

h1{
    margin-top:0;
    line-height:1.15;
    letter-spacing:-.025em;
}

h2{
    line-height:1.2;
    letter-spacing:-.018em;
}

h3{
    line-height:1.25;
}

p{
    line-height:1.55;
}

small,
.muted,
.hint,
.section-hint,
.description,
.subtitle{
    color:var(--wms-muted);
}

.eyebrow{
    color:var(--wms-brand);
    font-weight:800;
    letter-spacing:.1em;
}


/* ---------------------------------------------------------
   6. APP SHELL
   --------------------------------------------------------- */

.wms-sidebar{
    background:var(--wms-sidebar-bg) !important;
    border-right:1px solid var(--wms-line) !important;
    box-shadow:none !important;
}

.wms-sidebar-head{
    border-color:var(--wms-line) !important;
}

.wms-desktop-topbar,
.wms-mobile-topbar{
    background:var(--wms-topbar-bg) !important;
    border-color:var(--wms-line) !important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.wms-side-nav{
    gap:3px;
}

.wms-side-nav a{
    min-height:42px;
    color:var(--wms-muted) !important;
    border:1px solid transparent;
    border-radius:10px;
}

.wms-side-nav a:hover{
    background:var(--wms-hover) !important;
    color:var(--wms-heading) !important;
}

.wms-side-nav a.active,
.wms-side-nav a[aria-current="page"]{
    background:var(--wms-brand-soft) !important;
    color:var(--wms-brand) !important;
    border-color:
        color-mix(in srgb,var(--wms-brand) 20%,transparent);
}

.wms-side-nav a.active *,
.wms-side-nav a[aria-current="page"] *{
    color:inherit !important;
}


/* ---------------------------------------------------------
   7. PANELS / CARDS
   --------------------------------------------------------- */

:where(
    .card,
    .panel,
    .box,
    .setting-card,
    .status-card,
    .dashboard-section
){
    background:var(--wms-surface) !important;
    color:var(--wms-text) !important;

    border:1px solid var(--wms-line) !important;

    border-radius:var(--wms-radius-md);

    box-shadow:var(--wms-shadow);
}

:where(
    .card,
    .panel,
    .box
){
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background-color .15s ease;
}


/* ---------------------------------------------------------
   8. FORMS
   --------------------------------------------------------- */

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
    background:var(--wms-input) !important;
    color:var(--wms-text) !important;

    border:1px solid var(--wms-line) !important;

    border-radius:10px;

    min-height:var(--wms-control-height);

    box-shadow:none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background-color .15s ease;
}

input:not([type="checkbox"]):not([type="radio"]),
select{
    padding-left:12px;
    padding-right:12px;
}

textarea{
    padding:10px 12px;
}

input::placeholder,
textarea::placeholder{
    color:var(--wms-muted);
    opacity:.68;
}

input:hover,
select:hover,
textarea:hover{
    border-color:var(--wms-line-strong) !important;
}

input:focus,
select:focus,
textarea:focus{
    outline:none !important;

    border-color:var(--wms-brand) !important;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--wms-brand) 15%,
            transparent
        ) !important;
}

select option{
    background:var(--wms-surface);
    color:var(--wms-text);
}


/* ---------------------------------------------------------
   9. BUTTON BASE
   --------------------------------------------------------- */

button,
.btn,
.button,
.action{
    min-height:var(--wms-control-height);

    border-radius:10px;

    font-weight:700;

    transition:
        background-color .14s ease,
        border-color .14s ease,
        color .14s ease,
        box-shadow .14s ease,
        transform .10s ease;
}

button:not(:disabled),
.btn:not(:disabled),
.button:not(:disabled),
.action:not(:disabled){
    cursor:pointer;
}

button:active:not(:disabled),
.btn:active:not(:disabled),
.button:active:not(:disabled),
.action:active:not(:disabled){
    transform:translateY(1px);
}


/* ---------------------------------------------------------
   10. PRIMARY
   --------------------------------------------------------- */

.primary,
.btn-primary,
.primary-btn,
button.primary,
a.primary{
    background:var(--wms-brand) !important;
    border-color:var(--wms-brand) !important;
    color:#fff !important;
}

html[data-theme="dark"] .primary,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .primary-btn,
html[data-theme="dark"] button.primary,
html[data-theme="dark"] a.primary{
    color:#07101c !important;
}

.primary:hover,
.btn-primary:hover,
.primary-btn:hover,
button.primary:hover,
a.primary:hover{
    background:var(--wms-brand-hover) !important;
    border-color:var(--wms-brand-hover) !important;
}


/* ---------------------------------------------------------
   11. SECONDARY / GHOST
   --------------------------------------------------------- */

.secondary,
.ghost{
    background:var(--wms-surface-2) !important;
    color:var(--wms-text) !important;
    border:1px solid var(--wms-line) !important;
}

.secondary:hover,
.ghost:hover{
    background:var(--wms-hover) !important;
    border-color:var(--wms-line-strong) !important;
}


/* ---------------------------------------------------------
   12. SEMANTIC BUTTONS
   --------------------------------------------------------- */

.green,
.success{
    background:var(--wms-success) !important;
    border-color:var(--wms-success) !important;
}

.warn,
.warning{
    background:var(--wms-warning) !important;
    border-color:var(--wms-warning) !important;
}

.danger{
    background:var(--wms-danger) !important;
    border-color:var(--wms-danger) !important;
}


/* ---------------------------------------------------------
   13. TABLES
   --------------------------------------------------------- */

table{
    width:100%;
    color:var(--wms-text);
    border-collapse:separate;
    border-spacing:0;
}

thead{
    background:var(--wms-surface-2);
}

th{
    color:var(--wms-muted) !important;

    font-size:12px;
    font-weight:800;

    letter-spacing:.025em;

    text-transform:none;
}

th,
td{
    border-color:var(--wms-line) !important;
}

tbody tr{
    transition:background-color .12s ease;
}

tbody tr:hover{
    background:var(--wms-hover);
}

td{
    color:var(--wms-text);
}


/* ---------------------------------------------------------
   14. BADGES / STATUS
   --------------------------------------------------------- */

.badge,
.status,
.status-pill,
.pill,
.chip{
    border-radius:999px;
    font-weight:700;
}

.badge.success,
.status.success,
.status-pill.success{
    background:var(--wms-success-soft) !important;
    color:var(--wms-success) !important;
}

.badge.warning,
.status.warning,
.status-pill.warning{
    background:var(--wms-warning-soft) !important;
    color:var(--wms-warning) !important;
}

.badge.danger,
.status.danger,
.status-pill.danger{
    background:var(--wms-danger-soft) !important;
    color:var(--wms-danger) !important;
}


/* ---------------------------------------------------------
   15. MODALS
   --------------------------------------------------------- */

.modal,
.dialog,
.modal-card,
.dialog-card{
    background:var(--wms-surface) !important;
    color:var(--wms-text) !important;

    border-color:var(--wms-line) !important;

    border-radius:var(--wms-radius-lg);

    box-shadow:
        0 24px 80px rgba(0,0,0,.28);
}

.overlay,
.modal-overlay,
.dialog-overlay{
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}


/* ---------------------------------------------------------
   16. SCROLLBAR
   --------------------------------------------------------- */

*{
    scrollbar-width:thin;
    scrollbar-color:
        var(--wms-line-strong)
        transparent;
}

::-webkit-scrollbar{
    width:9px;
    height:9px;
}

::-webkit-scrollbar-track{
    background:transparent;
}

::-webkit-scrollbar-thumb{
    background:var(--wms-line-strong);
    border-radius:999px;
    border:2px solid transparent;
    background-clip:padding-box;
}


/* ---------------------------------------------------------
   17. TOOLBARS
   --------------------------------------------------------- */

.toolbar,
.actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.toolbar > *,
.actions > *{
    min-width:0;
}


/* ---------------------------------------------------------
   18. RESPONSIVE TABLE SAFETY
   --------------------------------------------------------- */

.table-wrap,
.table-wrapper,
.table-scroll{
    width:100%;
    max-width:100%;

    overflow-x:auto;

    -webkit-overflow-scrolling:touch;
}


/* ---------------------------------------------------------
   19. TABLET
   --------------------------------------------------------- */

@media (max-width:980px){

    .wms-mobile-topbar{
        min-height:56px;
    }

    .toolbar{
        gap:8px;
    }

    .card,
    .panel,
    .box{
        max-width:100%;
    }

}


/* ---------------------------------------------------------
   20. PHONE
   --------------------------------------------------------- */

@media (max-width:600px){

    :root{
        --wms-control-height:44px;
        --wms-page-gap:12px;
    }

    body{
        font-size:14px;
    }

    h1{
        font-size:24px;
    }

    h2{
        font-size:20px;
    }

    .toolbar{
        align-items:stretch;
    }

    .toolbar > input,
    .toolbar > select,
    .toolbar > textarea{
        width:100%;
        flex:1 1 100%;
    }

    .actions{
        gap:7px;
    }

    table{
        font-size:13px;
    }

    th,
    td{
        padding-left:8px;
        padding-right:8px;
    }

}


/* ---------------------------------------------------------
   21. SMALL PDA
   --------------------------------------------------------- */

@media (max-width:380px){

    body{
        font-size:13.5px;
    }

    h1{
        font-size:21px;
    }

    h2{
        font-size:18px;
    }

    .toolbar,
    .actions{
        gap:6px;
    }

    .card,
    .panel,
    .box{
        border-radius:10px;
    }

}


/* ---------------------------------------------------------
   22. TOUCH
   --------------------------------------------------------- */

@media (hover:none) and (pointer:coarse){

    button,
    .btn,
    .button,
    .action,
    input,
    select{
        min-height:44px;
    }

}


/* ---------------------------------------------------------
   23. PRINT
   --------------------------------------------------------- */

@media print{

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

    .wms-sidebar,
    .wms-desktop-topbar,
    .wms-mobile-topbar{
        display:none !important;
    }

    .card,
    .panel,
    .box{
        box-shadow:none !important;
    }

}

/* === CORRECTO VISUAL POLISH END === */

/* REMOVED LEGACY BLOCK: REAL LIGHT THEME */

/* === MIGRATED LEGACY RESPONSIVE START === */

/*
  Migrated from responsive.css.
  No longer loaded as a separate stylesheet.
  Uses WMS MASTER variables.
*/

/* Correcto WMS 11.4 — premium prilagodljiv interfejs */

/* legacy :root removed - master owns tokens */



button,.action,[role="button"]{min-height:var(--wms-touch-height)}

header{min-width:0;flex-wrap:wrap;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px);background:var(--wms-topbar-bg)!important;box-shadow:0 8px 30px rgba(0,0,0,.18)}
header>div{min-width:0}
header>div:last-child,.app-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.5}
header>div:last-child>a,.app-nav a{display:inline-flex;align-items:center;min-height:38px;padding:7px 10px;white-space:nowrap;border:1px solid transparent;border-radius:10px}
header>div:last-child>a:hover,.app-nav a:hover,.app-nav a.active{background:var(--wms-hover);border-color:#2f4261;color:#fff}
.brand-block{display:grid;gap:2px}.brand-kicker,.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#60a5fa;font-weight:800}
.wrap{width:100%;max-width:1800px;padding-left:clamp(10px,2.2vw,28px)!important;padding-right:clamp(10px,2.2vw,28px)!important}
.grid,.layout,.cols,.summary,.toolbar,.head,.statusline,.actions{min-width:0}
.card,.panel,section,.sum,.order{min-width:0}
.card,.panel,section{box-shadow:var(--wms-shadow)}
.table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid rgba(51,65,85,.45)}


input:focus,select:focus,textarea:focus{border-color:var(--wms-brand)!important;box-shadow:0 0 0 3px rgba(59,130,246,.16);background:var(--wms-input)!important}
button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}
.toolbar>*{flex:1 1 180px}.toolbar button{flex:0 1 auto}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{margin:0}

/* Workflow 11.4 */
.workflow-wrap{padding-top:20px!important;padding-bottom:28px!important;display:grid;gap:16px}
.dashboard-section{background:linear-gradient(180deg,rgba(16,26,43,.98),rgba(11,20,36,.98));border:1px solid var(--wms-line);border-radius:var(--wms-radius);padding:16px;box-shadow:var(--wms-shadow)}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.section-title.compact{margin-bottom:10px}.section-title h1,.section-title h2{margin:3px 0 0}.section-hint{color:var(--wms-muted);font-size:13px}
.workflow-page .summary{margin:0!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}.workflow-page .sum{position:relative;overflow:hidden;text-align:left;border-radius:14px!important;padding:15px!important;background:var(--wms-surface-2)!important}.workflow-page .sum:after{content:"";position:absolute;inset:auto -20px -28px auto;width:80px;height:80px;border-radius:50%;background:rgba(59,130,246,.10)}.workflow-page .sum b{font-size:28px!important}.workflow-page .sum small{font-weight:700}
.filters-section{padding-bottom:14px}.workflow-page .toolbar{display:grid!important;grid-template-columns:minmax(220px,1.6fr) minmax(160px,.7fr) minmax(200px,.9fr) auto;gap:10px;margin:0!important}.field-group{display:grid;gap:6px;min-width:0}.field-group label{font-size:12px;color:var(--wms-muted);font-weight:700}.field-group input,.field-group select{width:100%}.action-field{align-self:end}.action-field button{padding-inline:22px}
.workflow-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr)!important;align-items:start}.orders-panel,.detail-panel{border-radius:var(--wms-radius)!important;background:var(--wms-surface)!important}.orders-panel{position:sticky;top:96px;padding:0!important;overflow:hidden}.panel-heading{padding:16px;border-bottom:1px solid var(--wms-line)}.panel-heading h2{margin:3px 0 0}.workflow-page .list{max-height:calc(100vh - 230px)!important;padding:10px}.workflow-page .order{border-radius:14px!important;padding:13px!important;box-shadow:0 8px 18px rgba(0,0,0,.12)}.workflow-page .order:hover{border-color:var(--wms-line-strong);background:var(--wms-hover)}.workflow-page .order.active{border-color:var(--wms-brand)!important;box-shadow:0 0 0 3px rgba(59,130,246,.13)}
.detail-panel{padding:16px!important}.empty-state{min-height:420px;display:grid;place-content:center;text-align:center;max-width:520px;margin:auto}.empty-state h2{margin:8px 0}.empty-state p{margin:0;color:var(--wms-muted);line-height:1.6}.empty-icon{width:64px;height:64px;border-radius:18px;background:#14213a;display:grid;place-items:center;margin:auto;font-size:32px;color:#60a5fa}
.order-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:12px}.order-hero,.status-card,.workflow-card,.info-card,.items-card,.packages-card{background:var(--wms-surface-2);border:1px solid var(--wms-line);border-radius:15px;padding:15px}.order-hero h2{margin:0 0 8px}.order-hero p{margin:0;color:var(--wms-muted)}.status-card{display:grid;gap:8px;align-content:start}.status-card .status{display:block;width:100%;border-radius:11px!important}
.workflow-card{margin-top:12px}.workflow-card .nextbox{margin:0 0 12px!important}.workflow-card .steps{margin:0!important}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.info-card h3,.items-card h3,.packages-card h3{margin-top:0}.items-card,.packages-card{margin-top:12px}.workflow-page section{margin-top:0!important;box-shadow:none}.workflow-page .cols{margin-top:12px}.workflow-page .step{min-height:58px}.workflow-page .nextbox{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}@media (max-width:1200px) {

.workflow-page .summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.workflow-page .toolbar{grid-template-columns:repeat(2,minmax(0,1fr));}
.action-field button{width:100%}
.workflow-layout{grid-template-columns:320px minmax(0,1fr)!important}
.order-overview{grid-template-columns:1fr}
}@media (max-width:1024px) {

.app-nav,header>div:last-child{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;-webkit-overflow-scrolling:touch}
.layout{grid-template-columns:1fr!important}
.orders-panel{position:static}
.workflow-page .list{max-height:42vh!important}
.stat{grid-column:span 4!important}
}@media (max-width:768px) {

.dashboard-section{padding:12px}
.section-title{align-items:flex-start;flex-direction:column}
.section-hint{display:none}
.workflow-page .summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.steps,.cols,.info-grid{grid-template-columns:1fr!important}
.head{flex-direction:column!important;align-items:flex-start!important}
.status{max-width:100%;overflow-wrap:anywhere}
.toolbar,.workflow-page .toolbar{display:grid!important;grid-template-columns:1fr!important}
.toolbar>*{width:100%!important;min-width:0!important}
.toolbar button,.actions button,button.action{width:100%!important;margin:0!important}
.order{gap:10px}
.order span:last-child{min-width:100px}
h1{font-size:1.55rem}
h2{font-size:1.3rem}
h3{font-size:1.08rem}
.num{font-size:25px!important}
.detail-panel{padding:10px!important}
.workflow-page .steps{grid-template-columns:1fr 1fr!important}
}@media (max-width:520px) {

header>div:last-child,.app-nav{gap:7px}
header>div:last-child>a,.app-nav a{background:#111c2e;border:1px solid var(--wms-line);border-radius:9px;padding:7px 10px}
.workflow-page .summary{grid-template-columns:1fr 1fr!important}
.stat{grid-column:span 6!important}
.workflow-page .list{max-height:38vh!important}
.order{flex-direction:column!important}
.order span:last-child{text-align:left!important;min-width:0!important}
.nextbox{padding:12px!important}
.step{padding:12px!important}
.workflow-page .steps{grid-template-columns:1fr!important}
.dashboard-section{border-radius:14px}
.workflow-page .sum b{font-size:24px!important}
}@media (max-width:360px) {

.workflow-page .summary,.summary{grid-template-columns:1fr!important}
.stat{grid-column:span 12!important}
}



/* Correcto WMS 11.5 — jedinstveni meni i raspored */

/* legacy :root removed - master owns tokens */

.wms-has-sidebar{padding-left:var(--wms-shell-sidebar)!important;min-width:0}
.wms-sidebar{position:fixed;inset:0 auto 0 0;width:var(--wms-shell-sidebar);z-index:1000;background:var(--wms-sidebar-bg);border-right:1px solid var(--wms-line);display:flex;flex-direction:column;color:var(--wms-text);box-shadow:12px 0 35px rgba(0,0,0,.2)}
.wms-sidebar-head{display:flex;align-items:center;gap:11px;padding:18px 15px;border-bottom:1px solid var(--wms-line)}
.wms-sidebar-head>div:nth-child(2){min-width:0}.wms-sidebar-head strong,.wms-sidebar-head small{display:block}.wms-sidebar-head small{color:var(--wms-muted);font-size:11px;margin-top:3px}.wms-logo{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2563eb,#06b6d4);font-weight:900;font-size:20px;flex:0 0 auto}
.wms-side-nav{padding:12px 10px;display:flex;flex-direction:column;gap:4px;overflow:auto;flex:1}.wms-side-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:var(--wms-muted)!important;text-decoration:none!important;font-size:14px;min-height:45px}.wms-side-nav a span{width:25px;text-align:center;font-size:18px}.wms-side-nav a:hover{background:var(--wms-hover)}.wms-side-nav a.active{background:linear-gradient(90deg,#1d4ed8,#2563eb);color:#fff!important;box-shadow:0 8px 22px rgba(37,99,235,.24)}
.wms-sidebar-foot{padding:13px;border-top:1px solid var(--wms-line);display:grid;gap:9px}.wms-sidebar-foot div{font-size:13px;color:var(--wms-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wms-sidebar-foot button{width:100%;border:1px solid var(--wms-line-strong);background:#111827;color:#fff;border-radius:10px;padding:9px;cursor:pointer}
.wms-menu-close,.wms-mobile-topbar,.wms-menu-overlay{display:none}.wms-legacy-header{display:none!important}
.wms-has-sidebar>.wrap,.wms-has-sidebar>main.wrap,.wms-has-sidebar>.container{max-width:1800px;width:100%;margin-inline:auto}@media (max-width:980px) {

.wms-menu-visible .wms-sidebar{transform:translateX(0)}
.wms-menu-visible .wms-menu-overlay{opacity:1;pointer-events:auto}
.wms-menu-close{display:block;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px}
}@media (max-width:520px) {

.wms-side-nav a{min-height:49px}
}

/* Correcto WMS 11.6 — povezan radni prostor */

/* legacy :root removed - master owns tokens */

.wms-has-sidebar{padding-left:var(--wms-shell-sidebar)!important;padding-top:var(--wms-shell-topbar)!important;transition:padding-left .2s ease}
.wms-sidebar{width:var(--wms-shell-sidebar);top:0;transition:width .2s ease,transform .22s ease}
.wms-desktop-topbar{position:fixed;z-index:997;left:var(--wms-shell-sidebar);right:0;top:0;height:var(--wms-shell-topbar);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;background:var(--wms-topbar-bg);border-bottom:1px solid var(--wms-line);backdrop-filter:blur(18px);transition:left .2s ease;color:var(--wms-muted)}
.wms-desktop-topbar>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.wms-desktop-topbar span{color:var(--wms-muted)}.wms-desktop-topbar b{color:var(--wms-muted)}.wms-desktop-topbar strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wms-top-actions{display:flex;gap:8px}.wms-top-actions a{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border-radius:9px;border:1px solid var(--wms-line);background:var(--wms-surface-2);color:var(--wms-text);text-decoration:none;font-size:13px}.wms-top-actions a:first-child{background:#1d4ed8;border-color:#2563eb;color:#fff}
.wms-nav-group{display:grid;gap:3px;margin-bottom:13px}.wms-nav-label{padding:4px 12px;font-size:10px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--wms-muted);font-weight:800}.wms-side-nav{padding-top:14px}.wms-side-nav a{position:relative}.wms-side-nav a.active:before{content:"";position:absolute;left:-10px;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:#93c5fd}
.wms-user-row{display:grid!important;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center}.wms-user-row>div{min-width:0}.wms-user-row strong,.wms-user-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wms-user-row small{margin-top:2px;color:var(--wms-muted);text-transform:capitalize}.wms-user-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#1d4ed8;color:#fff;font-weight:900}.wms-sidebar-actions{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px}.wms-sidebar-actions button{min-width:0!important}
.wms-sidebar-collapsed{padding-left:var(--wms-shell-sidebar-collapsed)!important}.wms-sidebar-collapsed .wms-sidebar{width:var(--wms-shell-sidebar-collapsed)}.wms-sidebar-collapsed .wms-desktop-topbar{left:var(--wms-shell-sidebar-collapsed)}.wms-sidebar-collapsed .wms-brand-copy,.wms-sidebar-collapsed .wms-nav-label,.wms-sidebar-collapsed .wms-side-nav a b,.wms-sidebar-collapsed .wms-user-row>div,.wms-sidebar-collapsed #wmsLogout{display:none}.wms-sidebar-collapsed .wms-sidebar-head{justify-content:center;padding-inline:10px}.wms-sidebar-collapsed .wms-side-nav a{justify-content:center;padding-inline:8px}.wms-sidebar-collapsed .wms-side-nav a span{width:auto}.wms-sidebar-collapsed .wms-user-row{display:flex!important;justify-content:center}.wms-sidebar-collapsed .wms-sidebar-actions{grid-template-columns:1fr}.wms-sidebar-collapsed #wmsCollapse{transform:rotate(180deg)}@media (max-width:980px) {

.wms-menu-visible .wms-sidebar{transform:translateX(0)}
}@media (max-width:480px) {

.wms-side-nav{padding-bottom:20px}
}

/* Correcto WMS 12.0 */
.commerce-command{overflow:hidden}.commerce-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.mini-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px;border:1px solid var(--border,#dbe3ee);border-radius:18px;background:var(--surface,#fff)}.mini-card strong{font-size:.9rem}.mini-card span{font-size:1.05rem;overflow-wrap:anywhere}.status-pill{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:999px;background:#eef4ff;font-weight:800}.status-pill.live{background:#e8f8ef;color:#137547}.status-pill.error{background:#fff0f0;color:#a61b1b}@media (max-width:1050px) {

.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}@media (max-width:620px) {

.commerce-grid{grid-template-columns:1fr}
.commerce-command .section-heading{align-items:flex-start}
.commerce-command .actions{display:grid;grid-template-columns:1fr}
.commerce-command .btn{width:100%}
}


/* Correcto WMS 14.0.3 — teme i pristupačnost */

/* legacy :root removed - master owns tokens */

/* REMOVED: responsive.css theme authority -> wms-core.css */


.v14-card,.v14-list-item,.v14-list-card,.card,.panel,.box,main section{color:var(--wms-text)}
.v14-card,.v14-list-item,.v14-list-card{background:var(--wms-surface);border-color:var(--wms-line);box-shadow:var(--wms-shadow)}
.v14-list-item:hover{background:var(--wms-hover);border-color:var(--wms-line)}
.v14-card input,.v14-card select,.v14-card textarea,
input,select,textarea{background:var(--wms-input);color:var(--wms-text);border-color:var(--wms-line)}
.v14-form label,.v14-card h2,.v14-card h3{color:var(--wms-text)}
.wms-sidebar,.wms-desktop-topbar,.wms-mobile-topbar,.wms-panel,.wms-modal{background:var(--wms-surface)!important;color:var(--wms-text)!important;border-color:var(--wms-line)!important}
.wms-header-search{background:var(--wms-input);color:var(--wms-muted);border-color:var(--wms-line)}
.wms-header-search kbd{background:var(--wms-surface-2);border-color:var(--wms-line);color:var(--wms-muted)}
.wms-side-nav a{color:var(--wms-text)}.wms-side-nav a:hover{background:var(--wms-hover)}
.wms-overlay{background:var(--wms-overlay)!important}.wms-search{background:var(--wms-input)!important;color:var(--wms-text)!important;border-color:var(--wms-line)!important}
.wms-result{color:var(--wms-text)!important}.wms-result:hover{background:var(--wms-hover)!important}.wms-result small,.wms-note small{color:var(--wms-muted)!important}.wms-note{border-color:var(--wms-line)!important}
.wms-preferences{padding:12px 14px;border-top:1px solid var(--wms-line);display:grid;gap:12px}
.wms-preference-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wms-preference-row label{font-size:.78rem;font-weight:750;color:var(--wms-muted)}
.wms-theme-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--wms-surface-2);border:1px solid var(--wms-line);padding:4px;border-radius:11px}
.wms-theme-switch button{border:0;background:transparent;color:var(--wms-muted);padding:7px 9px;border-radius:8px;cursor:pointer;font:inherit;font-size:.78rem;font-weight:750}
.wms-theme-switch button.active{background:var(--wms-surface);color:var(--wms-text);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.wms-font-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
.wms-font-control input{width:100%;accent-color:var(--v14-brand)}
.wms-font-value{min-width:42px;text-align:right;font-size:.78rem;font-weight:800;color:var(--wms-text)}


/* Correcto WMS 16.0 */
.wms-account-actions{position:relative}.wms-account-button{display:grid;grid-template-columns:12px auto;column-gap:8px;align-items:center;border:1px solid var(--wms-line);background:var(--wms-surface-2,var(--wms-surface));color:var(--wms-text);border-radius:12px;padding:7px 12px;min-width:190px;text-align:left;cursor:pointer}.wms-account-button span:nth-child(2){font-weight:800}.wms-account-button small{grid-column:2;color:var(--wms-muted)}.wms-account-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;grid-row:1/3}.wms-account-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);width:260px;padding:8px;background:var(--wms-surface);border:1px solid var(--wms-line);border-radius:14px;box-shadow:0 22px 60px #0008}.wms-account-menu.open{display:grid}.wms-account-menu a,.wms-account-menu button,.wms-account-version{padding:11px;border-radius:9px;color:var(--wms-text);text-decoration:none;background:transparent;border:0;text-align:left}.wms-account-menu a:hover,.wms-account-menu button:hover{background:var(--wms-hover)}.wms-account-version{border-top:1px solid var(--wms-line);margin-top:4px;color:var(--wms-muted);font-size:12px}.wms-panel-head{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 10px;border-bottom:1px solid var(--wms-line)}.wms-panel-head>div{display:flex;gap:6px}.wms-panel-head button{border:1px solid var(--wms-line);background:var(--wms-input);color:var(--wms-text);border-radius:8px;padding:7px 9px}.wms-note{position:relative;padding-right:34px!important}.wms-note-title{display:flex;justify-content:space-between;gap:10px}.wms-note-title span{font-size:11px;color:#60a5fa;white-space:nowrap}.wms-note-x{position:absolute;right:5px;top:9px;width:25px;height:25px;border:0;border-radius:7px;background:transparent;color:var(--wms-muted);font-size:18px;cursor:pointer}.wms-note-x:hover{background:var(--wms-hover);color:var(--wms-text)}
.workflow-page .orders-panel{min-width:0}.workflow-page .order{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.workflow-page .order>div{min-width:0}.workflow-page .order b,.workflow-page .order small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-page .order .right{text-align:right}
.shipping-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end}.shipping-filters label{display:grid;gap:6px;color:var(--wms-muted)}.shipping-filters input,.shipping-filters select{width:100%;min-height:44px;border:1px solid var(--wms-line);border-radius:10px;background:var(--wms-input);color:var(--wms-text);padding:9px 11px}@media (max-width:760px) {

.shipping-filters{grid-template-columns:1fr}
.shipping-filters button{width:100%}
.workflow-page .order{grid-template-columns:1fr}
.workflow-page .order .right{text-align:left;display:flex;justify-content:space-between;gap:8px}
.workflow-page .list{max-height:none!important}
.workflow-layout{display:block!important}
.orders-panel{margin-bottom:14px}
.detail-panel{min-height:0!important}
.wms-account-button{min-width:0}
.wms-account-button small{display:none}
}


/* Correcto WMS 16.1 — čist meni, potpuna svetla tema i nalog podešavanja */
.wms-sidebar{padding-bottom:14px}.wms-side-nav{padding-bottom:18px}.wms-preferences,.wms-sidebar-foot{display:none!important}
.wms-account-section{display:grid;gap:9px;padding:10px;border-bottom:1px solid var(--wms-line);margin-bottom:4px}.wms-account-section>strong{font-size:.78rem;color:var(--wms-muted)}
.wms-account-font{display:grid;grid-template-columns:1fr auto;gap:8px;color:var(--wms-muted);font-size:.78rem}.wms-account-font input{grid-column:1/3;width:100%;accent-color:#2563eb}.wms-account-font span{font-weight:800;color:var(--wms-text)}
html:not([data-theme="dark"]) body,html:not([data-theme="dark"]) main,html:not([data-theme="dark"]) .wrap,html:not([data-theme="dark"]) .dash{background:#f4f7fb!important;color:#172033!important}
html:not([data-theme="dark"]) header,html:not([data-theme="dark"]) .card,html:not([data-theme="dark"]) .panel,html:not([data-theme="dark"]) .box,html:not([data-theme="dark"]) section,html:not([data-theme="dark"]) table,html:not([data-theme="dark"]) th,html:not([data-theme="dark"]) td{background-color:#fff!important;color:#172033!important;border-color:#dfe6ef!important}
html:not([data-theme="dark"]) th{background:#eef4fb!important;color:#24528b!important}html:not([data-theme="dark"]) input,html:not([data-theme="dark"]) select,html:not([data-theme="dark"]) textarea{background:#fff!important;color:#172033!important;border-color:#cfd8e6!important}
html:not([data-theme="dark"]) .muted,html:not([data-theme="dark"]) small,html:not([data-theme="dark"]) label{color:#667085!important}
html:not([data-theme="dark"]) .badge{color:#172033;background:#e8eef7}.wms-account-menu{max-height:min(620px,calc(100vh - 90px));overflow:auto}@media (max-width:980px) {

.wms-account-menu{position:fixed;right:10px;left:10px;top:66px;width:auto}
}

.wms-account-menu{position:fixed!important;right:18px!important;top:66px!important;z-index:10080!important}.wms-mobile-topbar #wmsMobileAccount{border:1px solid var(--wms-line);background:var(--wms-surface);color:#22c55e;border-radius:10px;font-size:18px}


/* Correcto WMS 17.0.0 — globalna veličina teksta i jednostavan katalog */

.products-page .wrap{max-width:1600px}
.products-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:16px;margin-bottom:16px}
.products-search-card,.products-stats-card,.products-table-card{background:var(--wms-surface)!important;color:var(--wms-text)!important;border:1px solid var(--wms-line)!important;border-radius:18px;padding:18px;box-shadow:var(--wms-shadow)}
.products-search-row{display:grid;grid-template-columns:minmax(220px,1fr) 210px auto;gap:10px;align-items:end}
.products-search-row label{display:grid;gap:6px;color:var(--wms-muted);font-size:.82rem;font-weight:700}
.products-search-row input,.products-search-row select{width:100%}
.products-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.products-stat{padding:14px;border:1px solid var(--wms-line);border-radius:14px;background:var(--wms-surface-2)}
.products-stat strong{display:block;font-size:1.7rem}
.products-stat span{color:var(--wms-muted);font-size:.82rem}
.products-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.products-toolbar .actions{display:flex;gap:8px;flex-wrap:wrap}
.products-table-card table{min-width:1080px}.products-sku{font-size:1rem}.products-location{display:inline-flex;padding:6px 9px;border-radius:9px;background:var(--wms-hover);font-weight:800}.products-thumb-empty{display:grid;place-items:center;color:var(--wms-muted)}
.products-name{display:flex;align-items:center;gap:10px;min-width:280px}
.products-thumb{width:42px;height:42px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--wms-line)}
.products-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
.products-sync-note{margin-top:10px;color:var(--wms-muted);font-size:.84rem;line-height:1.5}@media (max-width:900px) {

.products-hero{grid-template-columns:1fr}
.products-search-row{grid-template-columns:1fr}
.products-search-row button{width:100%}
}@media (max-width:520px) {

.products-stats{grid-template-columns:1fr 1fr}
.products-toolbar{align-items:stretch}
.products-toolbar .actions{display:grid;grid-template-columns:1fr;width:100%}
.products-pagination{flex-direction:column;align-items:stretch}
.products-pagination button{width:100%}
}

/* 17.0.0: responsive katalog artikala */
@media (max-width:760px) {
.products-table-card{padding:12px!important}
.products-table-card .table{overflow:visible}
.products-table-card table{min-width:0;border-collapse:separate;border-spacing:0 10px}
.products-table-card thead{display:none}
.products-table-card tbody,.products-table-card tr,.products-table-card td{display:block;width:100%}
.products-table-card tr{padding:14px;border:1px solid var(--wms-line);border-radius:16px;background:var(--wms-surface-2);box-shadow:var(--wms-shadow)}
.products-table-card td{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0!important;border:0!important;white-space:normal!important}
.products-table-card td:before{content:attr(data-label);color:var(--wms-muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.products-table-card td[data-label="Naziv artikla"]{grid-template-columns:1fr;padding-bottom:12px!important}
.products-table-card td[data-label="Naziv artikla"]:before{display:none}
.products-name{min-width:0}
.products-name b{display:block;font-size:1rem;line-height:1.35}
.products-thumb{width:56px;height:56px}
.products-pagination{position:sticky;bottom:8px;padding:8px;border-radius:14px;background:var(--wms-surface);border:1px solid var(--wms-line)}
}

/* Correcto WMS 17.0.0 — mobilni katalog, status sinhronizacije, teme i korisnički meni */
.products-page{background:var(--wms-bg)!important;color:var(--wms-text)!important}
.products-header-card,.products-filter-card,.products-table-card{background:var(--wms-surface)!important;color:var(--wms-text)!important;border:1px solid var(--wms-line)!important;border-radius:18px;padding:clamp(14px,2vw,22px);box-shadow:var(--wms-shadow);margin-bottom:14px}
.products-title-row{align-items:flex-start}.products-title-row h1{margin:.25rem 0}.products-title-row p{margin:.35rem 0 0}
.products-sync-health{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;padding:14px;border:1px solid var(--wms-line);border-radius:15px;background:var(--wms-surface-2)}
.products-sync-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.45rem;font-weight:900}.products-sync-health strong{display:block}.products-sync-health p{margin:4px 0 0;color:var(--wms-muted);line-height:1.45}.products-sync-percent{text-align:right}.products-sync-percent strong{font-size:1.45rem}.products-sync-percent span{font-size:.72rem;color:var(--wms-muted);text-transform:uppercase;letter-spacing:.05em}
.products-sync-health[data-status="complete"] .products-sync-icon{background:#dcfce7;color:#15803d}.products-sync-health[data-status="warning"] .products-sync-icon{background:#fef3c7;color:#b45309}.products-sync-health[data-status="missing"] .products-sync-icon{background:#fee2e2;color:#b91c1c}
.products-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.products-kpis article{min-width:0;padding:14px;border:1px solid var(--wms-line);border-radius:14px;background:var(--wms-surface-2)}.products-kpis span,.products-kpis small{display:block;color:var(--wms-muted)}.products-kpis strong{display:block;font-size:clamp(1.25rem,2vw,1.8rem);margin:5px 0;overflow-wrap:anywhere}.products-kpis small{font-size:.76rem;line-height:1.35}.products-kpi-wide{grid-column:span 2}.products-kpi-wide strong{font-size:1rem}
.products-filter-card{display:grid;grid-template-columns:minmax(240px,1fr) 220px auto auto;gap:10px;align-items:end}.products-filter-card label{display:grid;gap:6px;color:var(--wms-muted);font-size:.8rem;font-weight:800}.products-filter-card input,.products-filter-card select{width:100%}.products-filter-card button{white-space:nowrap}
.products-toolbar h2{margin:0}.products-mobile-list{display:none}.stock-value.positive,.product-mobile-card .positive{color:#22c55e}.stock-value.zero,.product-mobile-card .zero{color:#ef4444}
.wms-account-profile{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid var(--wms-line)}.wms-profile-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#2563eb;color:#fff;font-weight:900}.wms-account-profile strong,.wms-account-profile small{display:block}.wms-account-profile small{color:var(--wms-muted);margin-top:2px}.wms-account-links{display:grid;padding:7px}.wms-account-logout{margin:7px!important;background:#7f1d1d!important;color:#fff!important;text-align:center!important;font-weight:800}.wms-account-menu{padding:0!important;overflow:hidden auto!important}
.wms-panel{padding:0!important;overflow:hidden!important}.wms-panel-head{padding:13px 14px!important}.wms-panel #wmsNotes{max-height:calc(70vh - 64px);overflow:auto;padding:8px}.wms-note{position:relative;display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:10px;padding:12px!important;margin-bottom:7px;border:1px solid var(--wms-line)!important;border-radius:13px;background:var(--wms-surface-2)}.wms-note-marker{border-radius:99px;background:#3b82f6}.wms-note.read{opacity:.72}.wms-note.read .wms-note-marker{background:var(--wms-line)}.wms-note-title{align-items:flex-start}.wms-note-title span{padding:3px 7px;border-radius:7px;background:var(--wms-hover);font-weight:800}.wms-note p{margin:5px 0 7px;line-height:1.4}.wms-note-x{position:static!important;align-self:start}
/* REMOVED: responsive.css theme authority -> wms-core.css */

/* REMOVED: responsive.css theme authority -> wms-core.css */

/* REMOVED: responsive.css theme authority -> wms-core.css */

/* REMOVED: responsive.css theme authority -> wms-core.css */

/* REMOVED: responsive.css theme authority -> wms-core.css */

html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:#172033!important;border-color:#cbd6e5!important}
/* REMOVED: responsive.css theme authority -> wms-core.css */
@media (max-width:1020px) {

.products-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.products-filter-card{grid-template-columns:1fr 1fr}
.products-filter-card button{width:100%}
}@media (max-width:760px) {

.products-page .wrap{padding:10px!important}
.products-title-row{display:grid!important;gap:12px}
.products-title-row .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
.products-title-row .actions button{width:100%}
.products-sync-health{grid-template-columns:auto 1fr}
.products-sync-percent{grid-column:1/3;text-align:left;display:flex;gap:7px;align-items:baseline}
.products-sync-percent strong{font-size:1.2rem}
.products-kpis{grid-template-columns:1fr 1fr}
.products-kpi-wide{grid-column:1/3}
.products-filter-card{grid-template-columns:1fr}
.products-desktop-table{display:none!important}
.products-mobile-list{display:grid;gap:11px}
.product-mobile-card{padding:14px;border:1px solid var(--wms-line);border-radius:17px;background:var(--wms-surface-2);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.product-mobile-card header{position:static!important;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.product-mobile-image{width:72px;height:72px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid var(--wms-line)}
.product-mobile-sku{display:inline-flex;color:#60a5fa;font-weight:900;font-size:.78rem}
.product-mobile-card h3{margin:4px 0;font-size:1rem;line-height:1.3}
.product-mobile-card header small{color:var(--wms-muted)}
.product-mobile-primary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}
.product-mobile-primary>div{padding:11px;border-radius:12px;background:var(--wms-surface);border:1px solid var(--wms-line)}
.product-mobile-primary span,.product-mobile-primary strong{display:block}
.product-mobile-primary span{font-size:.72rem;color:var(--wms-muted);text-transform:uppercase}
.product-mobile-primary strong{margin-top:4px;overflow-wrap:anywhere}
.product-mobile-card dl{margin:0;display:grid;gap:0}
.product-mobile-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--wms-line)}
.product-mobile-card dt{color:var(--wms-muted)}
.product-mobile-card dd{margin:0;text-align:right;font-weight:800}
.product-mobile-card>a{display:flex;justify-content:center;margin-top:12px;padding:11px;border-radius:11px;background:#2563eb;color:#fff;text-decoration:none;font-weight:800}
.products-pagination{position:static!important;display:grid;grid-template-columns:1fr auto 1fr}
.products-pagination button{width:auto!important}
.wms-panel{right:8px!important;left:8px!important;top:62px!important;width:auto!important;max-height:calc(100vh - 76px)!important}
}@media (max-width:420px) {

.products-kpis{grid-template-columns:1fr}
.products-kpi-wide{grid-column:auto}
.products-title-row .actions{grid-template-columns:1fr}
.product-mobile-primary{grid-template-columns:1fr}
.products-pagination{grid-template-columns:1fr}
.products-pagination span{text-align:center}
}

/* Correcto WMS 17.0.0 */
.password-field{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.password-field input{min-width:0}.password-toggle{margin:0!important;padding:0 14px!important;background:#1d4ed8!important;border-radius:10px!important;white-space:nowrap}.field-help{display:block;margin-top:6px;color:var(--muted,var(--wms-muted))}.products-skeleton td{padding:14px}.products-skeleton span,.products-skeleton-card span{display:block;height:18px;border-radius:8px;background:linear-gradient(90deg,rgba(148,163,184,.10),rgba(148,163,184,.24),rgba(148,163,184,.10));background-size:220% 100%;animation:productPulse 1.15s linear infinite}.products-skeleton-card{min-height:190px}.products-skeleton-card span:nth-child(1){height:70px}.products-skeleton-card span:nth-child(2){width:78%}.products-skeleton-card span:nth-child(3){width:52%}@keyframes productPulse{to{background-position:-220% 0}}@media (max-width:600px) {

.password-field{grid-template-columns:1fr}
.password-toggle{height:42px}
}
/* REMOVED: responsive.css theme authority -> wms-core.css */

html[data-theme="light"] body,
html[data-theme="light"] body *{text-shadow:none}
/* REMOVED: responsive.css theme authority -> wms-core.css */

html[data-theme="light"] :where(p,span,b,strong,div,h1,h2,h3,h4,h5,h6,dt,dd,li,label,small){color:inherit}
/* REMOVED: responsive.css theme authority -> wms-core.css */

html[data-theme="light"] :where(input,select,textarea){background:#fff!important;color:#090d14!important;border-color:#b9c5d6!important;caret-color:#090d14}
html[data-theme="light"] :where(input,select,textarea)::placeholder{color:#4b5563!important;opacity:1}
html[data-theme="light"] :where(input,select,textarea):focus{background:#fff!important;color:#090d14!important;border-color:#2563eb!important}
html[data-theme="light"] :where(table,tbody,tr,td){color:#090d14!important}
html[data-theme="light"] th{color:#111827!important;background:#e9f0f8!important}
html[data-theme="light"] a:not(.active):not(.btn):not([class*="button"]){color:#111827}
html[data-theme="light"] button:not(.good):not(.warn):not(.danger):not(.primary):not(.action):not(.wms-account-logout){color:#090d14}

/* Sidebar / drawer */
html[data-theme="light"] .wms-sidebar{
  background:#fff!important;
  color:#090d14!important;
  border-color:var(--wms-muted)!important;
  box-shadow:14px 0 38px rgba(15,23,42,.16)!important;
}
html[data-theme="light"] .wms-sidebar-head{background:#fff!important;border-color:var(--wms-muted)!important}
html[data-theme="light"] .wms-brand-copy strong{color:#090d14!important}
html[data-theme="light"] .wms-brand-copy small,
html[data-theme="light"] .wms-nav-label{color:#273244!important}
html[data-theme="light"] .wms-side-nav a{color:#090d14!important;background:transparent!important}
html[data-theme="light"] .wms-side-nav a span,
html[data-theme="light"] .wms-side-nav a b{color:inherit!important}
html[data-theme="light"] .wms-side-nav a:hover,
html[data-theme="light"] .wms-side-nav a:focus-visible{background:#e8eef7!important;color:#090d14!important;outline:none}
html[data-theme="light"] .wms-side-nav a.active{background:linear-gradient(90deg,#1d4ed8,#2563eb)!important;color:#fff!important}
html[data-theme="light"] .wms-side-nav a.active span,
html[data-theme="light"] .wms-side-nav a.active b{color:#fff!important}
html[data-theme="light"] .wms-menu-close{color:#090d14!important;background:#eef2f7!important;border:1px solid var(--wms-muted)!important}
html[data-theme="light"] .wms-menu-overlay{background:rgba(15,23,42,.42)!important}

/* Mobile top bar */
html[data-theme="light"] .wms-mobile-topbar{
  background:#fff!important;
  color:#090d14!important;
  border-color:var(--wms-muted)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
}
html[data-theme="light"] .wms-mobile-topbar small{color:#1d4ed8!important}
html[data-theme="light"] .wms-mobile-topbar strong{color:#090d14!important}
html[data-theme="light"] .wms-mobile-topbar button,
html[data-theme="light"] .wms-mobile-topbar a{
  background:#eef2f7!important;
  color:#090d14!important;
  border:1px solid var(--wms-muted)!important;
}
html[data-theme="light"] .wms-mobile-topbar #wmsMobileAccount{color:#15803d!important}

/* User menu */
html[data-theme="light"] .wms-account-menu{background:#fff!important;color:#090d14!important;border-color:var(--wms-muted)!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important}
html[data-theme="light"] .wms-account-menu :where(strong,span,label,a,button){color:#090d14!important}
html[data-theme="light"] .wms-account-menu small,
html[data-theme="light"] .wms-account-version{color:#273244!important}
html[data-theme="light"] .wms-account-menu a:hover,
html[data-theme="light"] .wms-account-menu button:hover{background:#e8eef7!important}
html[data-theme="light"] .wms-theme-switch{background:#eef2f7!important;border-color:var(--wms-muted)!important}
html[data-theme="light"] .wms-theme-switch button.active{background:#fff!important;color:#090d14!important}
html[data-theme="light"] .wms-account-logout{color:#fff!important}

/* Generic old inline dark surfaces */
html[data-theme="light"] :where(.dashboard-section,.orders-panel,.detail-panel,.order-hero,.status-card,.workflow-card,.info-card,.items-card,.packages-card,.product-mobile-card,.products-sync-health,.products-kpis article){
  background:#fff!important;color:#090d14!important;border-color:var(--wms-muted)!important;
}
html[data-theme="light"] .product-mobile-primary>div{background:#f7f9fc!important;color:#090d14!important}
html[data-theme="light"] pre{background:#f3f6fb!important;color:#090d14!important;border:1px solid var(--wms-muted)!important}@media (max-width:980px) {

body.wms-menu-visible{overflow:hidden!important;touch-action:none}
.wms-side-nav{overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 10px 22px!important}
.wms-side-nav a{min-height:50px!important;padding:12px!important;font-size:15px!important;flex:0 0 auto}
.wms-side-nav a span{font-size:20px!important;flex:0 0 28px}
.wms-side-nav a b{min-width:0;white-space:normal;line-height:1.25}
.wms-mobile-actions{display:flex!important;align-items:center;gap:6px}
.wms-account-menu{left:10px!important;right:10px!important;top:calc(68px + env(safe-area-inset-top))!important;width:auto!important;max-height:calc(100dvh - 82px - env(safe-area-inset-top))!important}
}@media (max-width:420px) {

.wms-brand-copy strong{font-size:15px}
.wms-brand-copy small{font-size:11px}
.wms-mobile-actions{gap:4px}
}

/* Correcto WMS 18.0.8 — light theme surface correction for KPI and sync cards */
html[data-theme="light"] .workflow-page .sum,
html[data-theme="light"] .summary .sum{
  background:linear-gradient(145deg,#ffffff,#f1f5f9)!important;
  color:#090d14!important;
  border:1px solid var(--wms-muted)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
}
html[data-theme="light"] .workflow-page .sum b,
html[data-theme="light"] .workflow-page .sum small,
html[data-theme="light"] .summary .sum b,
html[data-theme="light"] .summary .sum small{
  color:#090d14!important;
}
html[data-theme="light"] .workflow-page .sum:after{
  background:rgba(37,99,235,.08)!important;
}
html[data-theme="light"] .workflow-page .sum:hover,
html[data-theme="light"] .workflow-page .sum:focus-visible{
  background:linear-gradient(145deg,#eff6ff,#dbeafe)!important;
  border-color:#60a5fa!important;
}
html[data-theme="light"] .commerce-grid .mini-card,
html[data-theme="light"] .mini-card{
  background:#f8fafc!important;
  color:#090d14!important;
  border-color:var(--wms-muted)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
}
html[data-theme="light"] .mini-card strong{color:#090d14!important}
html[data-theme="light"] .mini-card span{color:#273244!important}
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] section.card{
  background:#ffffff!important;
  color:#090d14!important;
  border-color:var(--wms-muted)!important;
}
html[data-theme="light"] .card :where(h1,h2,h3,h4,strong,b){color:#090d14!important}
html[data-theme="light"] .card :where(p,span,small,.muted){color:#273244!important}
html[data-theme="light"] .status-pill.live{background:#dcfce7!important;color:#166534!important}
html[data-theme="light"] .status-pill{background:#dbeafe!important;color:#1e3a8a!important}@media (max-width:768px) {

html[data-theme="light"] .workflow-page .sum{min-height:116px!important;padding:18px!important}
html[data-theme="light"] .commerce-grid .mini-card{min-height:126px!important;padding:18px!important}
}@media (max-width:700px) {

.dashboard-v2 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.dashboard-v2 .kpi{min-width:0;padding:13px 12px!important;border-radius:15px!important}
.dashboard-v2 .kpi b{font-size:26px!important}
.dashboard-v2 .kpi small{font-size:12px!important}
.dashboard-v2 .kpi span{font-size:11px!important;line-height:1.25!important}
}@media (max-width:420px) {

.dashboard-v2 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* Correcto WMS 18.0.8 — mobile products dashboard and catalog */
@media (max-width:760px) {
.products-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.products-kpis article,.products-kpi-wide{grid-column:auto!important;min-width:0;padding:12px!important}
.products-kpis article span,.products-kpis article small{overflow-wrap:anywhere}
.product-catalog-card{display:grid!important;grid-template-columns:86px minmax(0,1fr);gap:12px!important;align-items:start}
.product-catalog-image{grid-column:1;grid-row:1;display:grid;place-items:center;min-height:86px}
.product-catalog-image .product-mobile-image{width:82px;height:82px}
.product-catalog-data{grid-column:2;grid-row:1;margin:0!important;display:grid!important;gap:0!important;min-width:0}
.product-catalog-data>div{display:grid!important;grid-template-columns:92px minmax(0,1fr);gap:9px!important;align-items:start;padding:7px 0!important;border-bottom:1px solid var(--wms-line)}
.product-catalog-data>div:first-child{padding-top:0!important}
.product-catalog-data dt{font-size:.72rem!important;text-transform:uppercase;letter-spacing:.04em;color:var(--wms-muted)!important;font-weight:800}
.product-catalog-data dd{margin:0!important;text-align:left!important;font-weight:800;overflow-wrap:anywhere;word-break:break-word}
.product-catalog-data .product-name-row{grid-template-columns:1fr!important;gap:3px!important}
.product-catalog-data .product-name-row dd strong{font-size:1rem;line-height:1.35}
.product-catalog-card>a{grid-column:1/3!important;margin-top:2px!important}
}@media (max-width:420px) {

.products-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.products-title-row .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.product-mobile-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.product-catalog-card{grid-template-columns:76px minmax(0,1fr);padding:12px!important}
.product-catalog-image .product-mobile-image{width:72px;height:72px}
.product-catalog-data>div{grid-template-columns:78px minmax(0,1fr);gap:7px!important}
}


/* Correcto WMS 18.0.8 — mobile two-column actions and packing item hierarchy */
@media (max-width: 760px) {
body:has(#aksState) .aks-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0!important}
body:has(#aksState) .aks-action-grid button{width:100%!important;min-width:0!important;margin:0!important;min-height:54px;white-space:normal;line-height:1.15}
body:has(#configured) .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body:has(#configured) .grid>.card{grid-column:span 2!important;margin:0!important}
body:has(#configured) .grid>.card.third{grid-column:span 1!important;min-width:0}
body:has(#configured) .commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body:has(#configured) .actions,
  body:has(#configured) .card>h3~button{display:grid}
body:has(#configured) .actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body:has(#configured) .actions button{width:100%!important;margin:0!important;min-height:54px;white-space:normal}
body:has(#configured) .card:not(.half)>button{width:calc(50% - 10px)!important;margin:5px!important;vertical-align:top;min-height:52px;white-space:normal}
body:has(#configured) .card.half{grid-column:span 2!important}
body:has(#detail) .product-row-v18{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:14px!important;padding:16px!important;align-items:start!important}
body:has(#detail) .product-row-v18 .product-photo{grid-column:1;grid-row:1;width:92px!important;height:92px!important;min-height:92px!important}
body:has(#detail) .product-row-v18 .product-identity{grid-column:2;grid-row:1;min-width:0}
body:has(#detail) .product-row-v18 .mobile-data-label{display:block;color:var(--wms-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 3px}
body:has(#detail) .product-row-v18 .product-sku{font-size:18px;font-weight:900;margin-bottom:9px;overflow-wrap:anywhere}
body:has(#detail) .product-row-v18 .product-name{font-size:19px!important;line-height:1.2!important;margin-bottom:9px;overflow-wrap:anywhere}
body:has(#detail) .product-row-v18 .product-barcode{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
body:has(#detail) .product-row-v18 .metric{grid-column:1/-1!important;width:100%!important;display:block!important;padding:13px 14px!important;border-radius:14px!important}
body:has(#detail) .product-row-v18 .metric span{display:block!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
body:has(#detail) .product-row-v18 .metric b{font-size:19px!important}
body:has(#detail) .product-row-v18 .metric small{display:block;margin-top:5px}
body:has(#detail) .product-row-v18 .qty{grid-column:1/-1!important;display:flex!important;justify-content:space-between;align-items:center;padding-top:14px!important;border-top:1px solid var(--border,#d7dee8);font-size:14px!important}
body:has(#detail) .product-row-v18 .qty span{display:block;color:var(--wms-muted);font-weight:700}
body:has(#detail) .product-row-v18 .qty b{font-size:22px}
}

/* Correcto WMS 18.0.8 — pregledne zasebne kartice artikla i beli tekst na plavim mobilnim dugmadima */
.product-row-v1806 .product-data-card{
  min-width:0;
  padding:14px 16px;
  border:1px solid var(--wms-line,#d6deea);
  border-radius:15px;
  background:var(--wms-surface,#fff);
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
.product-row-v1806 .product-data-card>span{
  display:block;
  margin-bottom:6px;
  color:var(--wms-muted,var(--wms-muted));
  font-size:12px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.product-row-v1806 .product-data-card>b{
  display:block;
  color:var(--wms-text,#111827);
  font-size:18px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.product-row-v1806 .product-data-card>small{display:block;margin-top:5px;line-height:1.35}
.product-row-v1806 .stock-card>b{font-size:21px}
.product-row-v1806 .quantity-card{display:flex;align-items:center;justify-content:space-between;gap:14px}
.product-row-v1806 .quantity-card>span{margin:0}
.product-row-v1806 .quantity-card>b{font-size:23px;white-space:nowrap}
/* REMOVED: responsive.css theme authority -> wms-core.css */

html[data-theme="light"] .product-row-v1806 .product-data-card{
  background:#fff!important;
  border-color:#d5dde8!important;
}
html[data-theme="light"] .product-row-v1806 .product-data-card>b{color:#090d14!important}

/* Correcto WMS 18.0.8 — desktop grid izolovan od mobilnog prikaza */
@media (min-width:761px) {
body:has(#detail) .product-row-v1806{
    display:grid!important;
    grid-template-columns:110px minmax(150px,.65fr) minmax(300px,1.8fr) minmax(190px,.9fr)!important;
    grid-template-rows:auto auto!important;
    gap:14px!important;
    align-items:stretch!important;
    padding:16px!important;
  }
body:has(#detail) .product-row-v1806 .product-photo-only{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:110px!important;
    height:110px!important;
    align-self:start!important;
  }
body:has(#detail) .product-row-v1806 .sku-card{grid-column:2!important;grid-row:1!important}
body:has(#detail) .product-row-v1806 .name-card{grid-column:3!important;grid-row:1!important}
body:has(#detail) .product-row-v1806 .barcode-card{grid-column:4!important;grid-row:1!important}
body:has(#detail) .product-row-v1806 .location-card{grid-column:2!important;grid-row:2!important}
body:has(#detail) .product-row-v1806 .stock-card{grid-column:3!important;grid-row:2!important}
body:has(#detail) .product-row-v1806 .quantity-card{grid-column:4!important;grid-row:2!important}
body:has(#detail) .product-row-v1806 .product-data-card{
    width:100%!important;
    min-height:92px!important;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
body:has(#detail) .product-row-v1806 .name-card>b,
  body:has(#detail) .product-row-v1806 .barcode-card>b,
  body:has(#detail) .product-row-v1806 .location-card>b{
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
}@media (max-width:760px) {

button.primary,
  .primary,
  button.action:not(.green):not(.warn):not(.danger),
  .btn-primary,
  .primary-btn,
  a.primary,
  button[style*="background:#2563eb"],
  button[style*="background: #2563eb"],
  button[style*="background-color:#2563eb"],
  button[style*="background-color: #2563eb"]{
    color:#fff!important;
  }
}

/* Correcto WMS 18.0.8 — desktop packing grid containment hotfix */
@media (min-width:1181px) {
body:has(#detail) .product-list,
  body:has(#detail) .product-row-v1806{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
body:has(#detail) .product-row-v1806{
    grid-template-columns:120px minmax(125px,.62fr) minmax(0,1.72fr) minmax(155px,.82fr)!important;
    overflow:hidden!important;
  }
body:has(#detail) .product-row-v1806 .product-photo-only{
    width:120px!important;
    max-width:100%!important;
  }
body:has(#detail) .product-row-v1806 .product-data-card{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
body:has(#detail) .product-row-v1806 .product-data-card>b,
  body:has(#detail) .product-row-v1806 .product-data-card>small{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
body:has(#detail) .product-row-v1806 .barcode-card>b{
    font-size:clamp(15px,1.15vw,18px)!important;
  }
body:has(#detail) .product-row-v1806 .quantity-card{
    align-items:flex-start!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
body:has(#detail) .product-row-v1806 .quantity-card>b{
    white-space:normal!important;
  }
}

/* 19.7.11 — lokalne BizniSoft dostave bez unosa težine paketa */
.packbar.packbar-local{grid-template-columns:minmax(180px,1fr) minmax(220px,auto)}@media (max-width:760px) {

.packbar.packbar-local{grid-template-columns:1fr}
.packbar.packbar-local .field:last-child label{display:none}
}

.product-row-link{cursor:pointer}.product-row-link:hover td{background:rgba(59,130,246,.06)}

/* Correcto WMS 19.8.8 — čist katalog + live BizniSoft detalj artikla */
.products-table-card{overflow:hidden}.products-desktop-table{overflow:visible!important}.products-clean-table{width:100%;min-width:0!important;table-layout:fixed;border-collapse:collapse}.products-clean-table .c-sku{width:7.5%}.products-clean-table .c-name{width:38%}.products-clean-table .c-barcode{width:10%}.products-clean-table .c-stock{width:6%}.products-clean-table .c-location{width:10%}.products-clean-table .c-weight{width:7%}.products-clean-table .c-price{width:11%}.products-clean-table .c-pack{width:10.5%}.products-clean-table th{padding:10px 8px!important;font-size:.72rem;letter-spacing:.035em;white-space:nowrap}.products-clean-table td{padding:9px 8px!important;font-size:.84rem;vertical-align:middle;min-width:0}.products-clean-table tbody tr{transition:background .15s ease}.products-clean-table tbody tr:hover{background:var(--wms-hover)}.products-name-compact{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;align-items:center}.products-name-compact .products-thumb{width:38px!important;height:38px!important;border-radius:9px!important;object-fit:contain;background:#fff}.products-name-compact b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.2}.products-name-compact small{display:block;color:var(--wms-muted);font-size:.68rem;margin-top:2px}.product-sku-button{appearance:none;border:0;background:transparent!important;color:#60a5fa!important;padding:0!important;font:inherit;font-weight:900!important;cursor:pointer;text-decoration:none}.product-sku-button:hover,.product-sku-button:focus{text-decoration:underline;outline:none}.products-location{max-width:100%;display:block!important;padding:4px 7px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.mono-cell{font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-detail-modal[hidden]{display:none!important}.product-detail-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px}.product-detail-backdrop{position:absolute;inset:0;background:var(--wms-overlay);backdrop-filter:blur(7px)}.product-detail-dialog{position:relative;width:min(1180px,calc(100vw - 36px));max-height:calc(100vh - 36px);display:flex;flex-direction:column;background:var(--wms-surface);border:1px solid var(--wms-line);border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.38);overflow:hidden}.product-detail-head{position:static!important;display:flex!important;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px!important;background:var(--wms-surface)!important;border-bottom:1px solid var(--wms-line);box-shadow:none!important;backdrop-filter:none!important}.product-detail-head h2{margin:4px 0;font-size:clamp(1.25rem,2.2vw,1.8rem);overflow-wrap:anywhere}.product-detail-head p{margin:0;color:var(--wms-muted);font-size:.82rem}.product-detail-close{width:42px;height:42px;padding:0!important;border-radius:12px!important;font-size:1.5rem!important;flex:0 0 auto}.product-detail-actions{display:flex;gap:8px;padding:10px 22px;border-bottom:1px solid var(--wms-line);background:var(--wms-surface-2)}.product-detail-actions button{padding:9px 13px!important;font-size:.82rem!important}.product-detail-body{overflow:auto;padding:18px 22px 24px}.product-detail-summary{display:grid;grid-template-columns:72px 2fr repeat(3,1fr);gap:10px;align-items:stretch;margin-bottom:20px}.product-detail-summary>div{min-width:0;padding:11px;border:1px solid var(--wms-line);border-radius:13px;background:var(--wms-surface-2)}.product-detail-summary>div:first-child{padding:0;overflow:hidden}.product-detail-image{width:100%;height:100%;min-height:66px;object-fit:contain;background:#fff}.product-detail-summary span,.product-api-field span{display:block;color:var(--wms-muted);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.product-detail-summary strong{display:block;margin-top:5px;font-size:.9rem;overflow-wrap:anywhere}.product-detail-section-title{display:flex;justify-content:space-between;gap:14px;align-items:end;margin:0 0 10px}.product-detail-section-title h3{margin:3px 0 0}.product-detail-section-title small{color:var(--wms-muted)}.product-api-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.product-api-field{min-width:0;padding:10px 11px;border:1px solid var(--wms-line);border-radius:11px;background:var(--wms-surface-2)}.product-api-field strong{display:block;margin-top:4px;font-size:.8rem;line-height:1.3;overflow-wrap:anywhere;max-height:4.1em;overflow:auto}.product-detail-loading,.product-detail-empty,.product-detail-error{padding:32px;border:1px dashed var(--wms-line);border-radius:14px;text-align:center;color:var(--wms-muted)}.product-detail-error{display:grid;gap:10px}.product-detail-error strong{color:#ef4444}.product-modal-open{overflow:hidden}@media (max-width:1100px) {

.products-clean-table .c-name{width:34%}
.products-clean-table td,.products-clean-table th{font-size:.76rem}
.product-api-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-detail-summary{grid-template-columns:64px 2fr 1fr 1fr}
.product-detail-summary>div:last-child{grid-column:2/5}
}@media (max-width:760px) {

.product-detail-modal{padding:0;place-items:stretch}
.product-detail-dialog{width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0}
.product-detail-head{padding:15px!important}
.product-detail-actions{padding:9px 15px;display:grid;grid-template-columns:1fr 1fr}
.product-detail-body{padding:14px 15px 24px}
.product-detail-summary{grid-template-columns:62px minmax(0,1fr)}
.product-detail-summary>div:nth-child(n+3){grid-column:auto}
.product-detail-summary>div:last-child{grid-column:auto}
.product-api-grid{grid-template-columns:1fr 1fr}
.product-detail-section-title{display:block}
.product-detail-section-title small{display:block;margin-top:5px}
.product-sku-button{font-size:inherit!important}
}@media (max-width:430px) {

.product-detail-actions{grid-template-columns:1fr}
.product-api-grid{grid-template-columns:1fr}
.product-detail-summary{grid-template-columns:1fr 1fr}
.product-detail-summary>div:first-child{grid-column:1/3;height:110px}
.product-detail-head h2{font-size:1.15rem}
}
/* 19.8.8 Products detail */
.product-location-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 18px}.product-location-chips span{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1px solid var(--border,#29415f);border-radius:999px;background:rgba(46,108,232,.10);font-weight:700;overflow-wrap:anywhere}.product-api-field strong{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.product-detail-dialog{max-width:min(1180px,96vw)}@media (max-width:760px) {

.products-title-row .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
.products-title-row .actions #syncBizProducts{grid-column:1/-1}
.product-api-grid{grid-template-columns:1fr!important}
.product-detail-summary{grid-template-columns:1fr 1fr!important}
.product-detail-summary>div:first-child{grid-column:1/-1}
.product-detail-head h2{font-size:clamp(1.25rem,6vw,1.8rem);overflow-wrap:anywhere}
.product-detail-actions{display:grid;grid-template-columns:1fr 1fr}
.product-detail-actions button{white-space:normal}
}

/* =========================================================
   Correcto WMS 19.8.9 — Products Premium UX
   ========================================================= */
.products-toolbar{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px}.products-page-size{display:flex;align-items:center;gap:8px;color:var(--wms-muted);font-size:.78rem}.products-page-size select{min-width:76px;padding:7px 28px 7px 9px;border:1px solid var(--wms-line);border-radius:9px;background:var(--wms-surface-2);color:var(--wms-text)}
.products-clean-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--wms-line) 72%,transparent)}.products-clean-table tbody tr:last-child{border-bottom:0}.products-clean-table td{height:56px!important}.products-clean-table th{color:var(--wms-muted)!important;font-weight:850!important}.products-name-compact b{font-size:.8rem!important;font-weight:800}.products-name-compact small{font-size:.64rem!important}.stock-value{display:inline-flex;min-width:36px;justify-content:center;padding:5px 8px;border-radius:999px;background:rgba(34,197,94,.10)}.stock-value.zero{background:rgba(239,68,68,.08)}
.location-mini-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.location-mini,.location-more,.location-empty{display:inline-flex;align-items:center;min-height:26px;padding:3px 7px;border-radius:8px;font-size:.7rem;font-weight:800;white-space:nowrap}.location-mini{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.22)}.location-more{background:var(--wms-surface-2);border:1px solid var(--wms-line);color:var(--wms-muted)}.location-empty{background:rgba(148,163,184,.08);color:var(--wms-muted)}
.product-detail-dialog{width:min(1280px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important}.product-detail-head h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(1050px,78vw);font-size:clamp(1.1rem,1.8vw,1.6rem)!important}.product-detail-tabs{display:flex;gap:5px;padding:8px 20px;border-bottom:1px solid var(--wms-line);background:var(--wms-surface);overflow-x:auto}.product-detail-tabs button{border:0;background:transparent;color:var(--wms-muted);padding:9px 12px;border-radius:9px;font:inherit;font-size:.78rem;font-weight:850;white-space:nowrap;cursor:pointer}.product-detail-tabs button.active{background:rgba(59,130,246,.14);color:#60a5fa}.product-detail-body{background:color-mix(in srgb,var(--wms-surface) 97%,transparent)}
.product-detail-summary.premium{grid-template-columns:72px minmax(250px,2fr) repeat(3,minmax(130px,1fr));margin-bottom:16px}.product-detail-summary.premium .summary-main strong{font-size:.92rem}.product-detail-summary.premium .summary-main small{display:block;margin-top:5px;color:var(--wms-muted);font-size:.72rem}
.detail-block{margin:0 0 18px;padding:16px;border:1px solid var(--wms-line);border-radius:16px;background:var(--wms-surface-2)}.detail-block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.detail-block-head h3{margin:3px 0 0;font-size:1rem}.detail-block-head small{color:var(--wms-muted);font-size:.72rem}.product-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.product-field-card{min-width:0;padding:10px 11px;border:1px solid var(--wms-line);border-radius:11px;background:var(--wms-surface)}.product-field-card span{display:block;color:var(--wms-muted);font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.product-field-card strong{display:block;margin-top:5px;font-size:.79rem;line-height:1.25;overflow-wrap:anywhere}.product-field-card.yes strong{color:#34d399}.product-field-card.no strong{color:var(--wms-muted)}.product-field-grid.all-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-notes .product-field-grid{grid-template-columns:1fr 1fr}.compact-notes .product-field-card strong{max-height:5em;overflow:auto}
.product-stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.product-stock-grid article{padding:15px;border:1px solid var(--wms-line);border-radius:13px;background:var(--wms-surface-2)}.product-stock-grid span{display:block;color:var(--wms-muted);font-size:.7rem}.product-stock-grid strong{display:block;margin-top:5px;font-size:1.3rem}.product-stock-grid .available{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.08)}.product-stock-grid .available strong{color:#34d399}
.location-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.location-detail-grid article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--wms-line);border-radius:11px;background:var(--wms-surface)}.location-detail-grid article>div{display:flex;align-items:center;gap:7px}.location-detail-grid strong{font-size:.86rem}.location-detail-grid article>span{color:var(--wms-muted);font-size:.7rem;text-align:right}.primary-location{display:inline-flex;padding:3px 6px;border-radius:999px;background:rgba(59,130,246,.15);color:#60a5fa;font-size:.61rem;font-weight:850}
.location-history-table{display:grid}.location-history-table>div{display:grid;grid-template-columns:150px 100px minmax(180px,1fr) 160px;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--wms-line);font-size:.73rem}.location-history-table>div:last-child{border-bottom:0}.location-history-table time,.location-history-table small{color:var(--wms-muted)}.location-history-table strong{font-size:.78rem}@media (max-width:1100px) {

.product-field-grid,.product-field-grid.all-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-detail-summary.premium{grid-template-columns:64px minmax(220px,2fr) 1fr 1fr}
.product-detail-summary.premium>div:last-child{grid-column:auto!important}
.location-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}@media (max-width:760px) {

.products-toolbar{align-items:flex-end}
.product-detail-head h2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:calc(100vw - 80px)}
.product-detail-tabs{padding:7px 12px}
.product-detail-body{padding:12px!important}
.product-field-grid,.product-field-grid.all-fields{grid-template-columns:1fr 1fr}
.product-detail-summary.premium{grid-template-columns:1fr 1fr!important}
.product-detail-summary.premium>div:first-child{grid-column:1/-1;height:100px}
.product-detail-summary.premium .summary-main{grid-column:1/-1}
.product-stock-grid{grid-template-columns:1fr 1fr}
.location-detail-grid{grid-template-columns:1fr}
.location-history-table>div{grid-template-columns:1fr 1fr;gap:5px;padding:10px 0}
.location-history-table>div span,.location-history-table>div small{grid-column:1/-1}
.compact-notes .product-field-grid{grid-template-columns:1fr}
}@media (max-width:430px) {

.products-page-size span{display:none}
.product-field-grid,.product-field-grid.all-fields{grid-template-columns:1fr}
.product-stock-grid{grid-template-columns:1fr 1fr}
.product-detail-actions{grid-template-columns:1fr 1fr!important}
.product-detail-tabs button{font-size:.72rem;padding:8px 10px}
}

/* 19.8.12 sortable premium product table */
.product-sort{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.product-sort i{font-style:normal;opacity:.42;font-size:.9rem}.product-sort:hover i,.product-sort.active i{opacity:1;color:#3b82f6}.product-sort.active span{color:var(--wms-text)}.products-clean-table tbody tr{cursor:default}.products-clean-table tbody tr:hover{background:color-mix(in srgb,var(--wms-hover) 75%,transparent)!important}.products-table-card{box-shadow:0 18px 50px rgba(0,0,0,.10)!important}.products-toolbar{padding-bottom:12px;border-bottom:1px solid var(--wms-line);margin-bottom:4px}
.qty-target{display:flex;align-items:baseline;gap:6px}.qty-target b{font-size:32px!important;line-height:1;font-variant-numeric:tabular-nums}.qty-target small{font-size:14px;font-weight:900;color:var(--wms-muted)}.qty-target-note{font-size:11px;color:var(--wms-muted);margin-top:7px}
.scan-station{width:min(980px,100%);margin:24px auto 0;display:grid;grid-template-columns:minmax(320px,1fr) 180px 190px;gap:10px;align-items:end;text-align:left}.scan-station label{display:block;margin:0 0 7px 3px;font-size:11px;font-weight:900;letter-spacing:.08em;color:#93c5fd}.scan-main input{width:100%;height:64px;padding:0 18px;border:2px solid #3b82f6;border-radius:14px;background:rgba(3,10,22,.5);color:var(--wms-text);font-size:22px;font-weight:750;outline:none}.scan-main input:focus{box-shadow:0 0 0 4px rgba(59,130,246,.16)}.qty-stepper{height:64px;display:grid;grid-template-columns:44px 1fr 44px;border:1px solid var(--wms-line);border-radius:14px;overflow:hidden;background:var(--wms-surface-2)}.qty-stepper button{border:0;border-radius:0!important;padding:0!important;background:transparent!important;color:var(--wms-text)!important;font-size:25px!important}.qty-stepper input{width:100%;min-width:0;border:0!important;border-left:1px solid var(--wms-line)!important;border-right:1px solid var(--wms-line)!important;border-radius:0!important;text-align:center;font-size:20px;font-weight:900;background:transparent;color:var(--wms-text);-moz-appearance:textfield}.qty-stepper input::-webkit-inner-spin-button{display:none}.scan-confirm{height:64px!important;border-radius:14px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px}.scan-confirm span{font-size:14px}.scan-confirm small{font-size:10px;opacity:.75}.packing-hero{padding:clamp(22px,3vw,40px)!important;border-radius:24px!important}.packing-hero .hero-check{margin:18px auto 6px!important}.packing-hero .scan-help{margin-top:12px!important}@media (max-width:820px) {

.scan-station{grid-template-columns:1fr 150px}
.scan-confirm{grid-column:1/-1}
.qty-target b{font-size:28px!important}
}@media (max-width:560px) {

.scan-station{grid-template-columns:1fr}
.scan-main input{height:58px;font-size:18px}
.scan-qty{width:100%}
.qty-stepper{height:56px}
.scan-confirm{height:58px!important}
.qty-target-note{display:none}
}

/* 19.8.28 — native alert replacement for BizniSoft sync */
.sync-result-modal[hidden]{display:none!important}.sync-result-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px}.sync-result-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(7px)}.sync-result-dialog{position:relative;width:min(620px,calc(100vw - 28px));padding:30px;border:1px solid var(--wms-line);border-radius:24px;background:var(--wms-surface);box-shadow:0 32px 100px rgba(0,0,0,.48);text-align:center}.sync-result-x{position:absolute;right:14px;top:14px;width:38px;height:38px;padding:0!important;border-radius:12px!important;background:var(--wms-surface-2)!important;color:var(--wms-text)!important;font-size:22px!important}.sync-result-icon{width:66px;height:66px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;background:rgba(34,197,94,.14);color:#22c55e;font-size:34px;font-weight:950}.sync-result-kicker{margin:0;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.12em}.sync-result-dialog h2{margin:7px 0 5px;font-size:28px}.sync-result-dialog>p:not(.sync-result-kicker){margin:0;color:var(--wms-muted)}.sync-result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}.sync-result-grid>div{padding:12px 8px;border:1px solid var(--wms-line);border-radius:13px;background:var(--wms-surface-2)}.sync-result-grid span{display:block;color:var(--wms-muted);font-size:10px;text-transform:uppercase;font-weight:850}.sync-result-grid b{display:block;margin-top:5px;font-size:20px}.sync-result-ok{min-width:160px}@media (max-width:560px) {

.sync-result-dialog{padding:24px 16px}
.sync-result-grid{grid-template-columns:repeat(2,1fr)}
.sync-result-grid>div:last-child{grid-column:1/-1}
}

/* Workflow context menu — Build 2026.08.20.1015 */
.order-context-menu{position:fixed;z-index:99999;min-width:210px;padding:7px;background:#101b2d;border:1px solid #334760;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.order-context-menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#eaf2ff;text-align:left;font-size:13px;font-weight:800;cursor:pointer}
.order-context-menu button:hover{background:#1b2b43}.order-context-menu button.danger{color:#fecaca}.order-context-menu button.danger:hover{background:#7f1d1d;color:#fff}.order-context-menu .ctx-sep{height:1px;background:#2b3b52;margin:5px 2px}
html[data-theme="light"] .order-context-menu{background:#fff;border-color:#d7dee8;box-shadow:0 18px 50px rgba(15,23,42,.18)}
html[data-theme="light"] .order-context-menu button{color:#111827}html[data-theme="light"] .order-context-menu button:hover{background:#eef4fb}html[data-theme="light"] .order-context-menu button.danger{color:#b91c1c}html[data-theme="light"] .order-context-menu button.danger:hover{background:#fee2e2}

/* === MIGRATED LEGACY RESPONSIVE END === */

/* === CORRECTO WMS MASTER DESIGN SYSTEM START === */

/*
==============================================================
 CORRECTO WMS - MASTER DESIGN SYSTEM

 OVO JE GLAVNO MESTO ZA GLOBALNI IZGLED WMS-a.

 MENJAJ OVDE:
   - LIGHT / DARK boje
   - brand boje
   - typography
   - radius
   - shadows
   - spacing
   - sidebar
   - topbar
   - inpute
   - kartice
   - tabele
   - dugmad
   - globalni responsive standard

 NE PRAVITI NOVI GLOBALNI THEME U PAGE CSS FAJLOVIMA.
==============================================================
*/


/* ----------------------------------------------------------
   GLOBAL DESIGN SETTINGS
   ---------------------------------------------------------- */

:root {
    --wms-font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    --wms-radius-xs: 6px;
    --wms-radius-sm: 10px;
    --wms-radius: 14px;
    --wms-radius-lg: 18px;
    --wms-radius-xl: 22px;

    --wms-space-1: 4px;
    --wms-space-2: 8px;
    --wms-space-3: 12px;
    --wms-space-4: 16px;
    --wms-space-5: 20px;
    --wms-space-6: 24px;
    --wms-space-8: 32px;

    --wms-control-height: 42px;
    --wms-touch-height: 46px;

    --wms-shell-sidebar: 248px;
    --wms-shell-sidebar-collapsed: 82px;
    --wms-shell-topbar: 58px;

    --wms-transition-fast: 120ms ease;
    --wms-transition: 180ms ease;

    /* semantic */
    --wms-brand: #2563eb;
    --wms-brand-hover: #1d4ed8;
    --wms-brand-soft: rgba(37,99,235,.11);

    --wms-success: #15803d;
    --wms-success-soft: rgba(21,128,61,.11);

    --wms-warning: #d97706;
    --wms-warning-soft: rgba(217,119,6,.11);

    --wms-danger: #dc2626;
    --wms-danger-soft: rgba(220,38,38,.10);

    --wms-info: #0284c7;
    --wms-info-soft: rgba(2,132,199,.10);
}


/* ----------------------------------------------------------
   LIGHT THEME
   GLAVNE LIGHT BOJE MENJAJ OVDE
   ---------------------------------------------------------- */

html:not([data-theme="dark"]),
html[data-theme="light"] {
    color-scheme: light;

    --wms-bg: #f4f6f2;

    /* PROTECTED MASTER TOKENS */
    --wms-theme-bg: #f4f6f2;
    --wms-theme-surface: #ffffff;
    --wms-theme-surface-2: #f7f8f4;
    --wms-theme-surface-3: #eef1e9;
    --wms-theme-input: #ffffff;
    --wms-theme-hover: #eef2e8;

    --wms-theme-text: #172033;
    --wms-theme-heading: #101624;
    --wms-theme-muted: #667085;

    --wms-theme-line: #dfe4d7;
    --wms-theme-line-strong: #cbd3bf;

    --wms-surface: #ffffff;
    --wms-surface-2: #f8faf7;
    --wms-surface-3: #eef2eb;

    --wms-input: #ffffff;
    --wms-hover: #f2f5ef;

    --wms-text: #172012;
    --wms-heading: #10160d;
    --wms-muted: #66705f;

    --wms-line: #dce3d7;
    --wms-line-strong: #c8d2c1;

    --wms-sidebar-bg: #ffffff;
    --wms-topbar-bg: rgba(255,255,255,.96);

    --wms-overlay: rgba(15,23,12,.48);

    --wms-shadow:
        0 4px 14px rgba(23,32,18,.045);

    --wms-shadow-hover:
        0 10px 28px rgba(23,32,18,.09);
}


/* ----------------------------------------------------------
   DARK THEME
   MASTER DARK PALETTE

   MAIN BACKGROUND = #101204
   ---------------------------------------------------------- */

html[data-theme="dark"],
html.wms-dark,
html.theme-dark,
body[data-theme="dark"],
body.wms-dark,
body.theme-dark {
    color-scheme: dark;

    /* GLAVNA POZADINA */
    --wms-bg: #101204;

    /* PROTECTED MASTER TOKENS */
    --wms-theme-bg: #202020;
    --wms-theme-surface: #414141;
    --wms-theme-surface-2: #363636;
    --wms-theme-surface-3: #303030;
    --wms-theme-input: #2b2b2b;
    --wms-theme-hover: #4b4b4b;

    --wms-theme-text: #ffffff;
    --wms-theme-heading: #ffffff;
    --wms-theme-muted: #d0d0d0;

    --wms-theme-line: #5a5a5a;
    --wms-theme-line-strong: #707070;

    /* POVRŠINE */
    --wms-surface: #171a09;
    --wms-surface-2: #1d210d;
    --wms-surface-3: #242912;

    /* FORME */
    --wms-input: #141706;
    --wms-hover: #292f14;

    /* TEKST */
    --wms-text: #f3f5eb;
    --wms-heading: #ffffff;
    --wms-muted: #a5ad93;

    /* LINIJE */
    --wms-line: #33391c;
    --wms-line-strong: #495229;

    /* SHELL */
    --wms-sidebar-bg: #181818;
    --wms-topbar-bg: #181818;

    /* BRAND */
    --wms-brand: #4f8cff;
    --wms-brand-hover: #73a4ff;
    --wms-brand-soft: rgba(79,140,255,.14);

    /* STATUS */
    --wms-success: #52cf7c;
    --wms-success-soft: rgba(82,207,124,.12);

    --wms-warning: #f0b84a;
    --wms-warning-soft: rgba(240,184,74,.12);

    --wms-danger: #f16e6e;
    --wms-danger-soft: rgba(241,110,110,.12);

    --wms-info: #68b9eb;
    --wms-info-soft: rgba(104,185,235,.12);

    --wms-overlay: rgba(0,0,0,.72);

    --wms-shadow:
        0 8px 24px rgba(0,0,0,.22);

    --wms-shadow-hover:
        0 15px 36px rgba(0,0,0,.30);
}


/* ----------------------------------------------------------
   GLOBAL DOCUMENT
   ---------------------------------------------------------- */

html {
    min-height: 100%;
    background: var(--wms-bg);
}

body {
    min-height: 100vh;
    margin: 0;
    background: var(--wms-bg);
    color: var(--wms-text);
    font-family: var(--wms-font-family);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
    font-family: var(--wms-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--wms-heading);
}

p,
small,
.muted,
.wms-muted {
    color: var(--wms-muted);
}


/* ----------------------------------------------------------
   GLOBAL SURFACES
   ---------------------------------------------------------- */

.card,
.panel,
.box,
.setting-card,
.status-card,
.info-card,
.workflow-card,
.items-card,
.packages-card {
    background: var(--wms-surface);
    color: var(--wms-text);
    border-color: var(--wms-line);
}


/* ----------------------------------------------------------
   GLOBAL FORM CONTROLS
   ---------------------------------------------------------- */

input,
select,
textarea {
    background: var(--wms-input);
    color: var(--wms-text);
    border-color: var(--wms-line);
}

input::placeholder,
textarea::placeholder {
    color: var(--wms-muted);
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--wms-brand);
    outline: none;
}


/* ----------------------------------------------------------
   GLOBAL TABLES
   ---------------------------------------------------------- */

table {
    color: var(--wms-text);
}

th,
td {
    border-color: var(--wms-line);
}

th {
    color: var(--wms-heading);
}


/* ----------------------------------------------------------
   APP SHELL
   ---------------------------------------------------------- */

.wms-sidebar {
    background: var(--wms-sidebar-bg);
    color: var(--wms-text);
    border-color: var(--wms-line);
}

.wms-sidebar-head,
.wms-sidebar-foot {
    background: var(--wms-sidebar-bg);
    border-color: var(--wms-line);
}

.wms-desktop-topbar,
.wms-mobile-topbar {
    background: var(--wms-topbar-bg);
    color: var(--wms-text);
    border-color: var(--wms-line);
}


/* ----------------------------------------------------------
   RESPONSIVE MASTER BREAKPOINTS

   Desktop      > 1200
   Laptop       <= 1200
   Tablet       <= 980
   Phone        <= 640
   PDA          <= 420
   ---------------------------------------------------------- */

@media (max-width: 1200px) {
    :root {
        --wms-shell-sidebar: 230px;
    }
}

@media (max-width: 980px) {
    :root {
        --wms-shell-sidebar: 248px;
    }

    .wms-has-sidebar {
        padding-left: 0;
    }
}

@media (max-width: 640px) {
    :root {
        --wms-radius: 12px;
        --wms-radius-lg: 15px;
        --wms-control-height: 44px;
    }

    input,
    select,
    textarea,
    button {
        min-height: var(--wms-control-height);
    }
}

@media (max-width: 420px) {
    :root {
        --wms-space-4: 12px;
        --wms-space-5: 16px;
        --wms-space-6: 18px;
        --wms-radius: 11px;
    }
}

@media (hover: none) and (pointer: coarse) {
    button,
    a,
    input,
    select,
    textarea {
        touch-action: manipulation;
    }

    button,
    [role="button"] {
        min-height: var(--wms-touch-height);
    }
}





/* === CORRECTO DARK DEPTH POLISH START === */

html[data-theme="dark"] body{
    background:#101204;
}


/* SIDEBAR + TOPBAR */

html[data-theme="dark"] .wms-sidebar,
html[data-theme="dark"] .wms-desktop-topbar,
html[data-theme="dark"] .wms-mobile-topbar{
    background:#181818 !important;
}


/* CARDS */

html[data-theme="dark"] :is(
    .v14-card,
    .products-header-card,
    .products-filter-card,
    .products-table-card,
    .product-detail-dialog
){
    box-shadow:
        0 12px 32px rgba(0,0,0,.22) !important;
}


/* INPUTS */

html[data-theme="dark"] :is(
    input,
    select,
    textarea
){
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.015) !important;
}


/* ACTIVE INPUT */

html[data-theme="dark"] :is(
    input,
    select,
    textarea
):focus{
    box-shadow:
        0 0 0 3px rgba(79,140,255,.12) !important;
}


/* HEADINGS */

html[data-theme="dark"] :is(
    h1,
    h2,
    h3
){
    letter-spacing:-.015em;
}


/* === CORRECTO DARK DEPTH POLISH END === */


/* === CORRECTO WMS MASTER DESIGN SYSTEM END === */



/* === CORRECTO GLOBAL TYPOGRAPHY + DARK MASTER START === */
:root{
  --wms-font-base:16px;
  --wms-font-small:14px;
  --wms-font-large:18px;
  --wms-font-h1:2.2rem;
  --wms-font-h2:1.65rem;
  --wms-font-h3:1.25rem;
}

html{
  font-size:var(--wms-font-base) !important;
}

body,
input,
select,
textarea,
button{
  font-size:1rem !important;
}

html[data-theme="dark"],
html.dark,
body.dark{
  --wms-bg:#202020;
  --wms-surface:#414141;
  --wms-surface-2:#363636;
  --wms-surface-3:#303030;
  --wms-input:#2b2b2b;
  --wms-hover:#4b4b4b;
  --wms-text:#ffffff;
  --wms-heading:#ffffff;
  --wms-muted:#d0d0d0;
  --wms-line:#5a5a5a;
  --wms-line-strong:#707070;
  --wms-sidebar-bg:#181818;
  --wms-topbar-bg:#181818;

  --wms-theme-bg:#202020;
  --wms-theme-surface:#414141;
  --wms-theme-surface-2:#363636;
  --wms-theme-surface-3:#303030;
  --wms-theme-input:#2b2b2b;
  --wms-theme-hover:#4b4b4b;
  --wms-theme-text:#ffffff;
  --wms-theme-heading:#ffffff;
  --wms-theme-muted:#d0d0d0;
  --wms-theme-line:#5a5a5a;
  --wms-theme-line-strong:#707070;
}

body,
.wms-app,
.wms-shell,
.wms-main,
.products-page,
.page-manual-shipment{
  background:var(--wms-bg) !important;
  color:var(--wms-text) !important;
}

h1,.h1{
  font-size:var(--wms-font-h1) !important;
  line-height:1.15;
}
h2,.h2{
  font-size:var(--wms-font-h2) !important;
  line-height:1.2;
}
h3,.h3{
  font-size:var(--wms-font-h3) !important;
  line-height:1.25;
}

label,
.form-label,
.field-label,
.wms-field label,
input::placeholder,
textarea::placeholder{
  font-size:1rem !important;
}

small,
.text-muted,
.wms-muted{
  font-size:var(--wms-font-small) !important;
  color:var(--wms-muted) !important;
}

.wms-sidebar,
.wms-desktop-topbar,
.wms-account-button,
.wms-account-menu,
.wms-panel,
.v14-card{
  font-size:1rem !important;
}
/* === CORRECTO GLOBAL TYPOGRAPHY + DARK MASTER END === */