:root {
    --brand-950: #082824;
    --brand-900: #0d3530;
    --brand-800: #16483f;
    --brand-700: #205e52;
    --brand-100: #dff1eb;
    --brand-50: #f2faf7;
    --honey-600: #bd7925;
    --honey-500: #d99a3d;
    --honey-400: #edb75f;
    --honey-100: #fff0ce;
    --ink-950: #10211f;
    --ink-700: #3d504d;
    --ink-500: #6c7d79;
    --surface: #ffffff;
    --canvas: #f3f6f5;
    --line: #dfe8e5;
    --success: #187458;
    --danger: #b6423b;
    --shadow-sm: 0 2px 8px rgba(13, 53, 48, .06);
    --shadow-md: 0 16px 38px rgba(13, 53, 48, .09);
    --shadow-lg: 0 28px 70px rgba(8, 40, 36, .18);
    --ease: cubic-bezier(.2, .8, .2, 1);
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--ink-950) !important;
    background:
        radial-gradient(circle at 80% 0%, rgba(217, 154, 61, .07), transparent 22rem),
        var(--canvas) !important;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
    font-family: inherit !important;
}

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

button:focus-visible,
a:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(217, 154, 61, .26) !important;
    outline-offset: 2px;
}

/* Admin shell */
.app {
    grid-template-columns: 278px minmax(0, 1fr) !important;
}

aside {
    isolation: isolate;
    width: 278px;
    padding: 24px 18px 20px !important;
    background:
        radial-gradient(circle at 20% -5%, rgba(237, 183, 95, .21), transparent 15rem),
        linear-gradient(160deg, var(--brand-900), var(--brand-950) 72%) !important;
    border-right: 1px solid rgba(255, 255, 255, .05);
    box-shadow: 14px 0 45px rgba(8, 40, 36, .09);
    overflow: hidden;
}

aside::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -85px;
    bottom: 7%;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
    box-shadow:
        0 0 0 28px rgba(255, 255, 255, .025),
        0 0 0 58px rgba(255, 255, 255, .018);
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 5px 30px !important;
    font-size: 18px !important;
    letter-spacing: -.02em;
}

.brand-mark {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: var(--brand-950);
    background: linear-gradient(145deg, #f4c676, var(--honey-500));
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 14px 14px 14px 5px;
    box-shadow: 0 10px 24px rgba(217, 154, 61, .22);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .06em;
}

.brand-copy {
    min-width: 0;
}

.brand-copy strong {
    display: block;
    line-height: 1.1;
}

.brand small {
    margin-top: 5px !important;
    color: rgba(225, 240, 236, .64) !important;
    font-size: 9px !important;
    font-weight: 700;
    letter-spacing: .14em;
}

.nav-label {
    margin: 0 12px 10px;
    color: rgba(225, 240, 236, .42);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

nav {
    gap: 4px !important;
    margin: 0 -3px;
    padding: 0 3px 12px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .16) transparent;
}

nav a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 44px;
    padding: 8px 11px !important;
    color: rgba(229, 242, 239, .72) !important;
    border: 1px solid transparent;
    border-radius: 11px !important;
    font-size: 12px !important;
    font-weight: 650;
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s var(--ease);
}

nav a:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .075) !important;
    transform: translateX(2px);
}

nav a.on {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(217, 154, 61, .22), rgba(217, 154, 61, .08)) !important;
    border-color: rgba(237, 183, 95, .19);
    box-shadow: inset 3px 0 var(--honey-400);
}

.nav-icon {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    color: rgba(255, 255, 255, .67);
    background: rgba(255, 255, 255, .07);
    border-radius: 8px;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .04em;
    transition: background .2s ease, color .2s ease;
}

nav a.on .nav-icon {
    color: var(--brand-950);
    background: var(--honey-400);
}

.admin-user {
    margin: auto 0 0 !important;
    padding: 16px 6px 0 !important;
    border-top-color: rgba(255, 255, 255, .1) !important;
}

.user-profile {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 11px;
}

.user-avatar {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    font-size: 11px;
    font-weight: 900;
}

.admin-user small {
    min-width: 0;
    margin: 0 !important;
    overflow: hidden;
    color: rgba(226, 239, 236, .66) !important;
    line-height: 1.5;
    text-overflow: ellipsis;
}

.admin-user small strong {
    display: block;
    overflow: hidden;
    color: #fff;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-user button {
    min-height: 36px;
    color: rgba(255, 255, 255, .78) !important;
    background: rgba(255, 255, 255, .075) !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
}

.admin-user button:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .12) !important;
}

.sidebar-scrim {
    display: none;
}

main {
    width: 100%;
    max-width: 1720px;
    margin: 0 auto;
    padding: 28px 34px 48px !important;
}

.page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 25px;
    animation: rise-in .45s var(--ease) both;
}

.page-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.page-header .eyebrow {
    margin-bottom: 5px !important;
}

.page-header h1 {
    margin: 0 !important;
    color: var(--ink-950);
    font-size: clamp(24px, 2.3vw, 32px) !important;
    letter-spacing: -.035em;
}

.page-meta {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    padding: 9px 12px;
    color: var(--ink-500);
    background: rgba(255, 255, 255, .7);
    border: 1px solid var(--line);
    border-radius: 999px;
    box-shadow: var(--shadow-sm);
    font-size: 10px;
    font-weight: 700;
}

.live-dot {
    width: 7px;
    height: 7px;
    background: #2ca77b;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(44, 167, 123, .12);
    animation: soft-pulse 2.2s infinite;
}

.menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    place-items: center;
    flex: 0 0 42px;
    padding: 0 !important;
    color: var(--brand-900) !important;
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    box-shadow: var(--shadow-sm);
    font-size: 19px;
}

/* Content surfaces */
.eyebrow {
    color: var(--honey-600) !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .17em !important;
}

h2 {
    color: var(--ink-950);
    font-size: 18px !important;
    letter-spacing: -.025em;
}

h3 {
    color: var(--ink-950);
}

.card,
.stat {
    border-color: rgba(205, 219, 215, .88) !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow-sm);
}

.card {
    position: relative;
    padding: 22px !important;
    overflow: hidden;
    animation: rise-in .48s var(--ease) both;
    transition:
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s var(--ease);
}

.card:hover {
    border-color: #cadbd6 !important;
    box-shadow: var(--shadow-md);
}

.grid {
    grid-template-columns: minmax(320px, .74fr) minmax(0, 1.26fr) !important;
    gap: 20px !important;
}

.grid > :nth-child(2),
.stats > :nth-child(2) {
    animation-delay: .05s;
}

.stats > :nth-child(3) {
    animation-delay: .1s;
}

.stats > :nth-child(4) {
    animation-delay: .15s;
}

.flow {
    position: relative;
    min-height: 164px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px 32px !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 15%, rgba(237, 183, 95, .28), transparent 14rem),
        linear-gradient(125deg, var(--brand-950), var(--brand-800)) !important;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px !important;
    box-shadow: 0 20px 46px rgba(8, 40, 36, .18);
    animation: rise-in .45s var(--ease) both;
}

.flow::after {
    content: "INWARD  •  PRODUCTION  •  LABEL  •  DISPATCH";
    position: absolute;
    right: 26px;
    bottom: 22px;
    color: rgba(255, 255, 255, .32);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .2em;
}

.flow h2 {
    max-width: 760px;
    margin: 1px 0 10px !important;
    color: #fff;
    font-size: clamp(23px, 2.4vw, 31px) !important;
    line-height: 1.2;
    letter-spacing: -.04em;
}

.flow p:not(.eyebrow) {
    max-width: 690px;
    color: rgba(225, 240, 236, .68) !important;
    line-height: 1.65;
}

.stats {
    gap: 16px !important;
    margin: 20px 0 !important;
}

.stat {
    position: relative;
    min-height: 142px;
    padding: 20px 20px 17px !important;
    overflow: hidden;
    animation: rise-in .48s var(--ease) both;
    transition: transform .22s var(--ease), box-shadow .22s ease;
}

.stat::before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    width: 36px;
    height: 3px;
    background: linear-gradient(90deg, var(--honey-500), var(--honey-400));
    border-radius: 0 0 5px 5px;
}

.stat::after {
    content: "";
    position: absolute;
    right: -22px;
    bottom: -28px;
    width: 84px;
    height: 84px;
    background: var(--brand-50);
    border-radius: 50%;
}

.stat:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.stat p {
    margin: 5px 0 14px;
    color: var(--ink-500) !important;
    font-size: 11px !important;
    font-weight: 700;
}

.stat strong {
    position: relative;
    z-index: 1;
    color: var(--brand-900);
    font-size: 31px !important;
    letter-spacing: -.04em;
}

.stat small {
    position: relative;
    z-index: 1;
    color: var(--ink-500) !important;
    font-size: 10px;
}

/* Forms */
form {
    gap: 15px !important;
}

.form-grid {
    gap: 14px !important;
}

label {
    color: var(--ink-700) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .01em;
}

label small {
    color: var(--ink-500);
    font-weight: 500;
    line-height: 1.45;
}

input,
select,
textarea {
    min-height: 43px;
    padding: 10px 12px !important;
    color: var(--ink-950);
    background-color: #fff !important;
    border: 1px solid #d5e0dd !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 2px rgba(16, 33, 31, .025);
    font-size: 12px !important;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

input:hover,
select:hover,
textarea:hover {
    border-color: #b9ccc7 !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--brand-700) !important;
    box-shadow: 0 0 0 4px rgba(32, 94, 82, .1) !important;
    outline: none;
}

textarea {
    min-height: 88px !important;
    line-height: 1.55;
}

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

button {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 17px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--honey-600), var(--honey-500)) !important;
    border: 1px solid rgba(125, 74, 14, .12) !important;
    border-radius: 10px !important;
    box-shadow: 0 7px 16px rgba(189, 121, 37, .17);
    font-size: 11px;
    letter-spacing: .01em;
    transition:
        filter .18s ease,
        box-shadow .18s ease,
        transform .18s var(--ease);
}

button:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(189, 121, 37, .23);
}

button:active {
    transform: translateY(0) scale(.98);
}

button.secondary {
    color: var(--ink-700) !important;
    background: #eef3f1 !important;
    border-color: #dae4e1 !important;
    box-shadow: none;
}

button.danger {
    background: linear-gradient(135deg, #a83c36, #c6544c) !important;
    box-shadow: 0 7px 16px rgba(182, 66, 59, .17);
}

.small-button {
    min-height: 32px;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    font-size: 9px !important;
}

.weights {
    grid-template-columns: repeat(4, minmax(145px, 1fr)) !important;
    gap: 12px !important;
    padding: 16px !important;
    background: linear-gradient(145deg, #f8fbfa, #f2f7f5) !important;
    border-color: #dce7e4 !important;
    border-radius: 13px !important;
}

#inward-total {
    display: inline-flex;
    width: fit-content;
    padding: 9px 12px;
    color: var(--brand-800);
    background: var(--brand-50);
    border: 1px solid #d9ebe5;
    border-radius: 9px;
    font-size: 11px;
}

.checks {
    border-color: #dce5e2 !important;
    border-radius: 12px !important;
    background: #fbfdfc;
}

.checks label {
    min-height: 52px;
    border-bottom-color: #e7eeec !important;
    cursor: pointer;
    transition: background .16s ease;
}

.checks label:hover {
    background: var(--brand-50);
}

.checks label:has(input:checked) {
    background: #eaf7f2;
}

.checks small {
    margin-top: 3px;
    color: var(--ink-500) !important;
}

/* Tables */
.table {
    scrollbar-width: thin;
    scrollbar-color: #bccdc8 transparent;
}

.table > h2,
.card > h2 {
    margin-bottom: 18px !important;
}

table {
    border-spacing: 0;
    border-collapse: separate !important;
}

th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 10px 11px !important;
    color: var(--ink-500) !important;
    background: #f7faf9;
    border-top: 1px solid #e6eeec;
    border-bottom: 1px solid #e1eae7;
    font-size: 8px !important;
    letter-spacing: .075em;
}

th:first-child {
    border-left: 1px solid #e6eeec;
    border-radius: 9px 0 0 9px;
}

th:last-child {
    border-right: 1px solid #e6eeec;
    border-radius: 0 9px 9px 0;
}

td {
    padding: 13px 11px !important;
    color: var(--ink-700);
    border-top: 0 !important;
    border-bottom: 1px solid #edf2f0;
    font-size: 11px;
    transition: background .16s ease;
}

tr:hover td {
    background: #fbfdfc;
}

td:first-child {
    color: var(--ink-950);
    font-weight: 700;
}

.barcode {
    max-width: 150px !important;
    filter: contrast(1.1);
}

.badge {
    padding: 5px 9px !important;
    border: 1px solid transparent;
    font-size: 8px !important;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.Available,
.Active,
.Completed,
.Confirmed {
    color: #176249 !important;
    background: #e4f5ee !important;
    border-color: #cfebdf;
}

.Reserved,
.Created {
    color: #8a5a11 !important;
    background: #fff3d9 !important;
    border-color: #f6e2b8;
}

.badge.In.Progress {
    color: #155f74 !important;
    background: #e4f4f8 !important;
    border-color: #c5e5ed;
}

.Inactive,
.Dispatched,
.Consumed {
    color: #5f6d69 !important;
    background: #eef2f1 !important;
    border-color: #e0e7e5;
}

/* Supporting components */
.field-note {
    padding: 11px 13px !important;
    color: var(--ink-500) !important;
    background: linear-gradient(90deg, var(--brand-50), #f8fbfa) !important;
    border: 1px solid #dcebe6;
    border-left: 3px solid var(--brand-700) !important;
    border-radius: 8px;
    line-height: 1.55;
}

.alert {
    position: relative;
    padding: 13px 15px 13px 42px !important;
    color: #176249 !important;
    background: #e8f7f1 !important;
    border: 1px solid #ccebdd;
    border-radius: 12px !important;
    box-shadow: var(--shadow-sm);
    animation: alert-in .42s var(--ease) both;
}

.alert::before {
    content: "✓";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    color: #fff;
    background: var(--success);
    border-radius: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    font-weight: 900;
}

.alert.error {
    color: #96352f !important;
    background: #fff0ee !important;
    border-color: #f2d2cf;
}

.alert.error::before {
    content: "!";
    background: var(--danger);
}

.empty {
    color: var(--ink-500) !important;
    background: #fafcfb;
    border: 1px dashed #d7e1de;
    border-radius: 10px;
}

.list-card {
    border-color: #dce6e3 !important;
    border-radius: 12px !important;
    background: #fff;
    transition: transform .18s var(--ease), border-color .18s ease, box-shadow .18s ease;
}

.list-card:hover {
    border-color: #c2d6d0 !important;
    box-shadow: var(--shadow-sm);
    transform: translateY(-1px);
}

.list-card p {
    color: var(--ink-500) !important;
}

.user-editor[open] {
    border-color: #bad4cc !important;
    box-shadow: 0 10px 25px rgba(13, 53, 48, .08);
}

.user-editor summary {
    position: relative;
    padding-right: 25px;
}

.user-editor summary::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 50%;
    color: var(--brand-700);
    font-size: 18px;
    transform: translateY(-50%);
    transition: transform .18s ease;
}

.user-editor[open] summary::after {
    transform: translateY(-50%) rotate(45deg);
}

.permission-box,
.design-row {
    border-color: #dde7e4 !important;
    border-radius: 11px !important;
    background: #fcfefd;
}

.permission-box:hover,
.design-row:hover {
    border-color: #c5d8d2 !important;
}

.access-section {
    border-top-color: #e4ebe9 !important;
}

.api-note {
    position: relative;
    padding: 16px 16px 16px 45px !important;
    color: #dcece8 !important;
    background: linear-gradient(145deg, var(--brand-950), var(--brand-900)) !important;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px !important;
    box-shadow: var(--shadow-sm);
}

.api-note::before {
    content: "API";
    position: absolute;
    left: 12px;
    top: 14px;
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    color: var(--brand-950);
    background: var(--honey-400);
    border-radius: 7px;
    font: 8px/1 Inter, sans-serif;
    font-weight: 900;
}

.label-preview-wrap {
    background:
        linear-gradient(45deg, rgba(13, 53, 48, .035) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(13, 53, 48, .035) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(13, 53, 48, .035) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(13, 53, 48, .035) 75%),
        #eef3f1 !important;
    background-position: 0 0, 0 6px, 6px -6px, -6px 0 !important;
    background-size: 12px 12px !important;
    border: 1px solid #dce5e2;
    border-radius: 13px !important;
}

.production-label {
    box-shadow: 0 12px 30px rgba(13, 53, 48, .16);
}

.designer-element {
    outline-color: var(--honey-500) !important;
}

.label-actions details summary {
    color: var(--brand-700);
    cursor: pointer;
    font-size: 10px;
    font-weight: 800;
}

.dispatch-challan {
    box-shadow: var(--shadow-lg);
}

/* Customer master */
.master-grid {
    grid-template-columns: minmax(350px, 420px) minmax(0, 1fr) !important;
    align-items: stretch !important;
}

.master-form-card,
.master-list-card {
    min-width: 0;
}

.master-form-card {
    background:
        linear-gradient(145deg, rgba(242, 250, 247, .62), transparent 175px),
        #fff !important;
}

.master-card-header {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr) auto;
    align-items: start;
    gap: 13px;
    margin: -2px 0 23px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7eeec;
}

.master-card-header .section-mark {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--brand-800), var(--brand-900));
    border-radius: 13px 13px 13px 5px;
    box-shadow: 0 9px 20px rgba(13, 53, 48, .16);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .06em;
}

.master-card-header .eyebrow {
    margin-bottom: 4px !important;
}

.master-card-header h2 {
    margin: 0 0 5px !important;
}

.master-card-header p:last-child,
.directory-header p:last-child {
    margin: 0;
    color: var(--ink-500);
    font-size: 10px;
    line-height: 1.5;
}

.required-copy {
    padding: 5px 7px;
    color: var(--honey-600);
    background: var(--honey-100);
    border: 1px solid #f2dfb7;
    border-radius: 7px;
    font-size: 8px;
    font-weight: 800;
    white-space: nowrap;
}

.master-form {
    gap: 16px !important;
}

.master-form label {
    position: relative;
}

.master-form input,
.master-form select,
.master-form textarea {
    background: #fbfdfc !important;
}

.master-form input::placeholder,
.master-form textarea::placeholder {
    color: #a1afab;
}

.master-form button {
    width: 100%;
    margin-top: 3px;
}

.directory-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 19px;
}

.directory-header h2 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 5px !important;
}

.count-badge {
    min-width: 25px;
    height: 25px;
    display: inline-grid;
    place-items: center;
    padding: 0 7px;
    color: var(--brand-800);
    background: var(--brand-100);
    border: 1px solid #cfe6de;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 900;
}

.directory-search {
    position: relative;
    width: min(270px, 42%);
    flex: 0 0 auto;
    gap: 6px !important;
}

.directory-search > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.directory-search input {
    height: 40px;
    min-height: 40px;
    padding-left: 36px !important;
    background: #f7faf9 !important;
}

.directory-search i {
    position: absolute;
    left: 13px;
    bottom: 10px;
    color: var(--ink-500);
    font-size: 16px;
    font-style: normal;
    line-height: 1;
    pointer-events: none;
}

.directory-search:focus-within i {
    color: var(--brand-700);
}

.directory-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.directory-metrics > div {
    position: relative;
    min-height: 67px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    padding: 11px 13px;
    overflow: hidden;
    background: linear-gradient(145deg, #f7faf9, #fbfdfc);
    border: 1px solid #e0e9e6;
    border-radius: 11px;
}

.directory-metrics > div::after {
    content: "";
    position: absolute;
    right: -17px;
    bottom: -25px;
    width: 65px;
    height: 65px;
    background: rgba(217, 154, 61, .07);
    border-radius: 50%;
}

.directory-metrics span {
    color: var(--ink-500);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.directory-metrics strong {
    position: relative;
    z-index: 1;
    margin-bottom: 2px;
    color: var(--brand-900);
    font-size: 20px;
    line-height: 1;
}

.directory-table {
    position: relative;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #e2eae8;
    border-radius: 12px;
}

.directory-table table {
    min-width: 720px;
}

.directory-table th {
    border-top: 0;
    border-radius: 0 !important;
}

.directory-table td:first-child {
    min-width: 185px;
}

.customer-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}

.customer-cell i {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    color: var(--brand-800);
    background: var(--brand-100);
    border: 1px solid #d3e9e1;
    border-radius: 9px;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .03em;
}

.customer-cell strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.directory-table tbody tr {
    animation: row-in .34s var(--ease) both;
}

.directory-table tbody tr[hidden] {
    display: none;
}

.directory-no-results {
    min-height: 178px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--ink-500);
    text-align: center;
}

.directory-no-results[hidden] {
    display: none;
}

.directory-no-results::before {
    content: "⌕";
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin-bottom: 3px;
    color: var(--brand-700);
    background: var(--brand-50);
    border: 1px solid #d8eae4;
    border-radius: 12px;
    font-size: 21px;
}

.directory-no-results strong {
    color: var(--ink-950);
    font-size: 12px;
}

.directory-no-results span {
    font-size: 10px;
}

.directory-table table.has-no-results {
    display: none;
}

.operation-grid {
    grid-template-columns: minmax(350px, 420px) minmax(0, 1fr) !important;
}

.operation-form-card {
    align-self: start;
}

.code-chip {
    display: inline-flex;
    padding: 5px 8px;
    color: var(--brand-800);
    background: var(--brand-50);
    border: 1px solid #d8eae4;
    border-radius: 7px;
    font: 9px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
    font-weight: 800;
}

.workflow-card {
    padding: 0 !important;
}

.workflow-card:hover {
    transform: none;
}

.workflow-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 23px 25px 20px;
    background:
        radial-gradient(circle at 88% 5%, rgba(217, 154, 61, .1), transparent 15rem),
        linear-gradient(145deg, #fbfdfc, #f5faf8);
    border-bottom: 1px solid #e2ebe8;
}

.workflow-header .master-card-header {
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    border: 0;
}

.workflow-mini-metrics {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
}

.workflow-mini-metrics span {
    min-width: 91px;
    padding: 9px 11px;
    color: var(--ink-500);
    background: rgba(255, 255, 255, .78);
    border: 1px solid #dce7e3;
    border-radius: 10px;
    box-shadow: var(--shadow-sm);
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.workflow-mini-metrics b {
    display: block;
    margin-bottom: 2px;
    color: var(--brand-900);
    font-size: 17px;
}

.workflow-form {
    padding: 24px 25px 25px;
}

.dynamic-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 2px;
    padding-top: 18px;
    border-top: 1px solid #e4ece9;
}

.dynamic-section-head strong {
    display: block;
    color: var(--ink-950);
    font-size: 12px;
}

.dynamic-section-head small {
    display: block;
    margin-top: 4px;
    color: var(--ink-500);
    font-size: 9px;
}

.dynamic-section-head > span,
.accuracy-chip {
    padding: 6px 8px;
    color: var(--honey-600);
    background: var(--honey-100);
    border: 1px solid #f0ddb4;
    border-radius: 7px;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .05em;
    white-space: nowrap;
}

.workflow-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.workflow-submit button {
    flex: 0 0 auto;
    margin-left: auto;
}

.wide-directory {
    width: 100%;
}

.wide-directory .directory-table {
    max-height: 570px;
}

.operation-grid > .report-directory {
    grid-column: 1 / -1;
}

.report-directory {
    position: relative;
    overflow: hidden;
    padding: 28px !important;
    background:
        radial-gradient(circle at 96% 0%, rgba(30, 116, 99, .08), transparent 240px),
        linear-gradient(180deg, #fff, #fcfefd) !important;
    border-color: #cfe0db !important;
    box-shadow: 0 18px 45px rgba(24, 67, 59, .09) !important;
}

.report-directory::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--brand-700), #d99a3d);
}

.report-directory .directory-header {
    align-items: center;
    margin-bottom: 24px;
}

.report-directory .directory-header > div:first-child {
    max-width: 460px;
}

.report-directory .directory-header h2 {
    font-size: clamp(22px, 2.3vw, 30px) !important;
}

.report-controls {
    width: min(580px, 56%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.report-controls .directory-search {
    width: min(310px, 100%);
    flex: 1 1 240px;
}

.report-actions {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
}

.report-actions a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--brand-800), var(--brand-700));
    border: 1px solid rgba(10, 70, 59, .25);
    border-radius: 10px;
    box-shadow: 0 7px 16px rgba(18, 92, 78, .17);
    font-size: 11px;
    font-weight: 850;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.report-actions a:last-child {
    color: #6a4310;
    background: linear-gradient(135deg, #fff8e8, #f5dfad);
    border-color: #ead19b;
    box-shadow: 0 7px 16px rgba(153, 105, 31, .12);
}

.report-actions a:hover {
    transform: translateY(-2px);
    filter: saturate(1.08);
    box-shadow: 0 10px 22px rgba(18, 92, 78, .22);
}

.report-actions a:focus-visible {
    outline: 3px solid rgba(39, 137, 116, .25);
    outline-offset: 2px;
}

.report-actions b {
    font-size: 15px;
    line-height: 1;
}

.report-directory .directory-metrics {
    gap: 14px;
    margin-bottom: 22px;
}

.report-directory .dispatch-metrics {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.report-directory .directory-metrics > div {
    min-height: 88px;
    padding: 17px 19px;
    border-color: #d7e6e1;
    border-radius: 14px;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.report-directory .directory-metrics > div:hover {
    transform: translateY(-2px);
    border-color: #b9d6cd;
    box-shadow: 0 10px 22px rgba(20, 72, 63, .08);
}

.report-directory .directory-metrics strong {
    font-size: 26px;
}

.report-directory .dispatch-metrics strong small {
    color: inherit;
    font-size: 12px;
}

.report-directory .directory-table {
    max-height: 580px;
    background: #fff;
    border: 1px solid #dbe7e3;
    border-radius: 14px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .8);
}

.report-directory .directory-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 14px 15px;
    background: #f3f8f6;
    border-bottom: 1px solid #d6e5e0;
}

.report-directory .directory-table td {
    padding: 16px 15px;
    transition: background .16s ease;
}

.report-directory .directory-table tr:hover td {
    background: #f6fbf9;
}

.report-code {
    color: var(--brand-900);
    font-weight: 850;
    letter-spacing: .01em;
}

.checks-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -7px;
    padding: 8px 10px;
    color: var(--ink-500);
    background: #f7faf9;
    border: 1px solid #e0e9e6;
    border-radius: 8px;
    font-size: 9px;
    font-weight: 700;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.checks-status span b {
    color: var(--brand-800);
    font-size: 12px;
}

.checks-status small {
    font-size: 8px;
}

.checks-status.has-selection {
    color: var(--brand-800);
    background: var(--brand-50);
    border-color: #cfe5dd;
}

.label-metrics strong small {
    color: var(--ink-500);
    font-size: 9px;
}

.production-directory .barcode {
    min-width: 180px;
}

.production-directory .label-actions {
    min-width: 145px;
}

.designer-grid {
    grid-template-columns: minmax(390px, .9fr) minmax(440px, 1.1fr) !important;
}

.designer-controls-card .master-card-header {
    margin-bottom: 18px;
}

.designer-controls-card .label-designer-controls {
    gap: 12px !important;
}

.designer-controls-card .design-row {
    position: relative;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.designer-controls-card .design-row:hover {
    background: var(--brand-50);
    box-shadow: 0 7px 17px rgba(13, 53, 48, .05);
}

.designer-preview-card {
    position: sticky;
    top: 22px;
    align-self: start;
}

.designer-label-preview .designer-element {
    outline-color: transparent !important;
}

.designer-label-preview .designer-element:hover,
.designer-label-preview .designer-element:focus {
    outline-color: var(--orange) !important;
}

.designer-label-preview .production-label-barcode {
    cursor: grab;
    pointer-events: all;
    touch-action: none;
    user-select: none;
}

.designer-label-preview .production-label-barcode:active {
    cursor: grabbing;
}

.designer-label-preview .production-label-barcode > * {
    pointer-events: none;
}

.preview-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 19px;
}

.preview-card-header h2 {
    margin: 0 0 5px !important;
}

.preview-card-header p:last-child {
    margin: 0;
    color: var(--ink-500);
    font-size: 10px;
}

.preview-live {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    color: var(--success);
    background: #e8f7f1;
    border: 1px solid #ccebdd;
    border-radius: 8px;
    font-size: 8px;
    font-weight: 900;
    white-space: nowrap;
}

.preview-live i {
    width: 6px;
    height: 6px;
    background: #2ca77b;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(44, 167, 123, .1);
    animation: soft-pulse 2.2s infinite;
}

.enhanced-list {
    gap: 12px !important;
}

.enhanced-list.has-no-results {
    display: none;
}

.enhanced-list .list-card {
    padding: 15px !important;
}

.enhanced-list .list-card header {
    align-items: center !important;
}

.list-identity {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.list-identity > i {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    flex: 0 0 35px;
    color: var(--brand-800);
    background: var(--brand-100);
    border: 1px solid #d0e6df;
    border-radius: 10px;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .03em;
}

.list-identity > div {
    min-width: 0;
}

.list-identity strong,
.list-identity p {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.enhanced-list .list-card > form {
    margin-left: 46px;
}

/* Inventory */
.inventory-hero {
    position: relative;
    isolation: isolate;
    min-height: 185px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    padding: 29px 31px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 80% 15%, rgba(237, 183, 95, .28), transparent 16rem),
        linear-gradient(125deg, var(--brand-950), var(--brand-800));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    box-shadow: 0 20px 46px rgba(8, 40, 36, .18);
    animation: rise-in .45s var(--ease) both;
}

.inventory-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -70px;
    bottom: -115px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(255, 255, 255, .025),
        0 0 0 70px rgba(255, 255, 255, .016);
}

.inventory-hero > div:first-child {
    max-width: 720px;
}

.inventory-hero h2 {
    max-width: 700px;
    margin: 2px 0 10px !important;
    color: #fff;
    font-size: clamp(24px, 2.7vw, 34px) !important;
    line-height: 1.18;
    letter-spacing: -.045em;
}

.inventory-hero p:not(.eyebrow) {
    max-width: 690px;
    margin: 0;
    color: rgba(225, 240, 236, .67);
    font-size: 11px;
    line-height: 1.7;
}

.inventory-quick-actions {
    min-width: 220px;
    display: grid;
    gap: 8px;
    flex: 0 0 auto;
}

.inventory-hero-actions {
    min-width: 250px;
    display: grid;
    gap: 11px;
    flex: 0 0 auto;
}

.inventory-hero-actions .inventory-quick-actions {
    min-width: 0;
}

.inventory-report-actions {
    width: 100%;
}

.inventory-report-actions a,
.inventory-report-actions a:last-child {
    flex: 1 1 0;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .16);
    box-shadow: none;
    backdrop-filter: blur(8px);
}

.inventory-report-actions a:last-child {
    color: #4d340f;
    background: linear-gradient(135deg, #ffeec7, #e7ba65);
    border-color: rgba(255, 226, 165, .7);
}

.inventory-report-actions a:hover {
    background: rgba(255, 255, 255, .17);
    box-shadow: none;
}

.inventory-report-actions a:last-child:hover {
    background: linear-gradient(135deg, #fff3d4, #edc476);
}

.inward-report-directory {
    border-color: #d2e2dd !important;
    box-shadow: 0 15px 38px rgba(20, 72, 63, .08) !important;
}

.inventory-quick-actions a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 40px;
    padding: 9px 11px 9px 13px;
    color: rgba(255, 255, 255, .78);
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
    transition: color .18s ease, background .18s ease, transform .18s var(--ease);
}

.inventory-quick-actions a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .12);
    transform: translateX(2px);
}

.inventory-quick-actions a span {
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
    color: var(--brand-950);
    background: var(--honey-400);
    border-radius: 7px;
    font-size: 13px;
}

.inventory-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 19px 0;
}

.inventory-stats article {
    min-height: 116px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(205, 219, 215, .88);
    border-radius: 15px;
    box-shadow: var(--shadow-sm);
    animation: rise-in .45s var(--ease) both;
    transition: transform .2s var(--ease), box-shadow .2s ease;
}

.inventory-stats article:nth-child(2) { animation-delay: .04s; }
.inventory-stats article:nth-child(3) { animation-delay: .08s; }
.inventory-stats article:nth-child(4) { animation-delay: .12s; }

.inventory-stats article:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.inventory-stat-icon {
    width: 41px;
    height: 41px;
    display: grid;
    place-items: center;
    flex: 0 0 41px;
    color: var(--brand-800);
    background: var(--brand-100);
    border: 1px solid #d0e6df;
    border-radius: 12px;
    font-size: 9px;
    font-weight: 900;
}

.inventory-stats small {
    display: block;
    margin-bottom: 5px;
    color: var(--ink-500);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.inventory-stats strong {
    display: block;
    color: var(--brand-900);
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.035em;
}

.inventory-stats strong i {
    color: var(--ink-500);
    font-size: 9px;
    font-style: normal;
}

.inventory-stats p {
    margin: 6px 0 0;
    color: var(--ink-500);
    font-size: 8px;
}

.inventory-entry-directory {
    margin-top: 20px;
    animation: rise-in .48s .12s var(--ease) both;
}

.inventory-entry-directory .directory-header {
    align-items: end;
}

.inventory-filter-grid {
    display: grid;
    grid-template-columns: minmax(190px, 1.35fr) repeat(3, minmax(145px, 1fr)) auto;
    gap: 11px;
    align-items: end;
    margin: 4px 0 17px;
    padding: 15px;
    border: 1px solid #dce8e4;
    border-radius: 14px;
    background: #f7faf9;
}

.inventory-filter-grid label {
    margin: 0;
}

.inventory-filter-grid button {
    min-height: 42px;
    white-space: nowrap;
}

.inventory-entry-table {
    max-height: 540px;
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 14px;
}

.inventory-entry-table table {
    min-width: 1080px;
}

.inventory-entry-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f7faf9;
}

.inventory-entry-table td {
    height: 72px;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    vertical-align: middle;
}

.inventory-entry-table td:first-child {
    min-width: 210px;
}

.inventory-entry-table .inventory-barcode-cell {
    width: 180px;
    display: grid;
    justify-items: center;
    gap: 2px;
}

.inventory-entry-table .barcode {
    width: 176px !important;
    height: 42px !important;
    display: block;
    max-width: 176px !important;
}

.inventory-entry-table .inventory-barcode-cell small {
    max-width: 180px;
    overflow: hidden;
    color: var(--ink-600);
    font-size: 8px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1000px) {
    .inventory-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .inventory-filter-grid {
        grid-template-columns: 1fr;
    }
}

.inventory-columns {
    display: grid;
    gap: 19px;
}

.inventory-stock-card {
    min-width: 0;
}

.stock-weight-strip {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: -2px 0 16px;
}

.stock-weight-strip span {
    min-width: 160px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 9px 11px;
    background: linear-gradient(145deg, #f7faf9, #fbfdfc);
    border: 1px solid #e0e9e6;
    border-radius: 9px;
}

.stock-weight-strip small {
    color: var(--ink-500);
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.stock-weight-strip strong {
    color: var(--brand-800);
    font-size: 11px;
}

/* Printer setup */
.printer-hero {
    min-height: 174px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 28px 31px;
    color: #fff;
    background:
        radial-gradient(circle at 82% 10%, rgba(237, 183, 95, .25), transparent 16rem),
        linear-gradient(125deg, var(--brand-950), var(--brand-800));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    box-shadow: 0 20px 46px rgba(8, 40, 36, .18);
    animation: rise-in .45s var(--ease) both;
}

.printer-hero > div:first-child {
    max-width: 720px;
}

.printer-hero h2 {
    margin: 2px 0 9px !important;
    color: #fff;
    font-size: clamp(25px, 2.7vw, 34px) !important;
    letter-spacing: -.045em;
}

.printer-hero p:not(.eyebrow) {
    margin: 0;
    color: rgba(225, 240, 236, .67);
    font-size: 11px;
    line-height: 1.7;
}

.printer-connection-status {
    min-width: 220px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 13px;
}

.printer-connection-status > i {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    background: #4ad6a4;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(74, 214, 164, .12);
    animation: soft-pulse 2.2s infinite;
}

.printer-connection-status small,
.printer-connection-status strong {
    display: block;
}

.printer-connection-status small {
    margin-bottom: 4px;
    color: rgba(225, 240, 236, .55);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.printer-connection-status strong {
    color: #fff;
    font-size: 11px;
}

.printer-methods {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin: 19px 0;
}

.printer-method-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 275px;
    padding: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(205, 219, 215, .9);
    border-radius: 15px;
    box-shadow: var(--shadow-sm);
    animation: rise-in .45s var(--ease) both;
    transition: transform .2s var(--ease), border-color .2s ease, box-shadow .2s ease;
}

.printer-method-card:nth-child(2) { animation-delay: .05s; }
.printer-method-card:nth-child(3) { animation-delay: .1s; }

.printer-method-card:hover {
    transform: translateY(-3px);
    border-color: #c3d7d1;
    box-shadow: var(--shadow-md);
}

.printer-method-card.recommended {
    background:
        linear-gradient(145deg, rgba(242, 250, 247, .85), transparent 65%),
        #fff;
    border-color: #bcd7cf;
}

.printer-method-card.recommended::after {
    content: "BEST";
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 5px 7px;
    color: var(--honey-600);
    background: var(--honey-100);
    border: 1px solid #f0ddb4;
    border-radius: 6px;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .07em;
}

.printer-method-head {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
}

.printer-method-head > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    color: var(--brand-800);
    background: var(--brand-100);
    border: 1px solid #d1e7e0;
    border-radius: 11px;
    font-size: 9px;
    font-weight: 900;
}

.printer-method-head small {
    display: block;
    margin-bottom: 3px;
    color: var(--honey-600);
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.printer-method-head h3 {
    margin: 0 !important;
    font-size: 15px !important;
}

.printer-method-card > p {
    margin: 0 0 13px;
    color: var(--ink-500);
    font-size: 10px;
    line-height: 1.6;
}

.printer-method-card ul {
    display: grid;
    gap: 7px;
    margin: 0 0 17px;
    padding: 0;
    color: var(--ink-700);
    font-size: 9px;
    list-style: none;
}

.printer-method-card li::before {
    content: "✓";
    margin-right: 7px;
    color: var(--success);
    font-weight: 900;
}

.printer-method-card button {
    width: 100%;
    margin-top: auto;
}

.printer-workspace {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    gap: 18px;
}

.printer-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 17px;
}

.printer-card-head h2 {
    margin: 0 0 5px !important;
}

.printer-card-head p:last-child {
    margin: 0;
    color: var(--ink-500);
    font-size: 9px;
}

.printer-message {
    margin-bottom: 14px;
    padding: 11px 12px;
    color: var(--ink-500);
    background: #f7faf9;
    border: 1px solid #e0e9e6;
    border-left: 3px solid var(--brand-700);
    border-radius: 8px;
    font-size: 9px;
    line-height: 1.55;
}

.printer-message[data-type="success"] {
    color: #176249;
    background: #e8f7f1;
    border-color: #ccebdd;
    border-left-color: var(--success);
}

.printer-message[data-type="error"] {
    color: #96352f;
    background: #fff0ee;
    border-color: #f2d2cf;
    border-left-color: var(--danger);
}

.printer-device-list {
    display: grid;
    gap: 9px;
}

.printer-device {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px;
    background: #fbfdfc;
    border: 1px solid #e0e9e6;
    border-radius: 10px;
}

.printer-device > i {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    color: var(--brand-800);
    background: var(--brand-100);
    border-radius: 9px;
    font-size: 7px;
    font-style: normal;
    font-weight: 900;
}

.printer-device > div {
    min-width: 0;
    flex: 1 1 auto;
}

.printer-device strong,
.printer-device small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.printer-device strong {
    color: var(--ink-950);
    font-size: 10px;
}

.printer-device small {
    margin-top: 3px;
    color: var(--ink-500);
    font-size: 8px;
}

.printer-device > span {
    padding: 5px 7px;
    color: var(--success);
    background: #e8f7f1;
    border: 1px solid #ccebdd;
    border-radius: 7px;
    font-size: 7px;
    font-weight: 900;
}

.button-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 11px 16px;
    color: #fff;
    background: var(--orange);
    border-radius: 8px;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.button-link.secondary {
    color: #fff;
    background: var(--ink-500);
}

.button-link.small-button {
    padding: 7px 10px;
    font-size: 8px;
}

.printer-driver-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.printer-driver-actions small {
    color: var(--ink-500);
    font-size: 8px;
    line-height: 1.4;
}

.printer-label-library {
    min-width: 0;
}

.printer-label-selector {
    margin-bottom: 14px;
}

.printer-label-stage {
    min-height: 240px;
    max-height: 470px;
    display: grid;
    align-items: start;
    margin-bottom: 15px;
    padding: 17px;
    overflow: auto;
    background: #eef3f1;
    border: 1px solid #dce5e2;
    border-radius: 12px;
}

.printer-label-stage > [data-printer-label-preview][hidden] {
    display: none !important;
}

[data-roll-label-preview][hidden] {
    display: none !important;
}

.printer-label-stage .production-label,
.printer-label-stage .jumbo-roll-label {
    box-shadow: 0 10px 26px rgba(13, 53, 48, .15);
}

.printer-label-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.printer-label-actions small {
    max-width: 360px;
    color: var(--ink-500);
    font-size: 8px;
    line-height: 1.5;
}

.saved-designs-card {
    margin-top: 20px;
}

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

.saved-design-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 14px;
    background: #fbfdfc;
    border: 1px solid #dce6e3;
    border-radius: 11px;
}

.saved-design-item > div:nth-child(2) {
    min-width: 0;
}

.saved-design-item strong,
.saved-design-item span,
.saved-design-item small {
    display: block;
}

.saved-design-item strong {
    color: var(--ink-950);
    font-size: 11px;
}

.saved-design-item span:not(.badge) {
    margin-top: 4px;
    color: var(--ink-700);
    font-size: 9px;
}

.saved-design-item small {
    margin-top: 3px;
    color: var(--ink-500);
    font-size: 8px;
}

.saved-design-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.saved-design-actions form {
    display: block;
    margin: 0;
}

.saved-design-actions button {
    width: auto;
    margin: 0;
}

.designer-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 14px;
}

.designer-steps span {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #dce9e5;
    border-radius: 10px;
    background: #f7fbfa;
    color: var(--ink-700);
    font-size: 10px;
    font-weight: 800;
}

.designer-steps b {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    flex: none;
    border-radius: 50%;
    background: var(--brand-700);
    color: #fff;
    font-size: 10px;
}

.designer-controls-card .label-designer-controls {
    grid-template-columns: 1fr !important;
}

.designer-controls-card .design-row {
    padding: 14px !important;
}

.design-row-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.design-row-heading h3 {
    margin: 0 !important;
}

.design-row-heading small {
    color: var(--ink-500);
    font-size: 8px;
    font-weight: 700;
}

.designer-controls-card .design-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.designer-controls-card .design-fields label {
    min-width: 0;
}

.designer-controls-card .design-fields input,
.designer-controls-card .design-fields select {
    min-height: 42px;
}

.designer-save-bar {
    position: sticky;
    bottom: 10px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding: 13px 14px;
    border: 1px solid #cfe1dc;
    border-radius: 12px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 12px 28px rgba(13, 53, 48, .14);
    backdrop-filter: blur(10px);
}

.designer-save-bar > div {
    min-width: 0;
}

.designer-save-bar strong,
.designer-save-bar small {
    display: block;
}

.designer-save-bar strong {
    color: var(--brand-800);
    font-size: 10px;
}

.designer-save-bar strong[data-state="dirty"] {
    color: #a95a12;
}

.designer-save-bar strong[data-state="saved"] {
    color: #187258;
}

.designer-save-bar strong[data-state="error"] {
    color: #a73535;
}

.designer-save-bar small {
    margin-top: 3px;
    color: var(--ink-500);
    font-size: 8px;
}

.designer-save-bar button {
    flex: none;
    margin: 0;
    white-space: nowrap;
}

.preview-save-hint {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--brand-50);
    color: var(--brand-800);
}

.preview-save-hint > span {
    font-size: 20px;
}

.preview-save-hint strong,
.preview-save-hint small {
    display: block;
}

.preview-save-hint strong {
    font-size: 10px;
}

.preview-save-hint small {
    margin-top: 2px;
    color: var(--ink-600);
    font-size: 8px;
}

.saved-design-item.is-editing {
    border-color: var(--brand-500) !important;
    background: var(--brand-50) !important;
    box-shadow: 0 0 0 2px rgba(31, 118, 99, .08);
}

.designer-element.is-selected {
    outline: 2px solid var(--orange) !important;
    outline-offset: 2px;
}

.designer-resize-handle {
    position: absolute;
    z-index: 30;
    width: 13px;
    height: 13px;
    display: none;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 3px;
    background: var(--orange);
    box-shadow: 0 2px 7px rgba(92, 47, 13, .28);
    cursor: nwse-resize;
    transform: translate(-50%, -50%);
    touch-action: none;
}

.designer-resize-handle.is-active {
    display: block;
}

.designer-controls-card .design-row.is-selected {
    border-color: var(--orange) !important;
    background: #fffaf5 !important;
    box-shadow: 0 0 0 2px rgba(217, 129, 38, .1);
}

.dashboard-stats {
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)) !important;
}

@media (max-width: 620px) {
    .designer-steps,
    .designer-controls-card .design-fields {
        grid-template-columns: 1fr !important;
    }

    .designer-save-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .designer-save-bar button {
        width: 100%;
    }
}

.printer-test-wrap {
    margin-bottom: 15px;
    padding: 17px;
    overflow: auto;
    background:
        linear-gradient(45deg, rgba(13, 53, 48, .035) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(13, 53, 48, .035) 25%, transparent 25%),
        #eef3f1;
    background-size: 12px 12px;
    border: 1px solid #dce5e2;
    border-radius: 12px;
}

.printer-test-label,
.jumbo-roll-label {
    position: relative;
    flex: none;
    overflow: hidden;
    box-sizing: border-box;
    color: #000;
    background: #fff;
    border: .3mm solid #000;
    box-shadow: 0 10px 26px rgba(13, 53, 48, .15);
    font-family: Arial, sans-serif;
}

.printer-test-label {
    width: 100mm;
    height: 50mm;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4mm;
}

.printer-test-label header {
    position: absolute;
    top: 3mm;
    left: 4mm;
    right: 4mm;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.5mm;
    border-bottom: .25mm solid #000;
}

.printer-test-label header strong {
    font-size: 4mm;
}

.printer-test-label header span {
    font-size: 2.5mm;
    font-weight: bold;
}

.printer-test-label svg {
    width: 56mm;
    height: 14mm;
    margin-top: 6mm;
}

.printer-test-label > b {
    font-size: 2.7mm;
}

.printer-test-label footer {
    position: absolute;
    right: 4mm;
    bottom: 2.5mm;
    left: 4mm;
    font-size: 2.2mm;
    text-align: center;
}

.jumbo-roll-label {
    padding: 3mm;
}

.jumbo-roll-label > header {
    height: 7mm;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 3mm;
    padding-bottom: 1.2mm;
    border-bottom: .25mm solid #000;
}

.jumbo-roll-label > header strong {
    font-size: 3.3mm;
    line-height: 1;
}

.jumbo-roll-label > header span {
    font-size: 2mm;
    font-weight: bold;
}

.jumbo-label-body {
    display: grid;
    grid-template-columns: 43% 57%;
    gap: 2mm;
    height: calc(100% - 12mm);
    padding-top: 1.5mm;
}

.jumbo-label-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    border-right: .2mm solid #000;
}

.jumbo-label-code svg {
    width: 38mm;
    max-width: 94%;
    height: 12mm;
}

.jumbo-label-code b {
    max-width: 95%;
    overflow: hidden;
    font-size: 2mm;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jumbo-label-data {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: center;
    gap: 1.5mm 2mm;
    min-width: 0;
}

.jumbo-label-data span {
    min-width: 0;
}

.jumbo-label-data small,
.jumbo-label-data b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jumbo-label-data small {
    margin-bottom: .4mm;
    font-size: 1.7mm;
}

.jumbo-label-data b {
    font-size: 2.3mm;
}

.jumbo-roll-label > footer {
    position: absolute;
    right: 3mm;
    bottom: 1.5mm;
    left: 3mm;
    display: flex;
    justify-content: space-between;
    gap: 3mm;
    padding-top: .7mm;
    border-top: .2mm solid #000;
    font-size: 1.6mm;
}

.label-actions details > div {
    max-width: min(100mm, 76vw);
    overflow: auto;
    padding: 10px;
    background: #eef3f1;
    border: 1px solid #dce5e2;
    border-radius: 9px;
}

#complete-modal {
    background: rgba(6, 31, 27, .72) !important;
    backdrop-filter: blur(7px);
    animation: fade-in .2s ease both;
}

#complete-modal > .card {
    box-shadow: var(--shadow-lg);
    animation: modal-in .3s var(--ease) both;
}

/* Login */
.login-page {
    min-height: 100vh;
    display: grid !important;
    place-items: center;
    padding: 28px !important;
    background:
        radial-gradient(circle at 12% 15%, rgba(237, 183, 95, .15), transparent 22rem),
        radial-gradient(circle at 92% 86%, rgba(32, 94, 82, .12), transparent 25rem),
        #eef3f1 !important;
}

.login-shell {
    width: min(1040px, 100%);
    min-height: 620px;
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(205, 219, 215, .9);
    border-radius: 24px;
    box-shadow: var(--shadow-lg);
    animation: login-in .65s var(--ease) both;
}

.login-story {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 45px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 85% 10%, rgba(237, 183, 95, .26), transparent 16rem),
        linear-gradient(145deg, var(--brand-900), var(--brand-950));
}

.login-story::before,
.login-story::after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
}

.login-story::before {
    width: 360px;
    height: 360px;
    right: -155px;
    bottom: -120px;
    box-shadow:
        0 0 0 50px rgba(255, 255, 255, .025),
        0 0 0 100px rgba(255, 255, 255, .016);
}

.login-story::after {
    width: 90px;
    height: 90px;
    right: 14%;
    top: 21%;
    background: rgba(217, 154, 61, .06);
}

.login-brand {
    display: flex;
    align-items: center;
    gap: 13px;
}

.login-brand .brand-mark {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
}

.login-brand strong {
    display: block;
    font-size: 19px;
    letter-spacing: -.02em;
}

.login-brand small {
    display: block;
    margin-top: 5px;
    color: rgba(225, 240, 236, .6);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .16em;
}

.story-copy {
    max-width: 470px;
    margin: auto 0;
    padding: 60px 0;
}

.story-kicker {
    color: var(--honey-400);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.story-copy h2 {
    margin: 13px 0 17px;
    color: #fff;
    font-size: clamp(31px, 4vw, 46px) !important;
    line-height: 1.08;
    letter-spacing: -.05em;
}

.story-copy p {
    max-width: 420px;
    margin: 0;
    color: rgba(225, 240, 236, .67);
    font-size: 13px;
    line-height: 1.75;
}

.story-flow {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(225, 240, 236, .46);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .1em;
}

.story-flow span {
    width: 5px;
    height: 5px;
    background: var(--honey-400);
    border-radius: 50%;
}

.login-card {
    width: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(38px, 6vw, 64px) !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.login-card .mobile-brand {
    display: none;
}

.login-card h1 {
    margin: 0 0 10px !important;
    color: var(--ink-950);
    font-size: 29px !important;
    letter-spacing: -.04em;
}

.login-card .intro {
    margin-bottom: 28px !important;
    color: var(--ink-500) !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
}

.login-card form {
    gap: 18px !important;
}

.login-card label {
    gap: 8px !important;
}

.login-card input {
    min-height: 48px;
    font-size: 13px !important;
}

.login-card button[type="submit"] {
    width: 100%;
    min-height: 48px;
    margin-top: 3px;
    font-size: 12px;
}

.login-card button.is-loading {
    pointer-events: none;
    opacity: .82;
}

.login-card button.is-loading::after {
    content: "";
    width: 13px;
    height: 13px;
    border: 2px solid rgba(255, 255, 255, .45);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin .65s linear infinite;
}

.login-card .error {
    margin-bottom: 19px !important;
    padding: 12px 13px !important;
    color: #96352f !important;
    background: #fff0ee !important;
    border: 1px solid #f2d2cf;
    border-radius: 10px !important;
    font-size: 11px !important;
}

.login-card .local {
    margin-top: 24px !important;
    padding-top: 17px !important;
    color: var(--ink-500) !important;
    border-top-color: #e5ecea !important;
    font-size: 9px !important;
    font-weight: 700;
    letter-spacing: .04em;
}

/* Motion */
@keyframes rise-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes alert-in {
    from { opacity: 0; transform: translateY(-7px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modal-in {
    from { opacity: 0; transform: translateY(12px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes login-in {
    from { opacity: 0; transform: translateY(14px) scale(.99); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes soft-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(44, 167, 123, .11); }
    50% { box-shadow: 0 0 0 7px rgba(44, 167, 123, .025); }
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

@keyframes row-in {
    from { opacity: 0; transform: translateX(5px); }
    to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 1180px) {
    .app {
        grid-template-columns: 248px minmax(0, 1fr) !important;
    }

    aside {
        width: 248px;
    }

    main {
        padding-inline: 25px !important;
    }

    .weights {
        grid-template-columns: repeat(2, minmax(140px, 1fr)) !important;
    }

    .master-grid {
        grid-template-columns: minmax(330px, 390px) minmax(0, 1fr) !important;
    }

    .operation-grid {
        grid-template-columns: minmax(330px, 390px) minmax(0, 1fr) !important;
    }

    .workflow-header {
        align-items: flex-start;
        flex-direction: column;
    }

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

    .printer-workspace {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .app {
        display: block !important;
    }

    aside {
        position: fixed !important;
        z-index: 100;
        top: 0;
        bottom: 0;
        left: 0;
        width: min(286px, 86vw);
        height: 100vh !important;
        transform: translateX(-104%);
        transition: transform .28s var(--ease);
    }

    body.sidebar-open {
        overflow: hidden;
    }

    body.sidebar-open aside {
        transform: translateX(0);
    }

    .sidebar-scrim {
        position: fixed;
        z-index: 90;
        inset: 0;
        display: block;
        visibility: hidden;
        opacity: 0;
        background: rgba(6, 31, 27, .52);
        backdrop-filter: blur(3px);
        transition: opacity .24s ease, visibility .24s ease;
    }

    body.sidebar-open .sidebar-scrim {
        visibility: visible;
        opacity: 1;
    }

    .admin-user {
        display: block !important;
    }

    .menu-toggle {
        display: grid;
    }

    main {
        padding: 20px 17px 40px !important;
    }

    .page-header {
        margin-bottom: 20px;
    }

    .grid {
        grid-template-columns: 1fr !important;
    }

    .master-grid {
        grid-template-columns: 1fr !important;
    }

    .operation-grid,
    .designer-grid {
        grid-template-columns: 1fr !important;
    }

    .designer-preview-card {
        position: static;
    }

    .workflow-mini-metrics {
        width: 100%;
        overflow-x: auto;
    }

    .workflow-mini-metrics span {
        flex: 1 0 105px;
    }

    .login-shell {
        grid-template-columns: 1fr;
        width: min(510px, 100%);
        min-height: 0;
    }

    .login-story {
        display: none;
    }

    .login-card .mobile-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 38px;
    }

    .mobile-brand strong {
        display: block;
        font-size: 16px;
    }

    .mobile-brand small {
        display: block;
        margin-top: 3px;
        color: var(--ink-500);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: .12em;
    }
}

@media (max-width: 620px) {
    .login-page {
        padding: 14px !important;
    }

    .login-shell {
        border-radius: 19px;
    }

    .login-card {
        padding: 32px 24px !important;
    }

    .page-meta {
        display: none;
    }

    .page-header {
        align-items: flex-start;
    }

    .page-header h1 {
        font-size: 24px !important;
    }

    .flow {
        min-height: 190px;
        padding: 24px !important;
    }

    .flow::after {
        right: 22px;
        bottom: 19px;
        max-width: 240px;
        line-height: 1.7;
        text-align: right;
    }

    .card {
        padding: 18px !important;
    }

    .stats,
    .form-grid,
    .weights,
    .design-fields,
    .label-designer-controls {
        grid-template-columns: 1fr !important;
    }

    .permission-groups {
        grid-template-columns: 1fr !important;
    }

    .directory-header {
        align-items: stretch;
        flex-direction: column;
    }

    .report-directory {
        padding: 20px !important;
    }

    .report-controls {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .report-controls .directory-search {
        width: 100%;
        flex-basis: auto;
    }

    .report-actions a {
        flex: 1 1 0;
    }

    .directory-search {
        width: 100%;
    }

    .directory-metrics {
        grid-template-columns: repeat(3, minmax(95px, 1fr));
        overflow-x: auto;
    }

    .report-directory .dispatch-metrics {
        grid-template-columns: repeat(5, minmax(120px, 1fr));
    }

    .master-card-header {
        grid-template-columns: 43px minmax(0, 1fr);
    }

    .required-copy {
        display: none;
    }

    .workflow-header,
    .workflow-form {
        padding: 18px;
    }

    .workflow-submit {
        align-items: stretch;
        flex-direction: column;
    }

    .workflow-submit button {
        width: 100%;
        margin-left: 0;
    }

    .preview-card-header {
        align-items: stretch;
        flex-direction: column;
    }

    .inventory-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 24px;
    }

    .inventory-quick-actions {
        width: 100%;
        min-width: 0;
    }

    .inventory-hero-actions {
        width: 100%;
        min-width: 0;
    }

    .inventory-stats {
        grid-template-columns: 1fr;
    }

    .stock-weight-strip {
        align-items: stretch;
        flex-direction: column;
    }

    .stock-weight-strip span {
        width: 100%;
        min-width: 0;
    }

    .printer-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 24px;
    }

    .printer-connection-status {
        width: 100%;
        min-width: 0;
    }

    .printer-methods {
        grid-template-columns: 1fr;
    }

    .printer-workspace {
        grid-template-columns: 1fr;
    }

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

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

@media print {
    html,
    body {
        background: #fff !important;
    }

    .production-label,
    .dispatch-challan,
    .jumbo-roll-label,
    .printer-test-label {
        box-shadow: none !important;
    }

    .jumbo-roll-label.printing,
    .jumbo-roll-label.printing *,
    .printer-test-label.printing,
    .printer-test-label.printing * {
        visibility: visible !important;
    }

    .jumbo-roll-label.printing,
    .printer-test-label.printing {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        background: #fff !important;
        border: .3mm solid #000 !important;
    }
}
/* Multi-product production workflow */
.inventory-type-switch{display:flex;gap:10px;margin:18px 0;padding:6px;width:max-content;max-width:100%;border:1px solid #d6e4e0;border-radius:15px;background:#eef5f3}.inventory-type-switch button{min-width:160px;border:1px solid transparent;box-shadow:none}.inventory-type-switch button span{display:none;margin-right:5px}.inventory-type-switch button.on{background:linear-gradient(135deg,#145d51,#1f7d6d);border-color:#145d51;color:#fff;box-shadow:0 8px 18px rgba(20,93,81,.22);transform:translateY(-1px)}.inventory-type-switch button.on span{display:inline}.inventory-type-switch button.secondary:not(.on){background:transparent;color:#536d67}.all-product-report{display:grid;gap:6px;justify-items:end}.all-product-report>small{color:#72827e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.row-report-actions{display:flex;gap:6px;white-space:nowrap}.row-report-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid #c8ddd7;border-radius:8px;background:#f3f9f7;color:#17695b;font-size:11px;font-weight:800;text-decoration:none}.row-report-actions a:last-child{border-color:#ead29e;background:#fff5dc;color:#805815}.row-report-actions a:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(20,93,81,.12)}.baby-product-report-table th:last-child,.baby-product-report-table td:last-child{position:sticky;right:0;background:#fff;box-shadow:-8px 0 14px rgba(22,63,56,.05)}
.dispatch-report-table{position:relative;isolation:isolate;padding-bottom:4px}.dispatch-report-table .sticky-report-column{position:sticky!important;right:0!important;z-index:6;min-width:150px;width:150px;padding-left:13px;padding-right:13px;border-left:1px solid #d7e5e1;background:#fff!important;box-shadow:-9px 0 15px rgba(22,63,56,.08)}.dispatch-report-table th.sticky-report-column{z-index:7;background:#f5f9f8!important;color:#647a75}.dispatch-report-table td.sticky-report-column{height:72px}.dispatch-report-table .row-report-actions{position:relative;z-index:8;display:grid;grid-template-columns:1fr 1fr;gap:8px}.dispatch-report-table .row-report-actions a{min-height:40px;padding:0 9px}
.inward-lines{grid-template-columns:repeat(2,minmax(260px,1fr))}.inward-line,.package-line{display:grid;gap:10px;border:1px solid #d9e4e1;border-radius:14px;padding:15px;background:#f8fbfa}.inward-line strong{color:#15594f}
.inward-create-dialog{width:min(920px,calc(100% - 28px))}.inward-product-picker .inward-product-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:360px;padding:10px;border:1px solid #cdded9;border-top:0;border-radius:0 0 12px 12px;background:#fff;overflow:auto}.inward-product-options>article{border:1px solid #d5e4e0;border-radius:12px;padding:12px;background:#f8fbfa;transition:border-color .18s,box-shadow .18s,background .18s}.inward-product-options>article.is-selected{border-color:#75b5a7;background:#eef8f5;box-shadow:0 7px 18px rgba(24,105,91,.09)}.inward-product-options .custom-check{display:flex;align-items:center;gap:10px;padding:4px;color:#174b43;font-weight:850;cursor:pointer}.inward-product-options .custom-check input{width:19px;height:19px;min-height:0;margin:0;accent-color:#197463}.inward-product-weight-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px;padding-top:11px;border-top:1px solid #d9e7e3}.inward-product-weight-fields[hidden]{display:none}.inward-create-dialog .workflow-submit{align-items:center}.inward-create-dialog .workflow-submit .label-actions{justify-content:flex-end}#selected-roll-count[readonly]{background:#f2f7f5;color:#155f53;font-weight:900}
.inward-product-picker .inward-product-options{grid-template-columns:1fr}.inward-product-weight-fields{grid-template-columns:minmax(190px,.32fr) minmax(0,1fr);align-items:start}.inward-roll-quantity{padding:10px;border:1px solid #d4e3df;border-radius:10px;background:#fff}.inward-product-roll-lines{display:grid;gap:8px}.inward-roll-weight-line{display:grid;grid-template-columns:62px repeat(2,minmax(150px,1fr));align-items:end;gap:9px;padding:9px;border:1px solid #d7e5e1;border-radius:10px;background:#fff}.inward-roll-weight-line>strong{align-self:center;color:#176658;font-size:10px}.inward-roll-weight-line label{margin:0}.inward-product-options>article.is-selected>.custom-check{padding-bottom:9px;border-bottom:1px solid #d9e7e3}.inward-product-options>article:not(.is-selected){padding-top:9px;padding-bottom:9px}
.inward-report-directory .barcode{width:110px!important;max-width:110px!important;height:30px!important}
.inward-report-directory .directory-table{position:relative;isolation:isolate}.inward-report-directory .sticky-print-column{position:sticky!important;right:0!important;z-index:6;min-width:158px;width:158px;padding-left:12px;padding-right:12px;border-left:1px solid #d7e5e1;background:#fff!important;box-shadow:-9px 0 15px rgba(22,63,56,.09)}.inward-report-directory th.sticky-print-column{z-index:7;background:#f5f9f8!important}.fixed-print-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7px}.fixed-print-actions>button,.fixed-print-actions>details>summary{display:flex;align-items:center;justify-content:center;min-height:38px;margin:0;border:1px solid #bfdad3;border-radius:9px;background:#edf7f4;color:#156657;font-size:10px;font-weight:900;cursor:pointer;list-style:none}.fixed-print-actions>button{padding:0 10px}.fixed-print-actions>details>summary{border-color:#efd39b;background:#fff4da;color:#825913}.fixed-print-actions>details>summary::-webkit-details-marker{display:none}.fixed-print-actions>details{position:relative}.fixed-print-actions>details>div{position:absolute;right:0;z-index:20;margin-top:7px;padding:8px;border:1px solid #d6e4e0;border-radius:10px;background:#fff;box-shadow:0 14px 28px rgba(10,52,45,.16)}
.inward-entry-list{display:grid;gap:12px}.inward-entry-card{overflow:visible;border:1px solid #d6e4e0;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(18,68,59,.05);transition:border-color .18s,box-shadow .18s}.inward-entry-card:hover,.inward-entry-card[open]{border-color:#acd0c7;box-shadow:0 10px 26px rgba(18,68,59,.09)}.inward-entry-card>summary{display:grid;grid-template-columns:58px minmax(170px,1.5fr) repeat(2,minmax(54px,.45fr)) repeat(2,minmax(105px,.8fr)) auto 92px;align-items:center;gap:12px;min-height:82px;padding:13px 15px;cursor:pointer;list-style:none}.inward-entry-card>summary::-webkit-details-marker{display:none}.inward-entry-serial{display:inline-flex;align-items:center;justify-content:center;height:42px;border-radius:11px;background:linear-gradient(135deg,#104f45,#197362);color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;box-shadow:0 6px 14px rgba(16,79,69,.17)}.inward-entry-identity{display:grid;gap:4px;min-width:0}.inward-entry-identity strong{overflow:hidden;color:#123f38;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.inward-entry-identity small{overflow:hidden;color:#72827e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.inward-entry-stat{display:grid;gap:3px}.inward-entry-stat small{color:#7b8a86;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.inward-entry-stat b{color:#184940;font-size:12px;white-space:nowrap}.inward-entry-toggle{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#176658;font-size:9px}.inward-entry-toggle i{font-size:16px;font-style:normal;transition:transform .18s}.inward-entry-card[open] .inward-entry-toggle i{transform:rotate(180deg)}.inward-entry-body{display:grid;gap:8px;padding:10px 14px 14px;border-top:1px solid #e3ece9;background:#f8fbfa}.inward-subrow-head,.inward-roll-subrow{display:grid;grid-template-columns:36px 116px minmax(130px,1fr) minmax(210px,1.35fr) 92px 72px 104px;align-items:center;gap:10px}.inward-subrow-head{padding:3px 11px;color:#758580;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.inward-roll-subrow{position:relative;padding:11px;border:1px solid #dde8e5;border-radius:13px;background:#fff;transition:border-color .18s,transform .18s,box-shadow .18s}.inward-roll-subrow:hover{transform:translateY(-1px);border-color:#b9d5ce;box-shadow:0 7px 17px rgba(18,68,59,.07)}.inward-roll-serial{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#e8f4f1;color:#176557;font-size:9px;font-weight:900}.inward-mini-barcode{display:grid;gap:3px;justify-items:start;min-width:0}.inward-report-directory .inward-mini-barcode .barcode{width:78px!important;max-width:78px!important;height:22px!important}.inward-mini-barcode small{max-width:110px;overflow:hidden;color:#5e716c;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.inward-roll-product{display:grid;gap:4px;min-width:0}.inward-roll-product strong{overflow:hidden;color:#153f38;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.inward-roll-product small{overflow:hidden;color:#74837f;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.inward-roll-weights{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.inward-roll-weights span{display:grid;gap:2px;padding:6px;border-radius:8px;background:#f1f7f5}.inward-roll-weights small,.inward-roll-price small{color:#74847f;font-size:7px;font-weight:800;text-transform:uppercase}.inward-roll-weights b{color:#1c4c44;font-size:9px;white-space:nowrap}.inward-roll-price{display:grid;gap:3px}.inward-roll-price strong{color:#1a4b43;font-size:10px}.inward-roll-label-actions{display:grid;gap:4px;justify-items:stretch}.inward-print-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px!important;padding:6px 9px!important;border:1px solid #14705f!important;border-radius:9px!important;background:linear-gradient(135deg,#126454,#1f8a75)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;box-shadow:0 6px 13px rgba(18,100,84,.18)!important}.inward-print-button:hover{transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 9px 17px rgba(18,100,84,.24)!important}.inward-label-preview{position:relative;text-align:center}.inward-label-preview>summary{color:#246b5f;font-size:8px;font-weight:800;cursor:pointer;list-style:none}.inward-label-preview>summary::-webkit-details-marker{display:none}.inward-label-preview>div{position:absolute;right:0;z-index:20;width:min(360px,80vw);max-height:310px;overflow:auto;padding:10px;border:1px solid #cbded9;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(8,48,41,.2)}.inward-roll-custom{grid-column:2/-1;display:flex;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px dashed #d9e5e2}.inward-roll-custom span{display:grid;gap:2px;min-width:110px}.inward-roll-custom small{color:#788883;font-size:7px;text-transform:uppercase}.inward-roll-custom b{color:#315750;font-size:9px}
.inward-report-directory .inward-mini-barcode .barcode{width:66px!important;max-width:66px!important;height:30px!important}
.order-create-dialog{width:min(880px,calc(100% - 28px));max-height:92vh;border:0;border-radius:22px;padding:0;color:#17322e;background:#fff;box-shadow:0 30px 90px rgba(7,42,37,.32)}.order-create-dialog::backdrop{background:rgba(8,37,33,.68);backdrop-filter:blur(5px)}.order-dialog-shell{padding:24px;max-height:92vh;overflow:auto}.order-dialog-shell .master-card-header{position:sticky;top:-24px;z-index:5;justify-content:space-between;align-items:flex-start;margin:-24px -24px 20px;padding:24px;background:rgba(255,255,255,.97);border-bottom:1px solid #e1eae7;backdrop-filter:blur(8px)}.order-dialog-shell .checks{max-height:230px}
.order-product-step{display:grid;gap:8px}.order-product-picker{position:relative}.order-product-picker summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 16px;border:1px solid #cdded9;border-radius:12px;background:#fff;color:#173c36;font-weight:800;cursor:pointer;list-style:none}.order-product-picker summary::-webkit-details-marker{display:none}.order-product-picker summary i{font-style:normal;font-size:20px;transition:transform .18s}.order-product-picker[open] summary{border-color:#257c6d;border-radius:12px 12px 0 0;box-shadow:0 0 0 3px rgba(37,124,109,.1)}.order-product-picker[open] summary i{transform:rotate(180deg)}.order-product-options{display:grid;gap:7px;max-height:220px;overflow:auto;padding:9px;border:1px solid #cdded9;border-top:0;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 14px 28px rgba(10,52,45,.13)}.order-product-options .custom-check{display:flex;align-items:center;gap:11px;min-height:45px;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:#f5f9f8;cursor:pointer;font-weight:800}.order-product-options .custom-check:hover{border-color:#b8d5ce;background:#edf7f4}.order-product-options .custom-check:has(input:checked){border-color:#7db9ac;background:#e6f5f1;color:#126557}.order-product-options input[type="checkbox"]{width:19px;height:19px;min-height:0;margin:0;accent-color:#187362}.selected-order-products{display:grid;gap:10px}.selected-order-products article{border:1px solid #cfe0dc;border-radius:14px;padding:14px;background:linear-gradient(135deg,#f7fbfa,#fff)}.selected-order-products .form-grid{grid-template-columns:repeat(3,1fr);margin-top:12px}.selected-product-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #e2ece9}.selected-product-title span{color:#71817d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.selected-product-title strong{color:#125e52}.selected-products-empty{padding:16px;border:1px dashed #c6d9d4;border-radius:12px;background:#f8fbfa}.order-raw-materials b{display:block;color:#135d51;font-size:13px}.order-raw-materials small{display:block;margin-top:3px;color:#687c77;font-weight:650}
.orders-command-center{display:grid;gap:18px;margin-bottom:18px;padding-bottom:20px;border-bottom:1px solid #e1ebe8}.orders-command-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.orders-command-head h2{display:flex;align-items:center;gap:9px;margin:3px 0 5px}.orders-command-head p:last-child{color:#71817d}.order-create-primary{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:166px;min-height:58px;padding:9px 15px!important;text-align:left}.order-create-primary>span{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.18);font-size:19px}.order-create-primary b{font-size:11px}.order-create-primary small{color:rgba(255,255,255,.78);font-size:8px;font-weight:700}.orders-command-tools{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:stretch;gap:12px}.order-search{width:100%;max-width:none;min-height:62px;padding:0 15px;border:1px solid #d5e3df;border-radius:14px;background:#f8fbfa}.order-search span{top:8px;left:15px;color:#657a75}.order-search input{height:100%;padding:21px 34px 5px 0;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px}.order-search i{right:15px;color:#317668;font-size:18px}.order-download-center{display:flex;align-items:center;gap:14px;min-width:310px;padding:9px 10px 9px 14px;border:1px solid #dbe6e3;border-radius:14px;background:linear-gradient(135deg,#f8fbfa,#fffaf0)}.order-download-center>div:first-child{display:grid;min-width:118px}.order-download-center small{color:#8a6b38;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.order-download-center strong{color:#264b45;font-size:11px}.order-all-reports a{min-width:70px}
.order-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.order-card-list{display:grid;gap:18px}.production-order-card{position:relative;overflow:hidden;border:1px solid #d5e3df;border-radius:20px;padding:0;background:#fff;box-shadow:0 7px 22px rgba(18,68,59,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.production-order-card::before{position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#176b5d,#d9932e);content:""}.production-order-card:hover{transform:translateY(-2px);border-color:#b7d4cd;box-shadow:0 14px 32px rgba(18,68,59,.11)}.order-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e5eeeb;background:linear-gradient(135deg,#fff 62%,#f4f9f7)}.order-card-identity{display:flex;align-items:center;gap:12px;min-width:0}.order-card-mark,.order-item-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#114f45,#197463);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 7px 15px rgba(17,79,69,.18)}.order-card-identity .report-code{display:block;color:#123f38;font-size:14px;letter-spacing:.025em}.order-card-identity small{display:flex;align-items:center;gap:7px;margin-top:5px;color:#74837f;font-size:11px}.order-card-identity small b{max-width:260px;overflow:hidden;color:#566b66;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.order-card-identity small i{font-style:normal;color:#adc0bb}.order-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.order-report-button,.order-complete-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid;border-radius:10px;font-size:10px;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s}.order-report-button b{font-size:13px}.order-report-button.pdf{border-color:#b9d9d1;background:#eaf6f3;color:#116656}.order-report-button.excel{border-color:#c9d4e2;background:#eef2f7;color:#4d617c}.order-complete-button{border-color:#d18822;background:linear-gradient(135deg,#ca7e19,#e29a32);color:#fff;box-shadow:0 7px 14px rgba(201,126,25,.2)}.order-report-button:hover,.order-complete-button:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 7px 16px rgba(25,73,65,.13)}.order-weight-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px;margin:0;background:#fbfdfc}.order-weight-strip>span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0;padding:11px 12px;border:1px solid #dce8e5;border-radius:12px;background:#fff}.order-weight-strip i{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#e7f4f0;color:#176759;font-size:9px;font-style:normal;font-weight:900}.order-weight-strip small{color:#71827d;font-size:9px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.order-weight-strip b{color:#123f38;font-size:14px;white-space:nowrap}.order-items{display:grid;gap:10px;padding:0 20px 20px}.order-item-progress{display:grid;gap:10px;padding:14px 15px;border:1px solid #dce7e4;border-radius:14px;background:#fff;transition:border-color .18s,background .18s}.order-item-progress:hover{border-color:#b9d6cf;background:#fbfefd}.order-item-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-item-heading>div{display:flex;align-items:center;gap:10px}.order-item-mark{width:30px;height:30px;border-radius:9px;background:#e4f2ee;color:#176558;box-shadow:none}.order-item-heading strong{color:#173c36;font-size:13px}.order-progress-status{display:flex;align-items:center;gap:7px;color:#71817d;font-size:10px;font-weight:700}.order-progress-status b{padding:4px 7px;border-radius:99px;background:#e7f4f0;color:#146354}.progress-track{height:10px;padding:2px;background:#e5eeeb;border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;min-width:0;background:linear-gradient(90deg,#176b5d,#36ad94);border-radius:inherit;box-shadow:0 0 8px rgba(54,173,148,.28);transition:width .45s ease}.order-item-weights{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#74837f;font-size:10px}.order-item-weights span{display:flex;gap:5px}.order-item-weights b{color:#274c46}
.dispatch-product-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:16px 0}.dispatch-product-groups article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d9e4e1;border-radius:12px;padding:12px}.dispatch-product-groups small{display:block;color:#71807c;margin-top:4px}.inline-price-form{display:flex;grid-template-columns:110px auto;gap:6px}.inline-price-form input{min-width:90px}
@media(max-width:900px){.orders-command-tools{grid-template-columns:1fr}.order-download-center{min-width:0;justify-content:space-between}.inward-entry-card>summary{grid-template-columns:58px minmax(150px,1fr) auto 92px}.inward-entry-stat{display:none}.inward-subrow-head{display:none}.inward-roll-subrow{grid-template-columns:36px 100px minmax(130px,1fr) 104px}.inward-roll-weights,.inward-roll-price{grid-column:2/4}.inward-roll-subrow>.badge{grid-column:3}.inward-roll-label-actions{grid-column:4;grid-row:1/3}.inward-roll-custom{grid-column:2/-1}}@media(max-width:700px){.inward-lines,.inward-product-options,.selected-order-products .form-grid{grid-template-columns:1fr}.inward-product-weight-fields,.inward-roll-weight-line{grid-template-columns:1fr}.orders-command-head{align-items:flex-start;flex-direction:column}.order-create-primary{width:100%}.order-download-center{align-items:flex-start;flex-direction:column}.order-summary{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.order-card-header{align-items:flex-start;flex-direction:column}.order-card-actions{justify-content:flex-start}.order-weight-strip{grid-template-columns:1fr}.order-item-heading{align-items:flex-start;flex-direction:column}.order-item-weights{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inward-entry-card>summary{grid-template-columns:50px minmax(0,1fr) auto}.inward-entry-toggle b{display:none}.inward-entry-card>summary>.badge{display:none}.inward-roll-subrow{grid-template-columns:32px minmax(0,1fr)}.inward-mini-barcode{grid-column:2}.inward-roll-product,.inward-roll-weights,.inward-roll-price,.inward-roll-subrow>.badge,.inward-roll-label-actions,.inward-roll-custom{grid-column:2;grid-row:auto}.inward-roll-label-actions{justify-items:start}.inward-print-button{min-width:120px}}

/* Keep inward report actions visible and match the inventory print control. */
.inward-report-directory > .directory-header {
    position: sticky;
    top: 12px;
    z-index: 18;
    margin: -2px -2px 18px;
    padding: 18px;
    border: 1px solid #d5e4e0;
    border-radius: 16px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 10px 24px rgba(20, 72, 63, .1);
    backdrop-filter: blur(12px);
}

.inward-report-directory > .directory-header .report-actions {
    flex: 0 0 auto;
}

.inward-roll-label-actions .inward-print-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid #bfdad3 !important;
    border-radius: 9px !important;
    background: #edf7f4 !important;
    color: #156657 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

.inward-roll-label-actions .inward-print-button:hover {
    transform: translateY(-1px);
    border-color: #8fc4b8 !important;
    background: #e2f2ee !important;
    box-shadow: 0 6px 13px rgba(18, 100, 84, .12) !important;
}

@media (max-width: 700px) {
    .inward-report-directory > .directory-header {
        top: 8px;
        padding: 14px;
    }
}

.inventory-order-progress {
    display: grid;
    gap: 6px;
    min-width: 150px;
}

.inventory-order-progress > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.inventory-order-progress > span b {
    color: #174f46;
    font-size: 9px;
}

.inventory-order-progress > span i {
    color: #19715f;
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
}

.inventory-order-progress > div {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2eeeb;
}

.inventory-order-progress > div > i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1b7463, #44ac91);
    transition: width .35s ease;
}

.order-item-progress.is-live-updated {
    animation: liveProgressPulse .65s ease;
}

@keyframes liveProgressPulse {
    0%, 100% { box-shadow: none; }
    45% { box-shadow: 0 0 0 4px rgba(42, 160, 132, .13); }
}

.baby-order-list {
    display: grid;
    gap: 14px;
}

.baby-order-card {
    overflow: hidden;
    border: 1px solid #d4e3df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(19, 70, 61, .06);
}

.baby-order-card > summary {
    display: grid;
    grid-template-columns: 46px minmax(190px, 1.4fr) repeat(4, minmax(90px, .7fr)) 24px;
    align-items: center;
    gap: 14px;
    min-height: 82px;
    padding: 14px 18px;
    cursor: pointer;
    list-style: none;
}

.baby-order-card > summary::-webkit-details-marker {
    display: none;
}

.baby-order-card > summary > span:not(.baby-order-mark) {
    display: grid;
    gap: 4px;
}

.baby-order-card > summary small {
    color: #748580;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.baby-order-card > summary strong {
    color: #153f38;
    font-size: 12px;
}

.baby-order-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, #115447, #197564);
    color: #fff;
    font-size: 9px;
    font-weight: 900;
}

.baby-order-card > summary > i {
    color: #1b6c5e;
    font-size: 17px;
    font-style: normal;
    transition: transform .18s ease;
}

.baby-order-card[open] > summary > i {
    transform: rotate(180deg);
}

.baby-order-products {
    border-top: 1px solid #deebe7;
    background: #f8fbfa;
}

.baby-order-products table {
    margin: 0;
}

.baby-order-products td {
    background: #fff;
}

@media (max-width: 900px) {
    .baby-order-card > summary {
        grid-template-columns: 46px minmax(150px, 1fr) repeat(2, minmax(75px, .6fr)) 24px;
    }

    .baby-order-card > summary > span:nth-of-type(5),
    .baby-order-card > summary > span:nth-of-type(6) {
        display: none;
    }
}
[data-finished-price][hidden]{display:none!important}
.product-create-dialog{width:min(660px,calc(100% - 28px));max-height:90vh;border:0;border-radius:20px;padding:0;box-shadow:0 28px 80px rgba(7,42,37,.28);color:#17322e}
.product-create-dialog::backdrop{background:rgba(8,37,33,.66);backdrop-filter:blur(4px)}
.product-dialog-shell{padding:24px;max-height:90vh;overflow:auto}.product-dialog-shell .master-card-header{justify-content:space-between;align-items:flex-start}
.product-attribute-picker{border:0;padding:0;margin:0;min-width:0}.product-attribute-picker legend{font-weight:800;padding:0;margin-bottom:8px}.product-attribute-picker p{color:#71807c;font-size:11px;margin:0 0 9px}.product-attribute-picker>small{display:block;color:#71807c;font-size:11px;margin-top:7px}.product-attribute-dropdown{position:relative}.product-attribute-dropdown summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:0 15px;border:1px solid #cdded9;border-radius:12px;background:#fff;color:#183631;font-weight:750;cursor:pointer;transition:border-color .18s,box-shadow .18s}.product-attribute-dropdown summary::-webkit-details-marker{display:none}.product-attribute-dropdown summary i{font-style:normal;font-size:18px;transition:transform .18s}.product-attribute-dropdown[open] summary{border-color:#257c6d;box-shadow:0 0 0 3px rgba(37,124,109,.12);border-radius:12px 12px 0 0}.product-attribute-dropdown[open] summary i{transform:rotate(180deg)}.product-attribute-dropdown.has-selection summary{color:#176859}.product-attribute-options{display:grid;gap:7px;max-height:220px;overflow:auto;padding:9px;border:1px solid #cdded9;border-top:0;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 14px 28px rgba(10,52,45,.13)}.product-attribute-picker .custom-check{display:flex;grid-template-columns:none;align-items:center;gap:10px;border:1px solid transparent;border-radius:9px;padding:10px 11px;background:#f6faf9;cursor:pointer;font-weight:700}.product-attribute-picker .custom-check:hover{border-color:#bdd8d1;background:#eef7f4}.product-attribute-picker .custom-check:has(input:checked){border-color:#85bdb1;background:#e8f6f2;color:#126557}.product-attribute-picker .custom-check input{width:18px;height:18px;min-height:0;margin:0;accent-color:#197463}.empty-attribute-option{padding:11px;color:#71807c}
.row-management-actions{display:flex;align-items:center;gap:7px}.row-management-actions form{display:inline-flex;gap:0}.row-management-actions button{white-space:nowrap}.master-edit-dialog .product-dialog-shell{max-height:min(88vh,850px);overflow:auto}
.select-all-option{position:sticky;top:0;z-index:2;border-color:#9bcabe!important;background:#e7f5f1!important;color:#105f52!important}.order-weight-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid #cfe0dc;border-radius:14px;background:#f8fbfa}.order-weight-mode legend{padding:0 7px;color:#173c36;font-weight:850}.order-weight-mode>label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #d4e2df;border-radius:12px;background:#fff;cursor:pointer}.order-weight-mode>label:has(input:checked){border-color:#25816f;box-shadow:0 0 0 3px rgba(37,129,111,.1);background:#edf8f5}.order-weight-mode input{width:18px;height:18px;min-height:0;margin-top:2px;accent-color:#187362}.order-weight-mode span,.order-weight-mode small{display:block}.order-weight-mode small{margin-top:4px;color:#6c7e79;font-weight:600}.combined-order-weights{padding:14px;border:1px solid #8fc6ba;border-radius:14px;background:linear-gradient(135deg,#edf8f5,#fff)}.combined-order-weights .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.combined-order-progress{border-color:#8fc6ba;background:linear-gradient(135deg,#edf8f5,#fff)}
@media(max-width:700px){.order-weight-mode,.combined-order-weights .form-grid{grid-template-columns:1fr}}
.Issued{background:#dceefb!important;color:#17658f!important}.picker-search{position:sticky;top:0;z-index:4;padding:8px!important;border:0!important;background:#fff!important}.picker-search span{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.picker-search input{min-height:40px}.auto-list-search{width:min(360px,100%);margin:0 0 12px}.order-barcode-scan-panel,.manual-barcode-dispatch{display:grid;gap:10px;padding:16px;border:1px solid #a9cec6;border-radius:15px;background:linear-gradient(135deg,#edf8f5,#fff)}.order-barcode-scan-panel>div:first-child,.manual-barcode-dispatch>div:first-child{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:2px 10px}.order-barcode-scan-panel>div:first-child small,.manual-barcode-dispatch>div:first-child small{grid-column:2;color:#6b7d78}.order-step-number{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#176f60;color:#fff;font-weight:900}.order-scan-control{display:grid;grid-template-columns:1fr auto;gap:8px}.order-scan-control input{font-size:14px;font-weight:750;text-transform:uppercase}.order-scan-control button{min-width:130px}.order-barcode-scan-panel p,.manual-barcode-dispatch p{margin:0;color:#277264;font-size:11px}.order-issued-roll{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:9px;align-items:center;padding:7px;border:1px solid #d7e5e1;border-radius:11px;background:#f8fbfa}.order-issued-roll .custom-check{border:0!important;background:transparent!important}.order-roll-use-weight input{min-height:38px}.manual-jumbo-dispatch-card{max-width:none}.manual-jumbo-dispatch-form{gap:16px}.manual-jumbo-dispatch-form input[type=checkbox]{width:19px;height:19px;accent-color:#187362}.quantity-stepper{display:grid;grid-template-columns:42px minmax(70px,1fr) 42px;gap:6px}.quantity-stepper button{display:grid;place-items:center;min-height:44px;padding:0;font-size:20px}.quantity-stepper input{text-align:center;font-weight:850}.inward-group-print{min-height:30px!important;padding:6px 9px!important;border-radius:8px!important;background:#176f60!important;color:#fff!important;font-size:8px!important;white-space:nowrap}.combined-products-heading{display:flex;align-items:flex-start;gap:10px}.combined-product-list{margin-top:5px}.combined-product-list summary{cursor:pointer;color:#19705f;font-size:10px;font-weight:800}.combined-product-list>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:125px;overflow:auto}.combined-product-list>div span{padding:5px 8px;border-radius:99px;background:#e4f3ef;color:#175e52;font-size:9px;font-weight:750}
@media(max-width:700px){.order-scan-control,.order-issued-roll{grid-template-columns:1fr}.inward-entry-toggle{flex-wrap:wrap}.inward-group-print{order:3}}
.order-create-dialog{width:min(1040px,calc(100% - 28px))}.order-raw-materials{max-height:330px}.order-issued-roll{grid-template-columns:minmax(0,1fr) 220px;gap:14px;padding:12px;transition:border-color .18s,box-shadow .18s,background .18s}.order-issued-roll:has([data-order-raw-check]:checked){border-color:#6fb3a5;background:#eef8f5;box-shadow:0 7px 20px rgba(20,103,88,.11)}.order-roll-identity{display:grid;gap:3px;min-width:0}.order-roll-identity>b{font-size:14px}.order-roll-stock{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0}.order-roll-stock i{padding:5px 7px;border-radius:7px;background:#e8f2ef;color:#55706a;font-size:9px;font-style:normal}.order-roll-stock strong{color:#174e45}.order-roll-use-weight{display:grid!important;align-content:center;gap:6px!important;padding:10px!important;border:1px solid #c8ddd8!important;border-radius:11px!important;background:#fff!important;cursor:default!important}.order-roll-use-weight>span{display:flex;justify-content:space-between;gap:8px;color:#194d45;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.order-roll-use-weight em{color:#72837f;font-style:normal}.order-roll-use-weight input{width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:8px 11px!important;border:1px solid #a9c9c2!important;border-radius:9px!important;background:#fff!important;color:#153f38!important;font-size:16px!important;font-weight:900!important;text-align:right}.order-roll-use-weight input:disabled{background:#edf2f1!important;color:#91a09d!important}.order-roll-use-weight small{margin:0!important;color:#70817d!important;font-size:9px!important;line-height:1.55}.order-roll-use-weight small b{display:inline!important;color:#1c6155!important;font-size:9px!important}.order-selected-weight-summary{display:grid;gap:12px;padding:16px;border:1px solid #a8cdc4;border-radius:16px;background:linear-gradient(135deg,#edf8f5,#fff)}.order-selected-weight-summary>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.order-selected-weight-summary>header div{display:grid;gap:3px}.order-selected-weight-summary>header span{color:#71827d;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.order-selected-weight-summary>header strong{color:#174f46;font-size:15px}.order-selected-weight-summary>header small{max-width:360px;color:#6b7d78;text-align:right}.order-total-weight-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.order-total-weight-cards article{display:grid;gap:5px;padding:12px;border:1px solid #d2e3df;border-radius:11px;background:#fff}.order-total-weight-cards span{color:#71827d;font-size:8px;font-weight:900;letter-spacing:.08em}.order-total-weight-cards strong{color:#135c50;font-size:18px}.order-product-weight-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.order-product-weight-totals article{display:grid;gap:4px;padding:10px 12px;border-left:3px solid #2b8c79;border-radius:8px;background:#e5f3ef}.order-product-weight-totals strong{color:#164f46}.order-product-weight-totals span{color:#58716b;font-size:10px}
@media(max-width:700px){.order-issued-roll{grid-template-columns:1fr}.order-selected-weight-summary>header{align-items:flex-start;flex-direction:column}.order-selected-weight-summary>header small{text-align:left}.order-total-weight-cards,.order-product-weight-totals{grid-template-columns:1fr}}
.picker-search{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important}.picker-search input[type="search"]{display:block!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:10px 38px 10px 13px!important;border:1px solid #bfd5d0!important;border-radius:10px!important;background:#f8fbfa!important;color:#173f38!important;font-size:13px!important;font-weight:700!important;accent-color:auto!important}.picker-search input[type="search"]:focus{border-color:#267e6e!important;outline:0!important;box-shadow:0 0 0 3px rgba(38,126,110,.12)!important;background:#fff!important}.picker-search input[type="search"]::placeholder{color:#81918d;font-weight:600}