.aside-dark .menu .menu-item .menu-link,
.aside-dark .menu .menu-item .menu-link .menu-title {
    color: #C5C7D4; }

.aside-dark .menu .menu-item .menu-link .menu-icon,
.aside-dark .menu .menu-item .menu-link .menu-icon i {
    color: #9A9DB0; }

.aside-dark .menu .menu-item .menu-link:hover,
.aside-dark .menu .menu-item .menu-link:hover .menu-title,
.aside-dark .menu .menu-item .menu-link:hover .menu-icon i {
    color: #FFFFFF; }

.aside-dark .menu .menu-item .menu-link.active,
.aside-dark .menu .menu-item .menu-link.active .menu-title,
.aside-dark .menu .menu-item .menu-link.active .menu-icon i {
    color: #FFFFFF; }

.aside-dark .menu .menu-item .menu-link.active {
    background-color: rgba(255, 255, 255, 0.1);
    border-left: 3px solid #009EF7;
}

.aside-dark .menu .menu-item .menu-link {
    border-left: 3px solid transparent; }

.text-muted,
.text-gray-500 {
    color: #676A75 !important; }

.text-gray-400 {
    color: #696971 !important; }

.text-gray-600 {
    color: #66697C !important; }

.form-control::placeholder,
.form-select::placeholder {
    color: #7C7F8B !important;     opacity: 1;
}

.badge-light-warning {
    color: #8A6B00; }

.badge-light-success {
    color: #327F55; }

.badge-light-danger {
    color: #CA375B; }

.badge-light-primary {
    color: #0073B4; }

.badge-light {
    color: #6B6F82; }

.badge-light,
.badge-light-primary,
.badge-light-success,
.badge-light-warning,
.badge-light-danger,
.badge-light-info,
.badge-light-dark {
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.table > thead tr,
.table > thead th {
    color: #3F4254 !important;     font-weight: 600;
}

.table.table-row-bordered > tbody > tr,
.table.table-row-dashed > tbody > tr {
    border-bottom-color: #E4E6EF;
}

.table > tbody > tr:hover > td {
    background-color: #F5F8FA;
}

.fs-9 {
    font-size: 0.8rem !important; }

.fs-8 {
    font-size: 0.875rem !important; }

.content {
    padding-top: 15px;
}

body {
    background-color: #F5F8FA;
}

.card {
    border: 1px solid #D9DEE9;     box-shadow:
        0 1px 2px rgba(24, 28, 50, 0.04),
        0 4px 12px rgba(24, 28, 50, 0.07);
}

.card .card-header {
    border-bottom-color: #D9DEE9;
}

.btn.btn-light,
.btn.btn-light-primary,
.btn.btn-light-success,
.btn.btn-light-warning,
.btn.btn-light-danger {
    border-width: 1px;
    border-style: solid;
}

.btn.btn-light {
    color: #6B6F82;
    border-color: #6B6F82; }

.btn.btn-light-primary {
    color: #0073B4;
    border-color: #0073B4; }

.btn.btn-light-success {
    color: #327F55;
    border-color: #327F55; }

.btn.btn-light-warning {
    color: #8A6B00;
    border-color: #8A6B00; }

.btn.btn-light-danger {
    color: #CA375B;
    border-color: #CA375B; }

.btn.btn-primary,
.btn.btn-success,
.btn.btn-danger,
.btn.btn-warning {
    box-shadow: 0 1px 2px rgba(24, 28, 50, 0.10);
}

.split-action > .btn + .btn {
    border-left: 1px solid rgba(255, 255, 255, 0.35);
}

.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus,
.btn.btn-light-success:hover,
.btn.btn-light-success:focus,
.btn.btn-light-warning:hover,
.btn.btn-light-warning:focus,
.btn.btn-light-danger:hover,
.btn.btn-light-danger:focus {
    border-color: #181C32;
}

a.card {
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

a.card:hover {
    transform: translateY(-2px);
    box-shadow:
        0 2px 4px rgba(24, 28, 50, 0.06),
        0 10px 20px rgba(24, 28, 50, 0.10);
}

.modal-content {
    box-shadow: 0 10px 40px rgba(24, 28, 50, 0.25);
}

.card,
.modal-content {
    border-radius: 0.75rem;
}

.alert,
.dropdown-menu,
.menu-sub-dropdown,
.toast {
    border-radius: 0.625rem;
}

.btn,
.form-control,
.form-select,
.input-group-text {
    border-radius: 0.475rem;
}

.btn.btn-sm,
.form-control.form-control-sm,
.form-select.form-select-sm,
.badge {
    border-radius: 0.425rem;
}

.rounded {
    border-radius: 0.475rem !important;
}

.rounded-3 {
    border-radius: 0.75rem !important;
}

.input-group > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.aside-dark .menu .menu-item .menu-link {
    border-radius: 0.475rem;
}

.form-control:focus,
.form-select:focus,
.btn:focus-visible,
a:focus-visible {
    outline: 2px solid #009EF7;
    outline-offset: 1px;
}

.modal-dialog-scrollable .modal-content > form {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.nav-line-tabs .nav-item .nav-link {
    min-width: 6.5rem;
    text-align: center;
        color: #4B5063;
    font-weight: 500;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid transparent;
}

.nav-line-tabs .nav-item .nav-link:hover:not(.active) {
    color: #0073B4;
    border-bottom-color: #C7D2E0;
    background-color: rgba(0, 158, 247, 0.04);
}

.nav-line-tabs .nav-item .nav-link.active {
    color: #0073B4;
    font-weight: 700;
    border-bottom-color: #009EF7;
    border-bottom-width: 3px;
    background-color: rgba(0, 158, 247, 0.08);
    border-top-left-radius: 0.475rem;
    border-top-right-radius: 0.475rem;
}

.nav-line-tabs {
    border-bottom: 1px solid #D9DEE9;
}

.modal-header .btn.btn-icon {
    color: #5E6278;
}

.modal-header .btn.btn-icon:hover,
.modal-header .btn.btn-icon:focus-visible {
    color: #0073B4;
    background-color: #F1FAFF;
}

.form-check-input {
    border-radius: 0.325rem;
}

.form-check-input[type="radio"] {
    border-radius: 50%;
}

.form-switch .form-check-input {
    border-radius: 2rem;
}

.list-table .pagination .page-link {
    min-width: 2.25rem;
    text-align: center;
}

.tree-node {
    border-radius: 0.475rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
}

.tree-node:hover {
    background-color: #F1FAFF;
}

.tree-node.active {
    background-color: #E8F4FF;
    color: #0073B4;
    font-weight: 600;
}

.drag-handle {
    cursor: grab;
    color: #A1A5B7;
}

.drag-handle:active {
    cursor: grabbing;
}

.vendor-only,
.vendor-only-label,
.vendor-only-section .card-title,
body[data-vendor-only-page] #kt_content h3,
body[data-vendor-only-page] #kt_content .card-title,
body[data-vendor-only-page] #kt_content .form-label,
body[data-vendor-only-page] #kt_content .btn,
body[data-vendor-only-page] #kt_content .nav-link {
    color: #C3274D !important;
}

.nav .nav-link.vendor-only.active,
body[data-vendor-only-page] #kt_content .nav-link.active {
    border-bottom-color: #C3274D !important;
    background-color: #FFF5F8;
}

.btn.vendor-only,
.vendor-only-section .btn,
body[data-vendor-only-page] #kt_content .btn {
    background-color: #FFF5F8 !important;
    border: 1px solid #F7B5C6 !important;
}

.btn.vendor-only:hover,
.btn.vendor-only:focus-visible {
    background-color: #FFE2EB !important;
}

.btn.vendor-only i,
.vendor-only-section .btn i,
body[data-vendor-only-page] #kt_content .btn i {
    color: inherit !important;
}

.vendor-only.card {
    border: 1px solid #F7B5C6;
}

.vendor-only.card .text-muted,
.vendor-only-section .btn {
    color: #C3274D !important;
}

.form-select.vendor-only,
select.vendor-only + .select2 .select2-selection {
    border: 1px solid #F7B5C6 !important;
}

select.vendor-only + .select2 .select2-selection__rendered {
    color: #C3274D !important;
}

.aside-dark .menu .menu-item .menu-link.vendor-only,
.aside-dark .menu .menu-item .menu-link.vendor-only .menu-title,
.aside-dark .menu .menu-item .menu-link.vendor-only .menu-icon i,
.vendor-colour-hint {
    color: #FF8BA7 !important;
}

.aside-dark .menu .menu-item .menu-link.vendor-only.active {
    border-left-color: #FF8BA7;
}

#order-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 32px;
}

.order-progress-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 28px;
}

.order-material-table { border-collapse: separate; border-spacing: 0 12px; }
.order-material-table tbody td {
    padding: 20px 16px;
    background: #F8FAFD;
    border-top: 1px solid #DCE3ED;
    border-bottom: 1px solid #DCE3ED;
}
.order-material-table tbody td:first-child {
    padding-left: 24px !important;
    border-left: 4px solid #B7C9E2;
    border-radius: 8px 0 0 8px;
}

.order-recipient-card { border: 1px solid #E1E7EF; background: #FAFBFD; box-shadow: none; }
.order-recipient-card .min-w-0 { min-width: 0; overflow-wrap: anywhere; }

#dashboard-calendar { min-height: 520px; font-family: inherit; }
.calendar-sale-dot { background-color: #B45309; }
#dashboard-calendar-card .badge-circle { width: 10px; height: 10px; display: inline-block; }
#dashboard-page [data-dashboard-tile] { min-height: 134px; }
#dashboard-page [data-tile-value] { overflow-wrap: anywhere; }
#dashboard-calendar button { min-height: 36px; }
@media (max-width: 767.98px) {
    #dashboard-calendar { min-height: 360px; }
    #dashboard-calendar-card > .card-body { padding: 16px; }
    #dashboard-calendar [role="listitem"] { align-items: flex-start; padding-top: 8px; padding-bottom: 8px; }
    #dashboard-calendar [role="listitem"] > div:last-child { flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
    #dashboard-calendar [role="listitem"] > div:last-child > div { max-width: 100%; white-space: normal; overflow-wrap: anywhere; overflow: visible; }
}
.order-material-table tbody td:last-child {
    border-right: 1px solid #DCE3ED;
    border-radius: 0 8px 8px 0;
}
.order-dish-added > td { background: #F0FAF5; }
.order-dish-modified > td { background: #FFF8E6; }
.order-dish-deleted > td { background: #F1F3F5; color: #788391; }
#order-list table > thead > tr > th:first-child,
#order-list table > tbody > tr > td:first-child { padding-left: 24px !important; }
#order-list table > thead > tr > th:last-child,
#order-list table > tbody > tr > td:last-child { padding-right: 24px !important; }
.order-list-unread > td { background-color: #FFF0B8 !important; }
.order-list-unread:hover > td { background-color: #FFE58A !important; }
.order-list-unread > td:first-child { box-shadow: inset 4px 0 #D97706; }
.order-list-deleted > td { background-color: #E5E7EB !important; }
.order-list-deleted:hover > td { background-color: #D6DAE0 !important; }
.order-list-deleted > td:first-child { box-shadow: inset 4px 0 #87909D; }
.order-list-deleted-stamp {
    display: inline-block;
    transform: rotate(-12deg);
    border: 2px solid #707985;
    border-radius: 4px;
    padding: 2px 8px;
    margin-left: 8px;
    color: #5B6572;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    opacity: .7;
    pointer-events: none;
    white-space: nowrap;
}
.document-row-inactive > td { background-color: #EDF0F3 !important; color: #788391; }
.document-row-inactive:hover > td { background-color: #E4E8ED !important; }
.document-row-inactive .fw-bold { color: #788391 !important; }
.document-row-stamp {
    display: inline-block;
    margin-left: 10px;
    padding: 2px 8px;
    transform: rotate(-10deg);
    border: 2px solid #8A94A1;
    border-radius: 4px;
    color: #687382;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    opacity: .7;
    pointer-events: none;
    white-space: nowrap;
}
.order-dish-deleted > td:not(:last-child) { opacity: .65; }
.order-dish-deleted > td:first-child { position: relative; }
.order-dish-deleted > td:first-child::after {
    content: attr(data-watermark);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(-12deg);
    border: 2px solid #A9B1BC;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 18px;
    font-weight: 700;
    color: #788391;
    opacity: .55;
    pointer-events: none;
    white-space: nowrap;
}

.order-progress-step {
    position: relative;
    min-width: 0;
    padding: 12px 4px;
    border-radius: 10px;
}

.order-progress-current { background: #eef6ff; }

.order-progress-arrow {
    position: absolute;
    top: 50%;
    right: -24px;
    width: 20px;
    line-height: 16px;
    text-align: center;
    transform: translateY(-50%);
    pointer-events: none;
}

.order-progress-arrow i {
    color: inherit;
    font-size: 16px;
}

.order-progress-layout {
    display: grid;
    grid-template-columns: minmax(120px, 145px) minmax(0, 1fr) minmax(120px, 145px);
    align-items: center;
    gap: 18px;
}

.order-progress-center { min-width: 0; }
.order-progress-side { display: flex; align-items: center; min-width: 0; }
.order-progress-side-next { justify-content: flex-end; }
.order-progress-control { width: 100%; min-height: 48px; padding: 10px 12px; font-weight: 700; line-height: 1.35; white-space: normal; }
.order-progress-side-next .order-progress-control { box-shadow: 0 5px 12px rgba(0, 116, 255, .2); }

@media (max-width: 767.98px) {
    .order-progress-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .order-progress-side:empty { display: none; }
    .order-progress-center { grid-column: 1 / -1; grid-row: 1; }
    .order-progress-side-back { grid-column: 1; grid-row: 2; }
    .order-progress-side-next { grid-column: 2; grid-row: 2; }
}

@media (max-width: 575.98px) {
    .order-progress-steps { column-gap: 18px; }
    .order-progress-arrow { right: -16px; width: 14px; }
    .order-progress-arrow i { font-size: 12px; }
}

.order-summary-label {
    margin-bottom: 8px;
    color: #5E6278;
    font-size: 14px;
    line-height: 1.5;
}

.order-summary-value {
    color: #181C32;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.order-summary-secondary {
    margin-top: 6px;
    color: #5E6278;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

#order-detail .order-material-source {
    background-color: #F8FAFD;
    border: 1px solid #E4E9F2;
    box-shadow: none;
    overflow-wrap: anywhere;
}

.order-material-sources {
    width: 38%;
    min-width: 240px;
}

@media (min-width: 768px) {
    #order-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    #order-summary {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1.1fr);
    }
}

.label-preview-pages { display: grid; gap: 24px; }
.label-preview-page-number { margin-bottom: 8px; color: #5E6278; font-weight: 600; }
.label-preview-scroll { overflow-x: auto; padding: 12px; border: 1px solid #E4E9F2; border-radius: 10px; background: #F8FAFD; }
.label-preview-sheet {
    box-sizing: border-box;
    container-type: inline-size;
    display: grid;
    grid-template-columns: 70fr 78fr 75.5fr 75.5fr;
    grid-template-rows: repeat(5, minmax(0, 1fr));
    width: 100%;
    min-width: 760px;
    max-width: 1141px;
    aspect-ratio: 302 / 117;
    padding-top: 3.9735%;
    padding-bottom: 3.3113%;
    margin-inline: auto;
    background: #FFF;
    box-shadow: 0 3px 18px rgba(24, 28, 50, .08);
}
.label-preview-slot { position: relative; min-width: 0; min-height: 0; border: 1px solid #E4E9F2; overflow: hidden; }
.label-preview-blank { background: #FBFCFD; }
.label-preview-sticker { display: block; cursor: pointer; color: #181C32; }
.label-preview-sticker:hover { background: #F3F9FF; }
.label-preview-sticker.is-selected { background: #EBF6FF; outline: 2px solid #009EF7; outline-offset: -2px; }
.label-preview-sticker:focus-within { outline: 2px solid #0077B6; outline-offset: -2px; }
.label-preview-check { position: absolute; z-index: 2; top: 4px; right: 4px; width: 17px; height: 17px; margin: 0; background-color: #FFF; }
.label-preview-code { position: absolute; top: 95%; left: .99cqw; width: 5.63cqw; height: 46%; transform: rotate(-90deg); transform-origin: top left; color: #888; text-align: center; white-space: nowrap; font-weight: 700; font-size: 13px; font-size: 1.33cqw; line-height: 1.08; }
.label-preview-name { position: absolute; top: 0; left: 5.30cqw; right: .33cqw; height: 71%; padding-right: 20px; overflow: hidden; text-align: center; overflow-wrap: anywhere; font-size: 19px; font-size: 1.98cqw; line-height: 1.5; }
.label-preview-name-text { display: block; }
.label-preview-department { position: absolute; left: 5.30cqw; bottom: 3%; color: #333; font-size: 11px; font-size: 1.13cqw; }
.label-preview-day { position: absolute; right: .99cqw; bottom: 0; color: #888; font-size: 14px; font-size: 1.49cqw; }
.label-preview-date { position: absolute; right: 4.63cqw; bottom: 2%; color: #888; font-size: 9px; font-size: .86cqw; }