@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap");

:root {
    --primary-bg-color: #192a3d !important;
    --primary-bg-hover: #24384f !important;
    --primary-bg-border: #192a3d !important;
    --primary: #192a3d !important;
}

html {
    scrollbar-width: auto;
    scrollbar-color: #9fb3c8 #e7eef5;
}

*::-webkit-scrollbar {
    width: 18px;
    height: 18px;
}

*::-webkit-scrollbar-track {
    background: #e7eef5;
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #bcccdc 0%, #9fb3c8 100%);
    border: 4px solid #e7eef5;
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #aebfd0 0%, #91a7bd 100%);
}

*::-webkit-scrollbar-corner {
    background: #e7eef5;
}

html,
body,
.main-body,
.card,
.btn,
.form-control,
.form-select,
input,
select,
textarea,
table,
.dropdown-item,
.side-menu__label,
.content-title,
.card-title,
.breadcrumb,
.nav-link {
    font-family: "Courier Prime", "Courier New", monospace !important;
}

.shipping-module,
.shipping-module .main-body,
.shipping-module .card,
.shipping-module .btn,
.shipping-module .form-control,
.shipping-module .form-select,
.shipping-module input,
.shipping-module select,
.shipping-module textarea,
.shipping-module table,
.shipping-module .dropdown-item,
.shipping-module .side-menu__label,
.shipping-module .content-title,
.shipping-module .card-title,
.shipping-module .breadcrumb,
.shipping-module .nav-link {
    font-family: "Courier Prime", "Courier New", monospace !important;
}

a,
.text-primary,
.nav-link.active,
.side-menu__item.active,
.side-menu .slide-item.active {
    color: #192a3d !important;
}

/* Submenu links stay text-only (no filled background) */
.app-sidebar .slide-menu .slide-item.active,
.app-sidebar .slide-menu .sub-side-menu__item.active,
.app-sidebar .slide-menu a.active {
    color: #192a3d !important;
}

/* Make submenu hover/active fill full row width (not text-only highlight) */
.app-sidebar .slide-menu li > a.slide-item,
.app-sidebar .slide-menu li > a.sub-side-menu__item,
.app-sidebar .slide-menu li > a {
    display: flex !important;
    width: 100% !important;
    padding: 8px 18px 8px 45px !important;
}

.app-sidebar .slide-menu li > a.slide-item.active,
.app-sidebar .slide-menu li > a.sub-side-menu__item.active,
.app-sidebar .slide-menu li > a.active {
    background-color: transparent !important;
    color: #192a3d !important;
    font-weight: 700 !important;
}
.app-sidebar .slide-menu li > a.slide-item:hover,
.app-sidebar .slide-menu li > a.slide-item:focus,
.app-sidebar .slide-menu li > a.slide-item.active,
.app-sidebar .slide-menu li > a.sub-side-menu__item:hover,
.app-sidebar .slide-menu li > a.sub-side-menu__item:focus,
.app-sidebar .slide-menu li > a.sub-side-menu__item.active,
.app-sidebar .slide-menu li > a:hover,
.app-sidebar .slide-menu li > a:focus,
.app-sidebar .slide-menu li > a.active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #192a3d !important;
}

.btn-primary,
.bg-primary,
.badge.bg-primary,
.side-menu__item.active,
.main-header {
    background-color: #192a3d !important;
    border-color: #192a3d !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #24384f !important;
    border-color: #24384f !important;
}

.report-button,
.report-button:visited {
    background-color: #fff !important;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    box-shadow: none !important;
    font-weight: 700;
    letter-spacing: 0;
    min-width: 82px;
}

.report-button--excel {
    border-color: #168257 !important;
    color: #168257 !important;
    -webkit-text-fill-color: #168257 !important;
}

.report-button--excel:hover,
.report-button--excel:focus,
.report-button--excel:active {
    background-color: #eefaf5 !important;
    border-color: #0f6f49 !important;
    color: #0f6f49 !important;
    -webkit-text-fill-color: #0f6f49 !important;
}

.report-button--pdf {
    border-color: #b45353 !important;
    color: #b45353 !important;
    -webkit-text-fill-color: #b45353 !important;
}

.report-button--pdf:hover,
.report-button--pdf:focus,
.report-button--pdf:active {
    background-color: #fff3f3 !important;
    border-color: #963f3f !important;
    color: #963f3f !important;
    -webkit-text-fill-color: #963f3f !important;
}

.report-button--print {
    border-color: #315f91 !important;
    color: #315f91 !important;
    -webkit-text-fill-color: #315f91 !important;
}

.report-button--print:hover,
.report-button--print:focus,
.report-button--print:active {
    background-color: #f0f6fd !important;
    border-color: #244b75 !important;
    color: #244b75 !important;
    -webkit-text-fill-color: #244b75 !important;
}

.report-button--close {
    border-color: #c56b36 !important;
    color: #c56b36 !important;
    -webkit-text-fill-color: #c56b36 !important;
}

.report-button--close:hover,
.report-button--close:focus,
.report-button--close:active {
    background-color: #fff6ef !important;
    border-color: #a85628 !important;
    color: #a85628 !important;
    -webkit-text-fill-color: #a85628 !important;
}

#reportViewerModal .modal-header,
#reportViewerModal .modal-footer {
    gap: 0.4rem;
}

#reportViewerModal .modal-header {
    flex-wrap: wrap;
}

#reportViewerModal .modal-title {
    margin-right: auto;
}

#reportViewerModal .js-report-modal-open-new {
    min-width: 82px;
    border-radius: 6px;
    font-weight: 700;
}

.bg-primary-gradient,
.btn.bg-primary-gradient {
    background: #192a3d !important;
    background-image: none !important;
}

/* Convert page top banner gradient to solid base color */
.main-content:after,
.main-content.horizontal-content:after {
    background: #192a3d !important;
    background-image: none !important;
}

/* Sidebar menu readability/tone adjustments */
.app-sidebar .slide.is-expanded > .slide-menu {
    margin-top: 1px !important;
}

.app-sidebar .slide-menu li + li {
    margin-top: 1px !important;
}

.app-sidebar .side-menu__item,
.app-sidebar .side-menu__label {
    font-size: 17px !important;
    font-weight: 700 !important;
}

.app-sidebar .slide-item,
.app-sidebar .sub-side-menu__item,
.app-sidebar .slide-menu li > a {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.app-sidebar .side-menu__item.active,
.app-sidebar .side-menu__item:hover,
.app-sidebar .side-menu__item:focus,
.app-sidebar .slide.is-expanded > .side-menu__item,
.app-sidebar .slide:hover > .side-menu__item {
    background: #192a3d !important;
    background-image: none !important;
}

/* Wider app sidebar (default 240px -> 280px) */
:root {
    --sidebar-expanded-width: 280px;
    --sidebar-collapsed-width: 80px;
}

.app-sidebar,
.main-sidebar-header {
    width: var(--sidebar-expanded-width);
}

.main-sidebar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
}

.main-sidebar-header .desktop-logo,
.main-sidebar-header .logo-icon {
    margin: 0 auto !important;
}

@media (min-width: 992px) {
    .app:not(.sidenav-toggled) .main-content {
        margin-inline-start: var(--sidebar-expanded-width);
    }

    .app.sidebar-mini.sidenav-toggled-open .app-sidebar {
        width: var(--sidebar-expanded-width);
    }

    .app.sidebar-mini.sidenav-toggled-open .main-sidebar-header {
        width: var(--sidebar-expanded-width) !important;
    }

    .main-header-left {
        position: relative;
        min-width: 0;
    }

    .app.sidebar-mini .main-header .app-sidebar__toggle {
        position: fixed;
        top: 14px;
        inset-inline-start: calc(var(--sidebar-expanded-width) + 12px);
        width: 42px;
        height: 42px;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 999px;
        background: #192a3d;
        color: #f8fafc !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
        z-index: 1105;
    }

    .app.sidebar-mini.sidenav-toggled .main-header .app-sidebar__toggle {
        inset-inline-start: calc(var(--sidebar-collapsed-width) + 12px);
    }

    .app.sidebar-mini .main-header .app-sidebar__toggle .header-icons,
    .app.sidebar-mini .main-header .app-sidebar__toggle a {
        color: inherit !important;
    }

    .app.sidebar-mini .main-header .app-sidebar__toggle:hover,
    .app.sidebar-mini .main-header .app-sidebar__toggle:focus-within {
        background: #24384f;
        border-color: rgba(255, 255, 255, 0.28);
    }
}

@media (max-width: 991px) {
    .app .app-sidebar {
        inset-inline-start: calc(-1 * var(--sidebar-expanded-width));
    }

    .main-sidebar-header {
        display: none !important;
    }

    .main-sidebar-loggedin {
        margin-block-start: 0 !important;
    }

    .responsive-logo {
        display: flex !important;
        align-items: center;
        max-width: calc(100vw - 120px);
        overflow: hidden;
    }

    .responsive-logo .header-logo {
        display: inline-flex;
        align-items: center;
        min-width: 0;
        max-width: 100%;
    }

    .responsive-logo .predestine-brand {
        justify-content: flex-start;
        max-width: 100%;
    }

    .responsive-logo .predestine-brand-text {
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* Predestine brand icon (replace old triangle mark) */
.predestine-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: auto;
    margin: 0;
}

.predestine-brand-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #ffd4e4;
    color: #e46a9b;
    font-size: 16px;
    line-height: 1;
}

.predestine-brand-icon-mobile {
    width: 28px;
    height: 28px;
    margin: 0 auto;
}

.predestine-brand-text {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #111827;
}

.desktop-logo.logo-dark .predestine-brand-text {
    color: #f8fafc;
}

/* Shared form system for top-level business forms inside cards. */
:root {
    --app-form-label-size: 16px;
    --app-form-label-weight: 700;
    --app-form-label-color: #0f172a;
    --app-form-control-height: 40px;
    --app-form-control-radius: 10px;
    --app-form-control-border: #192a3d;
    --app-form-control-bg: #ffffff;
    --app-form-control-text: #0f172a;
    --app-form-control-placeholder: #cbd5e1;
    --app-form-focus-ring: rgba(25, 42, 61, 0.14);
    --app-form-field-gap: 1rem;
    --app-form-help-size: 13px;
}

body.dark-theme {
    --app-form-label-color: #f8fafc;
    --app-form-control-border: #334155;
    --app-form-control-bg: #182235;
    --app-form-control-text: #f8fafc;
    --app-form-control-placeholder: #94a3b8;
    --app-form-focus-ring: rgba(148, 163, 184, 0.18);
}

body.business-forms-compact {
    --app-form-control-height: 34px;
    --app-form-control-radius: 8px;
}

.app-form-shell,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) {
    margin: 0;
}

.app-form-shell.row,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]).row,
.app-form-shell > .row,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) > .row {
    --bs-gutter-x: var(--app-form-field-gap);
    --bs-gutter-y: var(--app-form-field-gap);
}

.app-form-shell .form-label,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .form-label {
    display: block;
    margin-block-end: 0.45rem;
    font-size: var(--app-form-label-size) !important;
    font-weight: var(--app-form-label-weight);
    color: var(--app-form-label-color) !important;
    letter-spacing: 0.01em;
}

.app-form-shell .form-control,
.app-form-shell .form-select,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .form-control,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .form-select {
    min-height: var(--app-form-control-height);
    border: 1.5px solid var(--app-form-control-border) !important;
    border-radius: var(--app-form-control-radius);
    background-color: var(--app-form-control-bg);
    color: var(--app-form-control-text);
    box-shadow: none;
}

.app-form-shell .form-select,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2394a3b8' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.85rem center;
    background-size: 8px 10px;
    padding-right: 2.35rem;
}

/* Select2: keep it visually consistent with our shared form system. */
.app-form-shell .select2-container {
    width: 100% !important;
}

.app-form-shell .select2-container--default .select2-selection--single {
    min-height: var(--app-form-control-height);
    border: 1.5px solid var(--app-form-control-border);
    border-radius: var(--app-form-control-radius);
    background-color: var(--app-form-control-bg);
}

.app-form-shell .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--app-form-control-text);
    line-height: calc(var(--app-form-control-height) - 2px);
    padding-left: 0.75rem;
    padding-right: 2.25rem;
}

.app-form-shell .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--app-form-control-height);
    right: 0.5rem;
}

.app-form-shell .select2-container--default.select2-container--focus .select2-selection--single,
.app-form-shell .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #192a3d;
    box-shadow: 0 0 0 0.2rem var(--app-form-focus-ring);
}

.select2-dropdown.app-select2-dropdown .select2-search--dropdown {
    display: block !important;
}

.select2-dropdown.app-select2-dropdown .select2-search--dropdown.select2-search--hide {
    display: block !important;
}

.app-form-shell textarea.form-control,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) textarea.form-control {
    min-height: 108px;
    resize: vertical;
}

.app-form-shell input[type="file"].form-control,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) input[type="file"].form-control {
    padding: 0.35rem 0.55rem;
    line-height: 1.35;
}

.app-form-shell input[type="file"].form-control::file-selector-button,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) input[type="file"].form-control::file-selector-button {
    margin: -0.35rem 0.75rem -0.35rem -0.55rem;
    padding: 0.6rem 0.9rem;
    border: 0;
    border-right: 1px solid var(--app-form-control-border);
    background: linear-gradient(180deg, #f8fbff 0%, #e9f1f8 100%);
    color: #192a3d;
    font-weight: 700;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.app-form-shell input[type="file"].form-control:hover::file-selector-button,
.app-form-shell input[type="file"].form-control:focus::file-selector-button,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) input[type="file"].form-control:hover::file-selector-button,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) input[type="file"].form-control:focus::file-selector-button {
    background: linear-gradient(180deg, #eef5fb 0%, #dce8f3 100%);
}

.app-form-shell .form-control::placeholder,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .form-control::placeholder {
    color: var(--app-form-control-placeholder);
    opacity: 1;
}

.app-form-shell .form-select:has(option[value=""]:checked),
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .form-select:has(option[value=""]:checked) {
    color: var(--app-form-control-placeholder);
}

.app-form-shell .form-select option,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .form-select option {
    color: var(--app-form-control-text);
}

.app-form-shell .form-control:focus,
.app-form-shell .form-select:focus,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .form-control:focus,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .form-select:focus {
    border-color: #192a3d;
    box-shadow: 0 0 0 0.2rem var(--app-form-focus-ring);
}

.app-form-shell .text-danger,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .text-danger {
    display: block;
    margin-top: 0.35rem;
    font-size: var(--app-form-help-size);
}

/* Empty validation spans must not reserve space, otherwise fields in the same
   row sit at different heights (columns without a span bottom-align lower). */
.app-form-shell span.text-danger:empty,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) span.text-danger:empty {
    display: none;
    margin: 0;
}

.app-form-shell .btn:not(.btn-sm),
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .btn:not(.btn-sm) {
    min-height: var(--app-form-control-height);
    border-radius: var(--app-form-control-radius);
}

.app-form-shell .btn-light,
.main-content .card > .card-body > form:not(.d-inline):not(.navbar-form):not([role="search"]) .btn-light {
    border: 1.5px solid var(--app-form-control-border);
}

body.business-forms-compact .main-content .form-control,
body.business-forms-compact .main-content .form-select,
body.business-forms-compact .main-content .btn:not(.btn-sm),
body.business-forms-compact .main-content .btn-sm,
body.business-forms-compact .main-content .select2-container--default .select2-selection--single,
body.business-forms-compact .main-content .entity-table-toolbar__search-input,
body.business-forms-compact .main-content .entity-table-toolbar__select,
body.business-forms-compact .main-content .ledger-filter-meta .form-control,
body.business-forms-compact .main-content .ledger-filter-button {
    min-height: 34px;
    height: 34px;
}

body.business-forms-compact .main-content .form-control,
body.business-forms-compact .main-content .form-select,
body.business-forms-compact .main-content .entity-table-toolbar__search-input,
body.business-forms-compact .main-content .entity-table-toolbar__select,
body.business-forms-compact .main-content .ledger-filter-meta .form-control {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

body.business-forms-compact .main-content .btn:not(.entity-table-action-chip),
body.business-forms-compact .main-content .ledger-filter-button {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.business-forms-compact .main-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
}

body.business-forms-compact .main-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

body.business-forms-compact .main-content input[type="file"].form-control {
    line-height: 32px;
    overflow: hidden;
}

body.business-forms-compact .main-content input[type="file"].form-control::file-selector-button {
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

body.business-forms-compact .main-content .ledger-filter-section .select2-container--default .select2-selection--single,
body.business-forms-compact .main-content .ledger-filter-button,
body.business-forms-compact .main-content .actual-cutting-inline .cutting-line-action,
body.business-forms-compact .main-content .actual-cutting-inline .report-tools .btn,
body.business-forms-compact .main-content .rolls-receipts-data-table .rolls-breakdown-toggle summary span,
body.business-forms-compact .main-content .actual-cutting-data-table .receiving-breakdown-toggle summary {
    min-height: 34px;
    height: 34px;
}

body.business-forms-compact .main-content .ledger-filter-section .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
}

body.business-forms-compact .main-content .ledger-filter-section .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

body.business-forms-compact .main-content .actual-cutting-inline .cutting-line-action,
body.business-forms-compact .main-content .rolls-receipts-data-table .rolls-breakdown-toggle summary span,
body.business-forms-compact .main-content .actual-cutting-data-table .receiving-breakdown-toggle summary {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.fabrics-receipts-page #detailsTable .form-control,
.fabrics-receipts-page #detailsTable .form-select {
    border: 1.5px solid var(--app-form-control-border) !important;
}

.fabrics-receipts-page .app-management-form__section {
    background: #eef4ff;
    border-color: #d5e2fb;
}

.fabrics-receipts-page .app-management-form__section-header {
    border-bottom-color: #c8d9f6;
}

.fabrics-receipts-page #detailsTable thead th,
.fabrics-receipts-page .table thead th {
    text-align: center;
    vertical-align: middle;
}

.app-management-form {
    display: grid;
    gap: 1.5rem;
}

.app-management-form--compact {
    gap: 1rem;
}

.app-management-form__section {
    padding: 1.4rem;
    border: 1px solid #dbe4ee;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.app-management-form__section-header {
    margin-bottom: 1rem;
}

.app-management-form__eyebrow {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.app-management-form__title {
    margin-bottom: 0.35rem;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 800;
}

.app-management-form__subtitle {
    margin: 0;
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.5;
}

.app-management-form--compact .app-management-form__section {
    padding: 1.2rem 1.25rem;
}

.app-management-form--compact .app-management-form__section-header {
    margin-bottom: 0.85rem;
}

.app-form-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.35rem;
}

.app-form-actions .btn {
    min-width: 8.5rem;
}

.app-form-actions--start {
    justify-content: flex-start;
}

.app-form-actions--between {
    justify-content: space-between;
}

.app-standard-data-card .card-header,
.app-standard-form-card .card-header {
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.95) 0%, rgba(241, 245, 249, 0.9) 100%);
}

.app-standard-data-card .card-title,
.app-standard-form-card .card-title {
    letter-spacing: 0.04em;
}

.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) {
    display: grid;
    gap: 1.35rem;
    padding: 1.4rem;
    border: 1px solid #dbe4ee;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) > .row {
    margin: 0;
    padding: 1.2rem 1.25rem;
    border: 1px solid #dbe4ee;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .form-label {
    margin-bottom: 0.45rem;
    color: #334155;
    font-weight: 700;
}

.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .form-check {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.85rem;
}

.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .form-check-input {
    margin-top: 0;
}

.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .form-check-label {
    margin-bottom: 0;
    color: #334155;
    font-weight: 700;
}

.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .col-md-1,
.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .col-md-2,
.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .col-md-3,
.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .col-md-4,
.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .col-md-5,
.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .col-md-6,
.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .col-md-8,
.main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .col-md-12 {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

body.dark-theme .app-management-form__section {
    border-color: #334155;
    background: linear-gradient(180deg, #1b2638 0%, #182235 100%);
    box-shadow: none;
}

body.dark-theme .app-management-form__title {
    color: #f8fafc;
}

body.dark-theme .app-management-form__subtitle,
body.dark-theme .app-management-form__eyebrow {
    color: #94a3b8;
}

body.dark-theme .app-standard-data-card .card-header,
body.dark-theme .app-standard-form-card .card-header {
    border-bottom-color: #334155;
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.98) 0%, rgba(15, 23, 42, 0.92) 100%);
}

body.dark-theme .main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) {
    border-color: #334155;
    background: linear-gradient(180deg, #1b2638 0%, #182235 100%);
    box-shadow: none;
}

body.dark-theme .main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) > .row {
    border-color: #334155;
    background: linear-gradient(180deg, #1b2638 0%, #182235 100%);
    box-shadow: none;
}

body.dark-theme .main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .form-label,
body.dark-theme .main-content-body .custom-card .card-body > form:not(.app-management-form):not(.d-inline):not(.navbar-form):not([role="search"]) .form-check-label {
    color: #e2e8f0;
}

.additional-contact-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    width: auto;
    margin-bottom: 0.35rem;
}

.additional-contact-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    min-height: 2.35rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid transparent;
    box-shadow: 0 8px 18px -16px rgba(15, 23, 42, 0.55);
    transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.additional-contact-action__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}

.additional-contact-action--add {
    color: #192a3d !important;
    background: linear-gradient(180deg, #eef5fb 0%, #dce8f3 100%) !important;
    border-color: #bfd0df !important;
}

.additional-contact-action--add:hover,
.additional-contact-action--add:focus {
    color: #192a3d !important;
    background: linear-gradient(180deg, #e2edf8 0%, #d4e2ef 100%) !important;
    border-color: #aabed3 !important;
    box-shadow: 0 12px 22px -16px rgba(28, 73, 122, 0.8);
    transform: translateY(-1px);
}

.additional-contact-action--remove {
    color: #8a1c1c !important;
    background: linear-gradient(180deg, #fff1f1 0%, #fde2e2 100%) !important;
    border-color: #efc0c0 !important;
}

.additional-contact-action--remove:hover,
.additional-contact-action--remove:focus {
    color: #7a1616 !important;
    background: linear-gradient(180deg, #ffe6e6 0%, #fcd7d7 100%) !important;
    border-color: #e7abab !important;
    box-shadow: 0 12px 22px -16px rgba(142, 28, 28, 0.7);
    transform: translateY(-1px);
}

.additional-contact-action:disabled,
.additional-contact-action[disabled] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

body.dark-theme .additional-contact-action--add {
    color: #dbeafe !important;
    background: linear-gradient(180deg, #28415d 0%, #22364b 100%) !important;
    border-color: #3a5673 !important;
}

body.dark-theme .additional-contact-action--remove {
    color: #fecaca !important;
    background: linear-gradient(180deg, #4f2020 0%, #431919 100%) !important;
    border-color: #6b2a2a !important;
}

@media (max-width: 767.98px) {
    .additional-contact-actions-col {
        margin-top: 0.35rem;
    }

    .additional-contact-actions {
        margin-bottom: 0;
    }
}

.entity-table-actions-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.entity-table-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.entity-table-toolbar__filters {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.entity-table-toolbar__field {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.entity-table-toolbar__field-label {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
    white-space: nowrap;
}

.entity-table-toolbar__select {
    min-width: 140px;
    max-width: 180px;
}

.entity-table-toolbar__search {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-left: auto;
}

.entity-table-toolbar__search-label {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
    white-space: nowrap;
}

.entity-table-toolbar__search-input {
    width: 220px;
    min-width: 180px;
}

.entity-table-empty-state {
    padding: 1rem 0 0.25rem;
    font-weight: 600;
}

.entity-table-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.9rem;
    flex-wrap: wrap;
}

.entity-table-pagination__info,
.entity-table-pagination__page {
    color: #475569;
    font-weight: 600;
}

.entity-table-pagination__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    flex-wrap: wrap;
}

.entity-table-pagination__button {
    min-width: 92px;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #0f172a;
    font-weight: 700;
    box-shadow: none;
}

.entity-table-pagination__button:hover:not(:disabled),
.entity-table-pagination__button:focus-visible {
    border-color: #94a3b8;
    background: #eef2f7;
    color: #0f172a;
}

.entity-table-pagination__button:disabled {
    opacity: 0.55;
}

.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) {
    width: 100%;
}

.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) th,
.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) td {
    vertical-align: top;
}

.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td:nth-last-child(2) {
    white-space: nowrap;
}

.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td:last-child.d-flex,
.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td.d-flex.gap-2 {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem !important;
    flex-wrap: wrap;
    white-space: normal;
    min-width: 220px;
}

.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td:last-child form,
.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td.d-flex.gap-2 form {
    margin: 0;
}

.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td:last-child .btn,
.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td.d-flex.gap-2 .btn {
    min-height: 2rem;
    border-radius: 999px;
    padding: 0.38rem 0.78rem;
    border-width: 1px;
    font-size: 0.78rem;
    line-height: 1.2;
    box-shadow: none;
}

.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td:last-child .btn-info,
.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td.d-flex.gap-2 .btn-info {
    background: linear-gradient(180deg, #d9eef8 0%, #c4e2f0 100%);
    border-color: #afcfde;
    color: #1f6f95 !important;
}

.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td:last-child .btn-warning,
.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td.d-flex.gap-2 .btn-warning {
    background: linear-gradient(180deg, #fff1cc 0%, #fee3a7 100%);
    border-color: #efd28f;
    color: #9a6700 !important;
}

.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td:last-child .btn-success,
.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td.d-flex.gap-2 .btn-success {
    background: linear-gradient(180deg, #e0f5e9 0%, #caebd7 100%);
    border-color: #b3d9c1;
    color: #166534 !important;
}

.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td:last-child .btn-danger,
.main-content-body .custom-card .table.table-bordered.text-nowrap.mb-0:not(.suppliers-data-table) tbody td.d-flex.gap-2 .btn-danger {
    background: linear-gradient(180deg, #ffd8d8 0%, #ffc4c4 100%);
    border-color: #f1a6a6;
    color: #c24141 !important;
}

.suppliers-data-table {
    width: 100%;
    table-layout: fixed;
}

.receipts-data-table,
.rolls-receipts-data-table,
.actual-cutting-data-table,
.cutting-summary-data-table,
.app-entity-data-table {
    width: 100%;
    table-layout: fixed;
}

.suppliers-data-table th,
.suppliers-data-table td {
    white-space: normal;
    vertical-align: top;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.receipts-data-table th,
.receipts-data-table td,
.rolls-receipts-data-table th,
.rolls-receipts-data-table td,
.actual-cutting-data-table th,
.actual-cutting-data-table td,
.cutting-summary-data-table th,
.cutting-summary-data-table td,
.app-entity-data-table th,
.app-entity-data-table td {
    white-space: normal;
    vertical-align: top;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.receipts-data-table th,
.rolls-receipts-data-table th,
.actual-cutting-data-table th,
.cutting-summary-data-table th,
.app-entity-data-table th {
    text-transform: uppercase;
}

.app-entity-data-table tbody td:last-child,
.app-entity-data-table tbody td.d-flex.gap-2 {
    min-width: 220px;
}

.app-entity-data-table details summary.btn {
    list-style: none;
}

.app-entity-data-table details summary.btn::-webkit-details-marker {
    display: none;
}

.suppliers-data-table th:nth-child(1),
.suppliers-data-table td:nth-child(1) {
    width: 11%;
}

.suppliers-data-table th:nth-child(2),
.suppliers-data-table td:nth-child(2) {
    width: 12%;
}

.suppliers-data-table th:nth-child(3),
.suppliers-data-table td:nth-child(3) {
    width: 12%;
}

.suppliers-data-table th:nth-child(4),
.suppliers-data-table td:nth-child(4) {
    width: 13%;
}

.suppliers-data-table th:nth-child(5),
.suppliers-data-table td:nth-child(5) {
    width: 8%;
}

.suppliers-data-table th:nth-child(6),
.suppliers-data-table td:nth-child(6) {
    width: 27%;
}

.suppliers-data-table th:nth-child(7),
.suppliers-data-table td:nth-child(7),
.suppliers-data-table th:nth-child(8),
.suppliers-data-table td:nth-child(8) {
    width: 11%;
    white-space: nowrap;
}

.suppliers-data-table th:nth-child(9),
.suppliers-data-table td:nth-child(9) {
    width: 6%;
    white-space: nowrap;
}

.suppliers-data-table th:nth-child(10),
.suppliers-data-table td:nth-child(10) {
    width: 9%;
    white-space: nowrap;
}

.actual-cutting-data-table th:nth-child(1),
.actual-cutting-data-table td:nth-child(1) {
    width: 9%;
}

.actual-cutting-data-table th:nth-child(2),
.actual-cutting-data-table td:nth-child(2) {
    width: 10%;
}

.actual-cutting-data-table th:nth-child(3),
.actual-cutting-data-table td:nth-child(3),
.actual-cutting-data-table th:nth-child(7),
.actual-cutting-data-table td:nth-child(7),
.actual-cutting-data-table th:nth-child(8),
.actual-cutting-data-table td:nth-child(8),
.actual-cutting-data-table th:nth-child(9),
.actual-cutting-data-table td:nth-child(9),
.actual-cutting-data-table th:nth-child(10),
.actual-cutting-data-table td:nth-child(10) {
    white-space: nowrap;
}

.actual-cutting-data-table th:nth-child(12),
.actual-cutting-data-table td:nth-child(12) {
    width: 8%;
    white-space: nowrap;
}

.cutting-summary-data-table .history-breakdown,
.actual-cutting-data-table .history-breakdown {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}

.rolls-receipts-data-table {
    table-layout: auto;
}

.rolls-receipts-data-table .history-breakdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.08rem;
    line-height: 1.2;
}

.rolls-receipts-data-table .history-breakdown .btn.btn-link {
    padding-top: 0;
    padding-bottom: 0;
}

.receipts-data-table th,
.rolls-receipts-data-table th {
    text-align: center;
    vertical-align: middle;
}

.receipts-data-table td,
.rolls-receipts-data-table td {
    text-align: center;
    vertical-align: middle;
}

.receipts-data-table td .btn,
.receipts-data-table td .badge {
    margin-left: auto;
    margin-right: auto;
}

.receipts-data-table .entity-table-actions-inline {
    justify-content: center;
}

.rolls-entry-table {
    width: 100%;
    table-layout: fixed;
}

.rolls-entry-table th {
    text-align: center;
    vertical-align: middle;
    white-space: normal;
}

.rolls-entry-table td {
    vertical-align: middle;
}

.rolls-entry-table th:nth-child(1),
.rolls-entry-table td:nth-child(1) {
    width: 4%;
    min-width: 52px;
}

.rolls-entry-table th:nth-child(2),
.rolls-entry-table td:nth-child(2),
.rolls-entry-table th:nth-child(3),
.rolls-entry-table td:nth-child(3) {
    width: 16%;
}

.rolls-entry-table th:nth-child(4),
.rolls-entry-table td:nth-child(4),
.rolls-entry-table th:nth-child(5),
.rolls-entry-table td:nth-child(5) {
    width: 14%;
}

.rolls-entry-table th:nth-child(6),
.rolls-entry-table td:nth-child(6) {
    width: 7%;
    min-width: 86px;
    text-align: center;
}

.rolls-entry-table th:nth-child(7),
.rolls-entry-table td:nth-child(7) {
    width: 8%;
    min-width: 100px;
}

.rolls-entry-table th:nth-child(8),
.rolls-entry-table td:nth-child(8),
.rolls-entry-table th:nth-child(9),
.rolls-entry-table td:nth-child(9) {
    width: 7.5%;
    min-width: 92px;
    text-align: center;
}

.rolls-entry-table .form-control,
.rolls-entry-table .form-select {
    min-width: 0;
}

.suppliers-data-table__address {
    line-height: 1.55;
}

.entity-table-actions-inline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.entity-table-actions-cell {
    text-align: center;
}

.entity-table-actions-inline form {
    margin: 0;
}

.entity-table-action-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid transparent;
    box-shadow: none;
    transition: transform 0.18s ease, filter 0.18s ease, border-color 0.18s ease;
}

.entity-table-action-chip svg {
    width: 0.95rem;
    height: 0.95rem;
}

.entity-table-action-chip i {
    font-size: 0.86rem;
    line-height: 1;
}

.entity-table-action-chip:hover,
.entity-table-action-chip:focus {
    transform: translateY(-1px);
    filter: brightness(0.98);
}

.entity-table-action-chip--rose {
    background: linear-gradient(180deg, #f9d7e7 0%, #f3bfd8 100%);
    border-color: #ebb0cb;
    color: #9d3b6e !important;
    --entity-action-color: #9d3b6e;
}

.entity-table-action-chip--orange {
    background: linear-gradient(180deg, #ffe4cf 0%, #ffd4b1 100%);
    border-color: #f4c493;
    color: #b8611f !important;
    --entity-action-color: #b8611f;
}

.entity-table-action-chip--blue {
    background: linear-gradient(180deg, #d9eef8 0%, #c4e2f0 100%);
    border-color: #afcfde;
    color: #1f6f95 !important;
    --entity-action-color: #1f6f95;
}

.entity-table-action-chip--cyan {
    background: linear-gradient(180deg, #d8f1f5 0%, #bee7ee 100%);
    border-color: #a9d8e1;
    color: #16738a !important;
    --entity-action-color: #16738a;
}

.entity-table-action-chip--neutral {
    background: linear-gradient(180deg, #eef2f7 0%, #dfe6ee 100%);
    border-color: #cbd6e2;
    color: #4b5563 !important;
    --entity-action-color: #4b5563;
}

.entity-table-action-chip--brand {
    background: linear-gradient(180deg, #223651 0%, #192a3d 100%);
    border-color: #192a3d;
    color: #fff !important;
    --entity-action-color: #192a3d;
}

.entity-table-action-chip--amber {
    background: linear-gradient(180deg, #fff1cc 0%, #fee3a7 100%);
    border-color: #efd28f;
    color: #9a6700 !important;
    --entity-action-color: #9a6700;
}

.entity-table-action-chip--green {
    background: linear-gradient(180deg, #e0f5e9 0%, #caebd7 100%);
    border-color: #b3d9c1;
    color: #166534 !important;
    --entity-action-color: #166534;
}

.entity-table-action-chip--danger {
    background: linear-gradient(180deg, #ffd8d8 0%, #ffc4c4 100%);
    border-color: #f1a6a6;
    color: #c24141 !important;
    --entity-action-color: #c24141;
}

.entity-table-action-chip--dark-circle {
    background: #1b2f4a;
    border-color: #1b2f4a;
    color: #fff !important;
    box-shadow: 0 10px 18px rgba(27, 47, 74, 0.18);
}

.entity-table-action-chip--dark-circle:hover,
.entity-table-action-chip--dark-circle:focus {
    background: #254163;
    border-color: #254163;
    color: #fff !important;
    filter: none;
}

.entity-table-action-chip.entity-table-action-chip--swap-hover {
    background: var(--entity-action-color, #4b5563);
    border-color: var(--entity-action-color, #4b5563);
    color: #fff !important;
}

.entity-table-action-chip.entity-table-action-chip--swap-hover:hover,
.entity-table-action-chip.entity-table-action-chip--swap-hover:focus {
    background: transparent;
    color: var(--entity-action-color, #4b5563) !important;
    border-color: var(--entity-action-color, #4b5563);
    filter: none;
}

body.dark-theme .entity-table-action-chip {
    border-color: transparent;
}

body.dark-theme .entity-table-action-chip.entity-table-action-chip--swap-hover {
    background: var(--entity-action-color, #e2e8f0);
    border-color: var(--entity-action-color, #e2e8f0);
    color: #0f172a !important;
}

body.dark-theme .entity-table-action-chip.entity-table-action-chip--swap-hover:hover,
body.dark-theme .entity-table-action-chip.entity-table-action-chip--swap-hover:focus {
    background: transparent;
    color: var(--entity-action-color, #e2e8f0) !important;
    border-color: var(--entity-action-color, #e2e8f0);
}

body.dark-theme .entity-table-action-chip--rose {
    background: #6a2849;
    color: #ffd5e7 !important;
}

body.dark-theme .entity-table-action-chip--orange {
    background: #74401d;
    color: #ffe3c7 !important;
}

body.dark-theme .entity-table-action-chip--blue {
    background: #1f4c64;
    color: #d6effa !important;
}

body.dark-theme .entity-table-action-chip--cyan {
    background: #175164;
    color: #d5f1f6 !important;
}

body.dark-theme .entity-table-action-chip--neutral {
    background: #334155;
    color: #e2e8f0 !important;
}

body.dark-theme .entity-table-action-chip--brand {
    background: #192a3d;
    color: #f8fafc !important;
}

body.dark-theme .entity-table-action-chip--amber {
    background: #6b4c1f;
    color: #fde68a !important;
}

body.dark-theme .entity-table-action-chip--green {
    background: #25543c;
    color: #bbf7d0 !important;
}

body.dark-theme .entity-table-action-chip--danger {
    background: #6e2f2f;
    color: #fecaca !important;
}

body.dark-theme .entity-table-toolbar__search-label {
    color: #f8fafc;
}

body.dark-theme .entity-table-toolbar__field-label {
    color: #f8fafc;
}

@media (max-width: 767.98px) {
    .entity-table-toolbar {
        align-items: stretch;
    }

    .entity-table-toolbar__filters,
    .entity-table-toolbar__field,
    .entity-table-toolbar__search {
        width: 100%;
    }

    .entity-table-toolbar__field {
        justify-content: space-between;
    }

    .entity-table-toolbar__search {
        margin-left: 0;
        justify-content: space-between;
    }

    .entity-table-toolbar__search-input,
    .entity-table-toolbar__select {
        width: 100%;
        max-width: none;
    }

    .app-form-actions,
    .app-form-actions--between {
        justify-content: stretch;
        flex-direction: column;
        align-items: stretch;
    }

    .app-form-actions .btn {
        width: 100%;
        min-width: 0;
    }
}

/* ── Shipping module form fixes ──────────────────────────────────────────── */

.shipping-module .form-label {
    color: #111827 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    letter-spacing: normal !important;
}

.shipping-module .form-check-label {
    color: #111827 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

.shipping-module .form-control,
.shipping-module .form-select,
.shipping-module input:not([type="checkbox"]):not([type="radio"]),
.shipping-module select,
.shipping-module textarea {
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
    background-color: #ffffff !important;
}

.shipping-module .form-control::placeholder,
.shipping-module input:not([type="checkbox"]):not([type="radio"])::placeholder,
.shipping-module textarea::placeholder {
    color: #9ca3af !important;
    opacity: 1;
}

.shipping-module .form-control-sm,
.shipping-module .form-select-sm {
    color: #111827 !important;
    border-color: #e5e7eb !important;
}

.shipping-module .form-control[disabled],
.shipping-module .form-control[readonly],
.shipping-module .form-select[disabled],
.shipping-module input[disabled],
.shipping-module select[disabled],
.shipping-module textarea[readonly] {
    opacity: 1 !important;
    color: #4b5563 !important;
    background-color: #f9fafb !important;
    border-color: #e5e7eb !important;
}

.shipping-module .app-management-form__section {
    padding: 1rem 1.1rem !important;
    border-color: #e5e7eb !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.shipping-module .app-management-form__title {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 0.2rem !important;
}

.shipping-module .app-management-form__section-header {
    margin-bottom: 0.75rem !important;
}

.shipping-module .shipping-master-form .app-management-form__section {
    margin-bottom: 0.9rem !important;
}

.shipping-module .shipping-master-form .form-label {
    display: inline-flex !important;
    align-items: baseline;
    gap: 0.25rem;
    line-height: 1.25;
    margin-bottom: 0.45rem;
}

.shipping-module .shipping-master-form label.form-label .text-danger {
    display: inline !important;
    margin-left: 0.15rem;
    margin-top: 0 !important;
    vertical-align: baseline;
}

.shipping-module .shipping-master-form .card-body,
.shipping-module .custom-card .card-body:has(.shipping-master-form) {
    padding: 1rem 1.15rem !important;
}

.shipping-module .shipping-field-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    align-items: end;
}

.shipping-module .shipping-field-grid--row + .shipping-field-grid--row {
    margin-top: 0.85rem;
}

.shipping-module .shipping-field-grid > * {
    min-width: 0;
}

.shipping-module .shipping-span-1 { grid-column: span 1; }
.shipping-module .shipping-span-2 { grid-column: span 2; }
.shipping-module .shipping-span-3 { grid-column: span 3; }
.shipping-module .shipping-span-4 { grid-column: span 4; }
.shipping-module .shipping-span-5 { grid-column: span 5; }
.shipping-module .shipping-span-6 { grid-column: span 6; }
.shipping-module .shipping-span-7 { grid-column: span 7; }
.shipping-module .shipping-span-8 { grid-column: span 8; }
.shipping-module .shipping-span-9 { grid-column: span 9; }
.shipping-module .shipping-span-10 { grid-column: span 10; }
.shipping-module .shipping-span-12 { grid-column: span 12; }

.shipping-module .shipping-check-field {
    min-height: 38px;
    display: flex;
    align-items: center;
    padding-bottom: 0.1rem;
}

.shipping-module .shipping-check-field .form-check {
    min-height: 0;
    margin: 0;
}

.shipping-module .shipping-check-field .form-check-input {
    margin-top: 0.15rem;
}

.shipping-module .shipping-form-actions {
    margin-top: 0.15rem;
}

.shipping-module .shipping-related-table {
    margin-top: 0.7rem !important;
}

@media (max-width: 1399.98px) {
    .shipping-module .shipping-field-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .shipping-module .shipping-span-1,
    .shipping-module .shipping-span-2 {
        grid-column: span 2;
    }

    .shipping-module .shipping-span-3,
    .shipping-module .shipping-span-4,
    .shipping-module .shipping-span-5,
    .shipping-module .shipping-span-6,
    .shipping-module .shipping-span-7,
    .shipping-module .shipping-span-8,
    .shipping-module .shipping-span-9,
    .shipping-module .shipping-span-10 {
        grid-column: span 4;
    }

    .shipping-module .shipping-span-12 {
        grid-column: span 8;
    }
}

@media (max-width: 767.98px) {
    .shipping-module .shipping-field-grid {
        grid-template-columns: 1fr;
    }

    .shipping-module .shipping-field-grid > * {
        grid-column: 1 / -1 !important;
    }
}

/* Dark-theme adjustments for shipping module */
body.dark-theme .shipping-module .form-label,
body.dark-theme .shipping-module .form-check-label {
    color: #e2e8f0 !important;
}

body.dark-theme .shipping-module .form-control,
body.dark-theme .shipping-module .form-select,
body.dark-theme .shipping-module input:not([type="checkbox"]):not([type="radio"]),
body.dark-theme .shipping-module select,
body.dark-theme .shipping-module textarea {
    color: #f1f5f9 !important;
    border-color: #334155 !important;
    background-color: #1e293b !important;
}

body.dark-theme .shipping-module .form-control[disabled],
body.dark-theme .shipping-module .form-control[readonly],
body.dark-theme .shipping-module .form-select[disabled],
body.dark-theme .shipping-module input[disabled],
body.dark-theme .shipping-module select[disabled] {
    color: #94a3b8 !important;
    background-color: #0f172a !important;
    border-color: #1e293b !important;
}

body.dark-theme .shipping-module .app-management-form__section {
    border-color: #334155 !important;
    background: #182235 !important;
}

.shipping-module .shipping-list-page .custom-card {
    border-radius: 8px;
}

.shipping-module .shipping-dashboard-page .custom-card {
    border-radius: 8px;
}

.shipping-module .shipping-dashboard-hero {
    display: flex;
    justify-content: space-between;
    gap: 1rem 1.5rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.shipping-module .shipping-dashboard-eyebrow {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.35rem;
}

.shipping-module .shipping-dashboard-title {
    margin: 0 0 0.45rem;
    font-size: 1.15rem;
}

.shipping-module .shipping-dashboard-copy {
    max-width: 760px;
    color: #64748b;
}

.shipping-module .shipping-dashboard-quicklinks {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.shipping-module .shipping-ops-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.shipping-module .shipping-ops-stat {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.9rem 1rem;
    background: #fafcfe;
    min-width: 0;
}

.shipping-module .shipping-ops-stat__label,
.shipping-module .shipping-ops-stat__meta {
    display: block;
}

.shipping-module .shipping-ops-stat__label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748b;
}

.shipping-module .shipping-ops-stat__value {
    display: block;
    margin-top: 0.35rem;
    font-size: 1.7rem;
    line-height: 1.1;
    color: #0f172a;
}

.shipping-module .shipping-ops-stat__meta {
    margin-top: 0.25rem;
    font-size: 12px;
    color: #64748b;
}

.shipping-module .shipping-pipeline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: stretch;
}

.shipping-module .shipping-pipeline__step {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.8rem 0.9rem;
    background: #fff;
    min-width: 0;
}

.shipping-module .shipping-pipeline__name,
.shipping-module .shipping-pipeline__desc {
    display: block;
}

.shipping-module .shipping-pipeline__name {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #334155;
    margin-bottom: 0.35rem;
}

.shipping-module .shipping-pipeline__desc {
    color: #64748b;
    font-size: 13px;
    line-height: 1.35;
}

.shipping-module .shipping-pipeline__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 1.25rem;
}

.shipping-module .shipping-workflow-board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.shipping-module .shipping-workflow-lane {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
    min-width: 0;
}

.shipping-module .shipping-workflow-lane__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

.shipping-module .shipping-workflow-lane__title {
    margin: 0;
    font-size: 1rem;
}

.shipping-module .shipping-workflow-lane__subtitle,
.shipping-module .shipping-workflow-lane__queue-title,
.shipping-module .shipping-dashboard-note {
    color: #64748b;
    font-size: 12px;
}

.shipping-module .shipping-workflow-lane__subtitle {
    display: block;
    margin-top: 0.15rem;
}

.shipping-module .shipping-workflow-lane__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    margin-bottom: 0.9rem;
}

.shipping-module .shipping-workflow-lane__summary > div {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #f8fafc;
    padding: 0.55rem 0.45rem;
    text-align: center;
}

.shipping-module .shipping-workflow-lane__summary span,
.shipping-module .shipping-workflow-lane__summary strong {
    display: block;
}

.shipping-module .shipping-workflow-lane__summary span {
    font-size: 11px;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 700;
}

.shipping-module .shipping-workflow-lane__summary strong {
    margin-top: 0.2rem;
    font-size: 1.1rem;
    color: #0f172a;
}

.shipping-module .shipping-workflow-lane__queue {
    display: grid;
    gap: 0.6rem;
}

.shipping-module .shipping-workflow-item {
    display: block;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.75rem 0.8rem;
    color: inherit;
    text-decoration: none;
    background: #fff;
}

.shipping-module .shipping-workflow-item:hover {
    border-color: #cbd5e1;
    background: #f8fafc;
}

.shipping-module .shipping-workflow-item__top,
.shipping-module .shipping-workflow-item__meta {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.shipping-module .shipping-workflow-item__top {
    margin-bottom: 0.25rem;
}

.shipping-module .shipping-workflow-item__top span,
.shipping-module .shipping-workflow-item__meta {
    font-size: 12px;
    color: #64748b;
}

.shipping-module .shipping-workflow-item__body {
    font-size: 13px;
    color: #334155;
    line-height: 1.35;
    margin-bottom: 0.35rem;
}

.shipping-module .shipping-workflow-empty {
    border: 1px dashed #cbd5e1;
    border-radius: 6px;
    padding: 0.85rem;
    text-align: center;
    color: #64748b;
    background: #fafafa;
    font-size: 13px;
}

.shipping-module .shipping-dashboard-table {
    min-width: 0;
}

.shipping-module .shipping-dashboard-table th,
.shipping-module .shipping-dashboard-table td {
    white-space: normal;
}

.shipping-module .shipping-approval-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.shipping-module .btn:not(.btn-close):not(.js-remove-line) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border-radius: 6px;
    font-weight: 600;
    line-height: 1.15;
    white-space: nowrap;
}

.shipping-module .btn-sm:not(.btn-close):not(.js-remove-line) {
    min-height: 34px;
    padding: 0.42rem 0.85rem;
    font-size: 13px;
}

.shipping-module .breadcrumb-header .btn:not(.btn-close):not(.js-remove-line),
.shipping-module .shipping-form-actions .btn:not(.btn-close):not(.js-remove-line),
.shipping-module .modal-footer .btn:not(.btn-close):not(.js-remove-line),
.shipping-module #receivingForm .btn:not(.btn-sm):not(.btn-close):not(.js-remove-line),
.shipping-module #packingListForm .btn:not(.btn-sm):not(.btn-close):not(.js-remove-line),
.shipping-module #stockMovementForm .btn:not(.btn-sm):not(.btn-close):not(.js-remove-line) {
    min-height: 38px;
    padding: 0.5rem 1rem;
    font-size: 13px;
}

.shipping-module .breadcrumb-header .btn:not(.btn-close):not(.js-remove-line) {
    min-width: 136px;
}

.shipping-module .shipping-list-page .card-header .btn:not(.btn-close):not(.js-remove-line) {
    min-width: 136px;
}

.shipping-module .entity-table-toolbar .btn:not(.btn-close):not(.js-remove-line) {
    width: 82px;
    min-width: 82px;
    height: 34px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.shipping-module .entity-table-toolbar .entity-table-toolbar__select,
.shipping-module .entity-table-toolbar .entity-table-toolbar__search-input {
    height: 34px;
}

.shipping-module .shipping-list-actions .btn:not(.btn-close):not(.js-remove-line) {
    width: 84px;
    min-width: 84px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.shipping-module .main-header .main-header-right,
.shipping-module .main-header .main-header-right > .nav,
.shipping-module .main-header .navbar-nav-right {
    align-items: center;
    flex-wrap: nowrap;
}

.shipping-module .main-header .main-header-right > .nav.nav-item.nav-link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    min-width: 38px;
    height: 64px;
    padding: 0;
}

.shipping-module .main-header form[role=search],
.shipping-module .main-header form[role=search] .input-group {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.shipping-module .main-header form[role=search].active,
.shipping-module .main-header form[role=search].active .input-group {
    width: 100%;
    height: 64px;
}

.shipping-module .main-header .input-group-btn {
    display: inline-flex;
    align-items: center;
}

.shipping-module .main-header form[role=search]:not(.active) .form-control,
.shipping-module .main-header form[role=search]:not(.active) .input-group-btn button[type=reset] {
    display: none !important;
}

.shipping-module .main-header form[role=search]:not(.active) .input-group-btn {
    width: 38px;
    min-width: 38px;
    justify-content: center;
}

.shipping-module .main-header .input-group-btn .btn:not(.btn-close):not(.js-remove-line) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50px;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1;
}

.shipping-module .main-header form[role=search].active .input-group-btn .btn:not(.btn-close):not(.js-remove-line) {
    background: #ffffff !important;
}

.shipping-module #addLineBtn,
.shipping-module #addInlineSizeBtn,
.shipping-module #openDestinationModalBtn {
    min-width: 104px;
}

.shipping-module .js-remove-line,
.shipping-module .js-remove-inline-size {
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.shipping-module .shipping-list-table-wrap {
    overflow-x: auto;
}

.shipping-module .shipping-list-table {
    min-width: 1220px;
    width: 100%;
    table-layout: auto;
}

.shipping-module .shipping-list-table th,
.shipping-module .shipping-list-table td {
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
}

.shipping-module .shipping-list-table td:first-child,
.shipping-module .shipping-list-table th:first-child {
    text-align: left;
}

.shipping-module .shipping-list-table .shipping-list-actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    flex-wrap: nowrap;
}

.shipping-module .shipping-list-table .btn {
    min-width: 84px;
}

.shipping-module .shipping-list-table-empty {
    padding: 1.25rem 0;
}

.shipping-module .shipping-destinations-table-wrap {
    max-width: 100%;
    overflow-x: hidden;
}

.shipping-module .shipping-destinations-table {
    width: 100%;
    table-layout: fixed;
}

.shipping-module .shipping-destinations-table th,
.shipping-module .shipping-destinations-table td {
    white-space: normal;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.shipping-module .shipping-destinations-table th:nth-child(1),
.shipping-module .shipping-destinations-table td:nth-child(1) {
    width: 12%;
}

.shipping-module .shipping-destinations-table th:nth-child(2),
.shipping-module .shipping-destinations-table td:nth-child(2) {
    width: 15%;
}

.shipping-module .shipping-destinations-table th:nth-child(3),
.shipping-module .shipping-destinations-table td:nth-child(3) {
    width: 13%;
}

.shipping-module .shipping-destinations-table th:nth-child(4),
.shipping-module .shipping-destinations-table td:nth-child(4) {
    width: 13%;
}

.shipping-module .shipping-destinations-table th:nth-child(5),
.shipping-module .shipping-destinations-table td:nth-child(5) {
    width: 16%;
}

.shipping-module .shipping-destinations-table th:nth-child(6),
.shipping-module .shipping-destinations-table td:nth-child(6) {
    width: 15%;
}

.shipping-module .shipping-destinations-table th:nth-child(7),
.shipping-module .shipping-destinations-table td:nth-child(7) {
    width: 8%;
}

.shipping-module .shipping-destinations-table th:nth-child(8),
.shipping-module .shipping-destinations-table td:nth-child(8) {
    width: 8%;
}

.shipping-module .shipping-destination-actions {
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.shipping-module .shipping-destination-actions .btn {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 0.25rem 0.5rem;
    border-radius: 0.2rem;
    box-shadow: none;
}

.shipping-module .shipping-destination-actions .btn i {
    margin: 0;
}

.shipping-module .shipping-boxes-table-wrap {
    max-width: 100%;
    overflow-x: hidden;
}

.shipping-module .shipping-boxes-table {
    width: 100%;
    table-layout: fixed;
}

.shipping-module .shipping-boxes-table th,
.shipping-module .shipping-boxes-table td {
    white-space: normal;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.shipping-module .shipping-boxes-table th:nth-child(1),
.shipping-module .shipping-boxes-table td:nth-child(1) {
    width: 10%;
}

.shipping-module .shipping-boxes-table th:nth-child(2),
.shipping-module .shipping-boxes-table td:nth-child(2) {
    width: 12%;
}

.shipping-module .shipping-boxes-table th:nth-child(3),
.shipping-module .shipping-boxes-table td:nth-child(3) {
    width: 15%;
}

.shipping-module .shipping-boxes-table th:nth-child(4),
.shipping-module .shipping-boxes-table td:nth-child(4) {
    width: 14%;
}

.shipping-module .shipping-boxes-table th:nth-child(5),
.shipping-module .shipping-boxes-table td:nth-child(5),
.shipping-module .shipping-boxes-table th:nth-child(6),
.shipping-module .shipping-boxes-table td:nth-child(6),
.shipping-module .shipping-boxes-table th:nth-child(7),
.shipping-module .shipping-boxes-table td:nth-child(7),
.shipping-module .shipping-boxes-table th:nth-child(8),
.shipping-module .shipping-boxes-table td:nth-child(8),
.shipping-module .shipping-boxes-table th:nth-child(9),
.shipping-module .shipping-boxes-table td:nth-child(9) {
    width: 7%;
}

.shipping-module .shipping-boxes-table th:nth-child(10),
.shipping-module .shipping-boxes-table td:nth-child(10) {
    width: 14%;
}

.shipping-module .shipping-boxes-table td:last-child > .d-flex {
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    white-space: nowrap;
}

.shipping-module .shipping-boxes-table td:last-child .btn {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 0.25rem 0.5rem;
    border-radius: 0.2rem;
    box-shadow: none;
}

.shipping-module .shipping-boxes-table td:last-child .btn i {
    margin: 0;
}

.shipping-module .shipping-next-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0.25rem 0.55rem;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.shipping-module .shipping-next-action--draft {
    border-color: #fcd34d;
    background: #fef3c7;
    color: #92400e;
}

.shipping-module .shipping-next-action--posted {
    border-color: #7dd3fc;
    background: #e0f2fe;
    color: #0c4a6e;
}

.shipping-module .shipping-next-action--approved {
    border-color: #86efac;
    background: #dcfce7;
    color: #166534;
}

.shipping-module .shipping-next-action--closed {
    border-color: #d1d5db;
    background: #f3f4f6;
    color: #4b5563;
}

.shipping-module .shipping-scale-size-page .custom-card {
    border-radius: 8px;
}

.shipping-module .shipping-scale-size-page .card-header {
    min-height: 46px;
    display: flex;
    align-items: center;
}

.shipping-module .shipping-scale-size-page .app-management-form__section {
    border-radius: 8px;
}

.shipping-module .shipping-scale-size-page .shipping-section-note {
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 400;
    text-transform: none;
}

.shipping-module .shipping-inline-size-table {
    min-width: 860px;
    table-layout: auto;
}

.shipping-module .shipping-inline-size-table th,
.shipping-module .shipping-inline-size-table td {
    vertical-align: middle;
    text-align: center;
}

.shipping-module .shipping-inline-size-table td:nth-child(2),
.shipping-module .shipping-inline-size-table td:nth-child(3),
.shipping-module .shipping-inline-size-table td:nth-child(4) {
    text-align: left;
}

.shipping-module .shipping-inline-size-table .form-control {
    min-height: 34px;
}

.shipping-module .shipping-scale-size-page .shipping-form-actions {
    padding-top: 0.25rem;
}

.shipping-module .shipping-size-table {
    min-width: 1120px;
}

.shipping-module .shipping-scale-table-wrap {
    max-width: 100%;
    overflow-x: hidden;
}

.shipping-module .shipping-scale-table {
    width: 100%;
    table-layout: fixed;
}

.shipping-module .shipping-scale-table th,
.shipping-module .shipping-scale-table td {
    white-space: normal;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.shipping-module .shipping-scale-table th:nth-child(1),
.shipping-module .shipping-scale-table td:nth-child(1) {
    width: 12%;
}

.shipping-module .shipping-scale-table th:nth-child(2),
.shipping-module .shipping-scale-table td:nth-child(2),
.shipping-module .shipping-scale-table th:nth-child(3),
.shipping-module .shipping-scale-table td:nth-child(3) {
    width: 22%;
}

.shipping-module .shipping-scale-table th:nth-child(4),
.shipping-module .shipping-scale-table td:nth-child(4) {
    width: 13%;
}

.shipping-module .shipping-scale-table th:nth-child(5),
.shipping-module .shipping-scale-table td:nth-child(5) {
    width: 8%;
}

.shipping-module .shipping-scale-table th:nth-child(6),
.shipping-module .shipping-scale-table td:nth-child(6) {
    width: 23%;
}

.shipping-module .shipping-scale-table td:last-child > .d-flex {
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    white-space: nowrap;
}

.shipping-module .shipping-scale-table td:last-child .btn {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 0.25rem 0.5rem;
    border-radius: 0.2rem;
    box-shadow: none;
}

.shipping-module .shipping-scale-table td:last-child .btn i {
    margin: 0;
}

.shipping-editor-modal .shipping-editor-modal__dialog {
    width: min(1520px, calc(100vw - 2rem));
    max-width: min(1520px, calc(100vw - 2rem));
    margin: clamp(0.75rem, 2vh, 1.75rem) auto;
}

.shipping-editor-modal .modal-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100dvh - clamp(1.5rem, 4vh, 3.5rem));
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.16);
}

.shipping-editor-modal .modal-header,
.shipping-editor-modal .modal-footer {
    flex: 0 0 auto;
}

.shipping-editor-modal .modal-header {
    padding: 0.95rem 1.15rem;
    border-bottom: 1px solid #e5e7eb;
    background: #fcfcfd;
}

.shipping-editor-modal .modal-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
}

.shipping-editor-modal .modal-body {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: clamp(0.9rem, 1.4vw, 1.25rem);
    background: #f8fafc;
    -webkit-overflow-scrolling: touch;
}

.shipping-editor-modal .modal-footer {
    padding: 0.9rem 1.15rem;
    border-top: 1px solid #e5e7eb;
    background: #fcfcfd;
    justify-content: flex-end;
    gap: 0.65rem;
}

.shipping-editor-modal .modal-footer .btn {
    min-width: 132px;
}

.shipping-editor-modal .modal-footer .btn-primary {
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18);
}

.shipping-editor-modal .shipping-master-form {
    width: 100%;
    min-width: 0;
}

.shipping-editor-modal .shipping-master-form .app-management-form__section,
.shipping-editor-modal .shipping-master-form .shipping-field-grid,
.shipping-editor-modal .shipping-master-form .shipping-field-grid > * {
    min-width: 0;
}

.shipping-editor-modal .shipping-master-form .app-management-form__section {
    margin-bottom: 0.95rem !important;
    border-radius: 8px;
    padding: 0.95rem 1rem !important;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.shipping-editor-modal .shipping-master-form .app-management-form__section:last-child {
    margin-bottom: 0 !important;
}

.shipping-editor-modal .shipping-master-form .app-management-form__title {
    font-size: 0.92rem !important;
}

.shipping-editor-modal .shipping-master-form .text-danger {
    display: block;
    margin-top: 0.3rem;
    font-size: 12px;
    line-height: 1.25;
}

.shipping-editor-modal .shipping-master-form .form-control::placeholder {
    color: #94a3b8;
}

.shipping-editor-modal .shipping-field-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: 0.8rem 0.95rem;
}

.shipping-editor-modal .shipping-field-grid > * {
    min-width: 0;
    align-self: start;
}

.shipping-editor-modal .form-control,
.shipping-editor-modal .form-select {
    min-height: 38px;
    min-width: 0;
    width: 100%;
}

.shipping-editor-modal .form-label,
.shipping-editor-modal .text-danger {
    overflow-wrap: anywhere;
}

.shipping-editor-modal .shipping-related-table {
    margin-top: 0.5rem !important;
}

.shipping-editor-modal .shipping-inline-size-table {
    min-width: 760px;
}

@media (min-width: 1600px) {
    .shipping-editor-modal .shipping-editor-modal__dialog {
        width: min(1640px, calc(100vw - 3rem));
        max-width: min(1640px, calc(100vw - 3rem));
    }
}

@media (max-width: 991.98px) {
    .shipping-editor-modal .shipping-editor-modal__dialog {
        width: calc(100vw - 1rem);
        max-width: calc(100vw - 1rem);
        margin: 0.5rem auto;
    }

    .shipping-editor-modal .modal-content {
        max-height: calc(100dvh - 1rem);
    }

    .shipping-editor-modal .shipping-span-2,
    .shipping-editor-modal .shipping-span-3,
    .shipping-editor-modal .shipping-span-4,
    .shipping-editor-modal .shipping-span-5,
    .shipping-editor-modal .shipping-span-6,
    .shipping-editor-modal .shipping-span-7,
    .shipping-editor-modal .shipping-span-8,
    .shipping-editor-modal .shipping-span-9,
    .shipping-editor-modal .shipping-span-10 {
        grid-column: span 6;
    }

    .shipping-editor-modal .shipping-span-12 {
        grid-column: span 12;
    }
}

@media (max-width: 575.98px) {
    .shipping-editor-modal .shipping-editor-modal__dialog {
        width: calc(100vw - 0.5rem);
        max-width: calc(100vw - 0.5rem);
        margin: 0.25rem auto;
    }

    .shipping-editor-modal .modal-header,
    .shipping-editor-modal .modal-footer {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .shipping-editor-modal .modal-body {
        padding: 0.85rem;
    }

    .shipping-editor-modal .app-management-form__section {
        padding: 0.85rem !important;
    }

    .shipping-editor-modal .app-management-form__section-header {
        margin-bottom: 0.6rem !important;
    }

    .shipping-editor-modal .shipping-field-grid {
        gap: 0.7rem;
    }

    .shipping-editor-modal .shipping-span-1,
    .shipping-editor-modal .shipping-span-2,
    .shipping-editor-modal .shipping-span-3,
    .shipping-editor-modal .shipping-span-4,
    .shipping-editor-modal .shipping-span-5,
    .shipping-editor-modal .shipping-span-6,
    .shipping-editor-modal .shipping-span-7,
    .shipping-editor-modal .shipping-span-8,
    .shipping-editor-modal .shipping-span-9,
    .shipping-editor-modal .shipping-span-10,
    .shipping-editor-modal .shipping-span-12 {
        grid-column: 1 / -1;
    }

    .shipping-editor-modal .modal-footer {
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .shipping-editor-modal .modal-footer .btn {
        flex: 1 1 auto;
        min-width: 0;
    }
}

.shipping-module .shipping-receiving-detail-form > .custom-card {
    border-radius: 8px;
}

.shipping-module .shipping-receiving-detail-form .card-body {
    padding: 1rem 1.15rem !important;
}

.shipping-module .shipping-document-detail-form > .shipping-detail-stack {
    display: grid;
    gap: 1rem;
}

.shipping-module .shipping-document-detail-form .card-body {
    padding: 1rem 1.15rem !important;
}

.shipping-module .shipping-document-detail-form .form-label {
    display: inline-flex !important;
    align-items: baseline;
    gap: 0.25rem;
    line-height: 1.25;
    margin-bottom: 0.45rem;
}

.shipping-module .shipping-document-detail-form label.form-label .text-danger,
.shipping-module .shipping-document-detail-form th .text-danger {
    display: inline !important;
    margin-left: 0.15rem;
    vertical-align: baseline;
}

.shipping-module .shipping-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.shipping-module .shipping-detail-actions--end {
    justify-content: flex-end;
}

.shipping-module .shipping-detail-actions .btn {
    min-width: 150px;
}

.shipping-module .shipping-five-field-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem 1.25rem;
    align-items: end;
}

.shipping-module .shipping-compact-row {
    --bs-gutter-y: 0.65rem;
}

.shipping-module .shipping-document-detail-form .text-danger.small {
    display: block;
    margin-top: 0.25rem;
    line-height: 1.2;
}

.shipping-module .shipping-five-field-grid > * {
    min-width: 0;
}

@media (max-width: 1199.98px) {
    .shipping-module .shipping-ops-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .shipping-module .shipping-workflow-board {
        grid-template-columns: 1fr;
    }

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

    .shipping-module .shipping-five-field-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .shipping-module .shipping-pipeline {
        grid-template-columns: 1fr;
    }

    .shipping-module .shipping-pipeline__arrow {
        display: none;
    }

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

    .shipping-module .shipping-approval-grid {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 575.98px) {
    .shipping-module .shipping-dashboard-hero {
        flex-direction: column;
    }

    .shipping-module .shipping-dashboard-quicklinks {
        justify-content: flex-start;
    }

    .shipping-module .shipping-ops-grid {
        grid-template-columns: 1fr;
    }

    .shipping-module .shipping-five-field-grid {
        grid-template-columns: 1fr;
    }

    .shipping-module .shipping-detail-actions {
        flex-direction: column;
    }

    .shipping-module .shipping-detail-actions .btn {
        width: 100%;
        min-width: 0;
    }
}

.shipping-module .shipping-receiving-detail-form .app-management-form__section {
    margin-bottom: 0.9rem !important;
}

.shipping-module .shipping-receiving-detail-form .form-label {
    display: inline-flex !important;
    align-items: baseline;
    gap: 0.25rem;
    line-height: 1.25;
    margin-bottom: 0.45rem;
}

.shipping-module .shipping-receiving-detail-form label.form-label .text-danger,
.shipping-module .shipping-receiving-detail-form th .text-danger {
    display: inline !important;
    margin-left: 0.15rem;
    vertical-align: baseline;
}

.shipping-module .shipping-receiving-detail-form .row.g-3 > [class*="col-"] {
    min-width: 0;
}

.shipping-module .shipping-receiving-detail-form .form-control,
.shipping-module .shipping-receiving-detail-form .form-select,
.shipping-module .shipping-receiving-detail-form .select2-container--default .select2-selection--single {
    border-color: #17263a !important;
}

.shipping-module .shipping-receiving-detail-form .form-control:focus,
.shipping-module .shipping-receiving-detail-form .form-select:focus,
.shipping-module .shipping-receiving-detail-form .select2-container--default.select2-container--focus .select2-selection--single,
.shipping-module .shipping-receiving-detail-form .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #17263a !important;
    box-shadow: 0 0 0 0.15rem rgba(23, 38, 58, 0.16);
}

.shipping-module .shipping-receiving-table-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
}

.shipping-module .shipping-receiving-lines-table {
    min-width: 0;
    width: 100%;
    table-layout: fixed;
}

.shipping-module .shipping-receiving-lines-table th,
.shipping-module .shipping-receiving-lines-table td {
    vertical-align: middle;
    padding: 0.65rem 0.45rem;
    overflow: visible;
}

.shipping-module .shipping-receiving-lines-table th:nth-child(1),
.shipping-module .shipping-receiving-lines-table td:nth-child(1) {
    width: 44px !important;
}

.shipping-module .shipping-receiving-lines-table th:nth-child(2),
.shipping-module .shipping-receiving-lines-table td:nth-child(2) {
    width: 13% !important;
    min-width: 0 !important;
}

.shipping-module .shipping-receiving-lines-table th:nth-child(3),
.shipping-module .shipping-receiving-lines-table td:nth-child(3) {
    width: 16% !important;
    min-width: 0 !important;
}

.shipping-module .shipping-receiving-lines-table th:nth-child(4),
.shipping-module .shipping-receiving-lines-table td:nth-child(4),
.shipping-module .shipping-receiving-lines-table th:nth-child(6),
.shipping-module .shipping-receiving-lines-table td:nth-child(6),
.shipping-module .shipping-receiving-lines-table th:nth-child(8),
.shipping-module .shipping-receiving-lines-table td:nth-child(8) {
    width: 11% !important;
    min-width: 0 !important;
}

.shipping-module .shipping-receiving-lines-table th:nth-child(5),
.shipping-module .shipping-receiving-lines-table td:nth-child(5),
.shipping-module .shipping-receiving-lines-table th:nth-child(7),
.shipping-module .shipping-receiving-lines-table td:nth-child(7) {
    width: 15% !important;
    min-width: 0 !important;
}

.shipping-module .shipping-receiving-lines-table th:nth-child(9),
.shipping-module .shipping-receiving-lines-table td:nth-child(9) {
    width: 80px !important;
    min-width: 0 !important;
}

.shipping-module .shipping-receiving-lines-table th:nth-child(10),
.shipping-module .shipping-receiving-lines-table td:nth-child(10) {
    width: 12% !important;
    min-width: 0 !important;
}

.shipping-module .shipping-receiving-lines-table th:nth-child(11),
.shipping-module .shipping-receiving-lines-table td:nth-child(11) {
    width: 44px !important;
}

.shipping-module .shipping-receiving-lines-table .select2-container {
    max-width: 100% !important;
}

.shipping-module .shipping-receiving-lines-table .form-control,
.shipping-module .shipping-receiving-lines-table .form-select,
.shipping-module .shipping-receiving-lines-table .select2-container--default .select2-selection--single {
    border-color: #17263a !important;
    max-width: 100%;
}

.shipping-module .shipping-receiving-lines-table th:nth-child(2),
.shipping-module .shipping-receiving-lines-table th:nth-child(3),
.shipping-module .shipping-receiving-lines-table th:nth-child(4),
.shipping-module .shipping-receiving-lines-table th:nth-child(5),
.shipping-module .shipping-receiving-lines-table th:nth-child(6),
.shipping-module .shipping-receiving-lines-table th:nth-child(7),
.shipping-module .shipping-receiving-lines-table th:nth-child(8),
.shipping-module .shipping-receiving-lines-table th:nth-child(9),
.shipping-module .shipping-receiving-lines-table td:nth-child(2),
.shipping-module .shipping-receiving-lines-table td:nth-child(3),
.shipping-module .shipping-receiving-lines-table td:nth-child(4),
.shipping-module .shipping-receiving-lines-table td:nth-child(5),
.shipping-module .shipping-receiving-lines-table td:nth-child(6),
.shipping-module .shipping-receiving-lines-table td:nth-child(7),
.shipping-module .shipping-receiving-lines-table td:nth-child(8),
.shipping-module .shipping-receiving-lines-table td:nth-child(9) {
    text-align: center;
}

.shipping-module .shipping-receiving-lines-table td:nth-child(2) .form-control,
.shipping-module .shipping-receiving-lines-table td:nth-child(3) .form-control,
.shipping-module .shipping-receiving-lines-table td:nth-child(4) .form-control,
.shipping-module .shipping-receiving-lines-table td:nth-child(5) .form-control,
.shipping-module .shipping-receiving-lines-table td:nth-child(6) .form-control,
.shipping-module .shipping-receiving-lines-table td:nth-child(7) .form-control,
.shipping-module .shipping-receiving-lines-table td:nth-child(8) .form-control,
.shipping-module .shipping-receiving-lines-table td:nth-child(9) .form-control,
.shipping-module .shipping-receiving-lines-table td:nth-child(2) .form-select,
.shipping-module .shipping-receiving-lines-table td:nth-child(3) .form-select,
.shipping-module .shipping-receiving-lines-table td:nth-child(4) .form-select,
.shipping-module .shipping-receiving-lines-table td:nth-child(5) .form-select,
.shipping-module .shipping-receiving-lines-table td:nth-child(6) .form-select,
.shipping-module .shipping-receiving-lines-table td:nth-child(7) .form-select,
.shipping-module .shipping-receiving-lines-table td:nth-child(8) .form-select,
.shipping-module .shipping-receiving-lines-table td:nth-child(9) .form-select {
    text-align: center;
    text-align-last: center;
}

.preference-report-options .preference-report-options__choice > .form-check-input {
    position: static !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    float: none !important;
}

.preference-report-options .preference-report-options__choices {
    align-content: start;
    margin-bottom: 0.35rem;
}

.preference-report-options .preference-report-options__choice {
    position: relative;
    overflow: hidden;
}

.preference-editor .preference-editor__header {
    align-items: center;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

.preference-editor .preference-editor__header-switch {
    height: 2.125rem !important;
    min-height: 2.125rem !important;
    margin: 0 !important;
    padding: 0 0.75rem !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.preference-editor .preference-editor__header-switch .form-check-input {
    position: static !important;
    display: inline-block !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
    margin-block-start: 0 !important;
    float: none !important;
}

.preference-editor .preference-editor__header-switch > .form-check-label {
    margin: 0;
}

.preference-editor .preference-editor__actions .btn {
    min-height: 2.25rem;
}

.preference-editor .preference-column-row__switch {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.125rem;
    margin: 0;
    padding: 0 0.75rem;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box;
}

.preference-editor .preference-column-row__switch .form-check-input {
    position: static !important;
    display: inline-block !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
    margin-block-start: 0 !important;
    float: none !important;
}

.preference-editor .preference-column-row__switch .form-check-label {
    margin: 0;
}

.preference-editor .preference-editor__actions {
    flex-wrap: nowrap !important;
    min-width: max-content !important;
}

@media (max-width: 767.98px) {
    .preference-editor .preference-editor__actions {
        flex-wrap: wrap;
        min-width: 0;
    }
}

.preference-report-options .preference-report-options__choices--sort {
    grid-template-columns: 1fr;
}

.preference-report-options .preference-report-options__sort-choice {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 9rem;
    gap: 0.5rem;
    align-items: center;
    min-width: 0;
}

.preference-report-options .preference-report-options__choice--sort {
    width: 100%;
}

.preference-report-options .preference-report-options__sort-direction {
    height: 2.25rem;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    font-size: 0.8125rem;
}

@media (max-width: 767.98px) {
    .preference-report-options .preference-report-options__sort-choice {
        grid-template-columns: 1fr;
    }
}

/* Outline buttons rendered as <a> lose text contrast on hover: the base theme fills
   the hover background with !important but sets the white text without !important, so
   the global anchor hover color wins (dark text on a dark fill). Force readable text
   on hover/focus/active for all outline button variants, app-wide. */
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    color: #fff !important;
}

#receivingForm .form-control,
#receivingForm .form-select,
#receivingForm input:not([type="checkbox"]):not([type="radio"]),
#receivingForm select,
#receivingForm textarea,
#receivingForm .select2-container--default .select2-selection--single,
#receivingForm .select2-container--default .select2-selection--multiple {
    border: 1px solid #17263a !important;
}

#receivingForm .form-control:focus,
#receivingForm .form-select:focus,
#receivingForm input:not([type="checkbox"]):not([type="radio"]):focus,
#receivingForm select:focus,
#receivingForm textarea:focus,
#receivingForm .select2-container--default.select2-container--focus .select2-selection--single,
#receivingForm .select2-container--default.select2-container--open .select2-selection--single,
#receivingForm .select2-container--default.select2-container--focus .select2-selection--multiple,
#receivingForm .select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: #17263a !important;
    box-shadow: 0 0 0 0.15rem rgba(23, 38, 58, 0.16) !important;
}

#receivingForm input[type="file"]::file-selector-button {
    border-color: #17263a !important;
}

.shipping-module .table-responsive > .table thead th,
.shipping-module .card .table thead th,
.shipping-module .custom-card .table thead th,
.shipping-module .table-responsive > .table tbody td,
.shipping-module .card .table tbody td,
.shipping-module .custom-card .table tbody td {
    text-align: center !important;
    vertical-align: middle;
}

.shipping-module .table-responsive > .table tbody td > .d-flex,
.shipping-module .card .table tbody td > .d-flex,
.shipping-module .custom-card .table tbody td > .d-flex,
.shipping-module .shipping-list-actions,
.shipping-module .shipping-destination-actions {
    justify-content: center;
}