:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-size-xs:0.75rem;--font-size-sm:0.85rem;--font-size-base:0.9rem;--font-size-lg:1rem;--font-size-xl:1.15rem;--font-size-2xl:1.4rem;--font-size-3xl:1.75rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-loose:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:12px;--radius-pill:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-xl:0 12px 40px rgba(0,0,0,0.15);--border-subtle:#e9ecef;--border-default:#dee2e6;--border-strong:#adb5bd;--surface-base:#ffffff;--surface-raised:#f8f9fa;--surface-overlay:rgba(0,0,0,0.05);--gray-50:#f8f9fa;--gray-100:#f0f0f0;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#868e96;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--brand-green-700:#2E7D32;--color-success:#2E7D32;--color-warning:#f59f00;--color-danger:#e03131;--color-info:#1971c2;--color-focus:var(--brand-green);--transition-fast:150ms;--transition-base:250ms;--transition-slow:400ms;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1070;--z-tooltip:1080;--z-toast:1100}:root{--brand-green:#43A047;--brand-green-dark:#2E7D32;--brand-green-light:#E8F5E9;--brand-green-hover:#388E3C;--nav-bg:#ffffff;--nav-text:#495057;--nav-text-hover:#212529;--nav-active-bg:var(--brand-green-light);--nav-active-text:var(--brand-green-dark);--nav-border:#e9ecef;--nav-shadow:0 2px 12px rgba(0,0,0,0.08)}.alert-debug{color:black;background-color:white;border-color:#d6e9c6}.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}#headerMenuId{margin-bottom:0}#headerMenuId .navbar{background-color:var(--nav-bg);border-bottom:2px solid var(--brand-green);box-shadow:var(--nav-shadow);padding:0.4rem 0;min-height:auto}.navbar-brand{padding:0;display:flex;align-items:center;gap:10px;margin-right:1.5rem;text-decoration:none}.navbar-brand .logo-image{max-height:34px;transition:transform 0.2s ease}.navbar-brand:hover .logo-image{transform:scale(1.05)}.navbar-brand .brand-text{font-size:1.15rem;font-weight:700;color:var(--brand-green-dark);letter-spacing:-0.3px}#navbarSupportedContent{justify-content:space-between}#headerMenuId .nav-link{font-size:0.85rem;font-weight:500;color:var(--nav-text);padding:6px 12px;border-radius:6px;margin:0 1px;transition:all 0.2s ease;white-space:nowrap;background-color:transparent}#headerMenuId .nav-link:hover{color:var(--nav-text-hover);background-color:#f3f4f6}#headerMenuId .nav-item.active>.nav-link{color:var(--nav-active-text);background-color:var(--nav-active-bg);font-weight:600}#headerMenuId .dropdown-toggle::after{display:none}#headerMenuId .dropdown-menu{border:1px solid var(--nav-border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.12);padding:6px;margin-top:0;min-width:200px;animation:dropdownFadeIn 0.15s ease-out}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#headerMenuId .dropdown-item{font-size:0.85rem;color:var(--nav-text);padding:8px 14px;border-radius:6px;margin:1px 0;transition:all 0.15s ease;background-color:transparent}#headerMenuId .dropdown-item:hover{background-color:#f3f4f6;color:var(--nav-text-hover)}#headerMenuId .dropdown-item.active{background-color:var(--nav-active-bg);color:var(--nav-active-text);font-weight:500}#headerMenuId .dropdown-divider{margin:4px 8px;border-color:var(--nav-border)}#headerMenuId .dropdown-header{padding:8px 14px}#headerMenuId .dropdown-header small{font-size:0.78rem}.navbar-nav-right{border-left:1px solid var(--nav-border);padding-left:12px;margin-left:8px}.user-profile-link{display:flex!important;align-items:center;gap:8px}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand-green),var(--brand-green-dark));color:white;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.user-name{font-size:0.85rem;color:var(--nav-text);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#headerMenuId .navbar-toggler{border:1px solid var(--nav-border);border-radius:6px;padding:4px 8px}#headerMenuId .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(67,160,71,0.25)}@media (min-width:992px){.nav-item.dropdown:hover>.dropdown-menu{display:block;margin-top:0}}@media (max-width:991.98px){#headerMenuId .navbar-collapse{padding:10px 0;border-top:1px solid var(--nav-border);margin-top:8px}#headerMenuId .dropdown-menu{box-shadow:none;border:none;padding-left:12px;animation:none}.navbar-nav-right{border-left:none;border-top:1px solid var(--nav-border);padding-left:0;padding-top:10px;margin-left:0;margin-top:10px}}#loginFormId{padding-top:80px;padding-bottom:80px;display:flex;justify-content:center}#loginFormId .login-form{width:100%;max-width:420px;display:flex;flex-direction:column;padding:32px;border-radius:12px;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,0.08)}#loginFormId .login-form .form-label{font-weight:500;margin-bottom:6px}#loginFormId .login-form .form-control{border-radius:8px}#loginLogoImageId{display:flex;align-items:center;justify-content:center;margin-bottom:24px}#loginLogoImageId img{max-width:280px;height:auto}.navBreadcrumb{height:32px;margin-bottom:20px;margin-top:15px;display:flex;justify-content:space-between;align-items:center}.navBreadcrumb .breadcrumb{margin-bottom:0;--bs-breadcrumb-divider:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E")}.createNewItemBtn{display:flex;justify-content:center;align-items:center;gap:5px}.supplierContainer{display:flex;margin-top:20px;gap:20px 0}.create-or-update-supplier-container,.create-or-update-ingredient-container{padding:24px 40px 40px;border:1px solid #e9ecef;border-radius:10px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04)}.supplierContainer .supplierImage{max-height:120px;object-fit:cover}.supplierContainer .card{height:360px}.supplierContainer .card .card-body{display:flex;flex-direction:column;justify-content:space-between;height:150px}.card-title,.card-address{width:100%;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.supplierContainer .card .card-body .card-text{padding:5px;margin-top:8px;border:dashed 1px lightgrey;height:100px;overflow-y:auto}.supplierContainer .card .card-body .bottom{margin-top:10px;display:flex;justify-content:end;gap:10px}.card .bottom .btn{display:flex;justify-content:center;align-items:center;gap:5px}.update-btn{width:max-content}.delete-btn{width:max-content}#deleteItemToastError{background-color:red;color:white;min-width:420px}#deleteItemToastSuccess{background-color:green;color:white;min-width:420px}.error-text{color:darkred}.form-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:0;padding-top:0}.form-controls .btn{min-width:120px}.image-containers .image-list{display:flex;gap:25px}.image-containers .form-label{margin-bottom:15px!important}.image-item{height:120px;width:120px;border:dashed 0.5px;position:relative;border-radius:10px;display:flex;align-items:center}.image-item .browse-file{opacity:0;width:100%;height:100%;z-index:2;cursor:pointer}.image-item img.remove-image-btn{position:absolute;right:-10px;top:-10px;color:red;width:20px;cursor:pointer}.image-item img{object-fit:cover;max-height:120px;width:120px;border-radius:10px}.image-item img.plus-image{display:none}.image-item.browse-new-image-block img.plus-image{display:block;position:absolute;z-index:1}.image-item.browse-new-image-block{display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;flex-direction:column}.image-item.browse-new-image-block img.remove-image-btn,.image-item.browse-new-image-block img.main-image{display:none!important}.image-item.browse-new-image-block img{width:40px;height:40px}#browse-image-btn-wrapper{display:none}.temporary-order-view{max-height:600px}.temporary-order-view .period{padding:20px 0 10px 0}.hidden-important{display:none!important}.temporary-order-view table th,.temporary-order-view table td{max-width:300px;word-break:break-word;word-wrap:break-word}.order-view-options{margin-bottom:20px}.right-container{display:flex;align-items:center;flex-direction:row;gap:15px}.download-template-container{margin-top:20px;display:flex;justify-content:end}.pagination-container{margin-top:20px}.view-mode-container{display:flex;justify-content:flex-end;align-items:center;gap:10px}.order-controls-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.order-controls-area .left{display:flex;align-items:center;justify-items:flex-start;gap:10px}.order-controls-area .input-group{display:flex;justify-content:flex-start;align-items:center;gap:5px}.package-container{display:flex;gap:20px}.package-container.menu{flex-direction:column;margin-top:30px}.package-container table.menu-stats{height:fit-content}.package-container .menu-stats{min-width:400px;max-width:600px}.package-container .period{justify-content:start}.container{min-width:98%!important}.package-header{display:flex;justify-content:space-between;align-items:center}.salat-header{display:flex;justify-content:end;align-items:center;gap:10px;margin-bottom:20px}.intermediate-page-container{display:flex;gap:30px;margin-bottom:30px}.intermediate-page-container .page-item{display:flex;flex-direction:column;width:50%!important;gap:8px}.intermediate-page-container .page-item .card .card-body .card-title{white-space:normal!important}.intermediate-page-container .page-item .card .card-body span{min-width:max-content}.intermediate-page-container .page-item .card .card-body{display:flex;align-items:center;gap:5px;padding:8px 12px}.intermediate-page-container .page-item .card .card-body img{cursor:pointer}.intermediate-page-container .page-item .card table{margin-bottom:0}.intermediate-page-container .page-item .card table tr.total{border-top:2px solid;height:54px!important}.alert{margin-top:30px}.w-fit{white-space:nowrap;width:1%}.pl-30{padding-left:30px!important}body{padding-top:60px}.navbar{z-index:1030}.page-header{margin-bottom:1rem}.page-header-top .breadcrumb{font-size:0.8rem;--bs-breadcrumb-divider:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E")}.page-header-top .breadcrumb a{color:var(--brand-green-dark);text-decoration:none}.page-header-top .breadcrumb a:hover{text-decoration:underline}.page-header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.page-title{font-size:1.4rem;font-weight:700;color:#212529;margin:0;line-height:1.3}.page-subtitle{font-size:0.85rem;color:#6c757d;margin:2px 0 0 0}.page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.page-header-actions .btn{display:flex;align-items:center;gap:5px;white-space:nowrap}.page-description{background-color:#f8f9fa;border-radius:8px;padding:0.5rem 1.5rem;margin:0.5rem 0 1rem 0;border-left:4px solid var(--brand-green)}.page-description h2{color:#212529;font-size:1.25rem;margin-bottom:0.5rem;font-weight:500}.page-description p{color:#6c757d;margin-bottom:0;font-size:1rem}.toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;padding:12px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.toolbar-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:2px}.filter-group .form-label{font-size:0.75rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:0.3px;margin-bottom:0}.filter-group .form-select-sm{min-width:110px;font-size:0.85rem}.view-toggle{display:flex;gap:2px;background:#e9ecef;border-radius:6px;padding:2px;flex-shrink:0}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:5px;cursor:pointer;transition:all 0.15s ease;padding:4px}.view-toggle-btn img{width:18px;height:18px;opacity:0.4}.view-toggle-btn.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.view-toggle-btn.active img{opacity:1}.view-toggle-btn:not(.active):hover{background:rgba(255,255,255,0.5)}.view-toggle-btn:not(.active):hover img{opacity:0.7}.table{font-size:0.9rem;border-collapse:separate;border-spacing:0}.table thead th{background-color:#f8f9fa;border-bottom:2px solid var(--brand-green);font-weight:600;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.3px;color:#495057;padding:10px 12px;white-space:nowrap}.table tbody td{padding:8px 12px;vertical-align:middle;border-bottom:1px solid #f0f0f0}.table tbody tr:nth-child(even){background-color:#fafbfc}.table-hover tbody tr:hover{background-color:#f0f7f0}.actions-cell{width:1%;white-space:nowrap;padding:6px 8px!important}.action-buttons{display:flex;gap:4px}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid transparent;background:#f8f9fa;cursor:pointer;transition:all 0.15s ease;text-decoration:none;padding:0}.message-content>span{display:none}.box-calc-move-btn{width:22px;height:20px}.calc-target{min-width:0}.calc-target .ts-wrapper{width:100%}.box-formula code{color:#495057;background:#f1f3f5;padding:2px 6px;border-radius:4px;display:inline-block}.box-group-name strong[contenteditable="true"]{outline:2px solid var(--brand-green,#2e7d32);padding:1px 4px;border-radius:4px;background:#fff}.action-btn svg{width:14px;height:14px}.action-btn-danger{color:#868e96}.action-btn-danger:hover{background:#fff5f5;border-color:#ffc9c9;color:#e03131}.action-btn-edit{color:#868e96}.action-btn-edit:hover{background:var(--brand-green-light);border-color:#a5d6a7;color:var(--brand-green-dark)}.action-btn-view{color:#868e96}.action-btn-view:hover{background:#e7f5ff;border-color:#a5d8ff;color:#1971c2}.action-btn-copy{color:#868e96}.action-btn-copy:hover{background:#f3f0ff;border-color:#d0bfff;color:#7048e8}.action-buttons .action-btn span{font-size:0.8rem;font-weight:500}.action-buttons .action-btn:has(span){width:auto;padding:0 10px;gap:5px}.inline-action-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:5px;cursor:pointer;transition:all 0.15s ease}.inline-action-btn svg{width:14px;height:14px}.inline-action-btn-edit{color:#868e96}.inline-action-btn-edit:hover{background:var(--brand-green-light);color:var(--brand-green-dark)}.inline-action-btn-save{color:#fff;background:var(--brand-green);border-radius:5px}.inline-action-btn-save:hover{background:var(--brand-green-dark)}.menuContainer .card,.supplierContainer .card,.dishContainer .card{border:1px solid #e9ecef;border-radius:10px;overflow:hidden;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.04)}.menuContainer .card:hover,.supplierContainer .card:hover,.dishContainer .card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1);transform:translateY(-2px);border-color:#dee2e6}.modal-content{border:none;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.15);overflow:hidden}.modal-dialog{max-width:420px}.modal-body{padding:1.5rem 1.5rem 1rem}.modal-body .message-content{font-size:0.95rem;color:#495057;margin-bottom:0}.modal-footer{border-top:1px solid #f0f0f0;padding:0.75rem 1.5rem;gap:8px}.modal-footer .btn{min-width:90px}.modal-backdrop.show{opacity:0.4}.alert-sm{padding:8px 14px;font-size:0.85rem;border-radius:8px}.btn-primary{background-color:var(--brand-green);border-color:var(--brand-green)}.btn-primary:hover{background-color:var(--brand-green-hover);border-color:var(--brand-green-hover)}.btn-primary:active,.btn-primary:focus{background-color:var(--brand-green-dark);border-color:var(--brand-green-dark)}.btn-outline-primary{color:var(--brand-green-dark);border-color:var(--brand-green)}.btn-outline-primary:hover{background-color:var(--brand-green);border-color:var(--brand-green);color:#fff}#stickers-area{display:grid;grid-template-columns:repeat(4,250px);justify-content:start;gap:0px;@media print{page-break-after:always}align-content:flex-start;}.sticker{border:solid 0.1px lightcyan;padding:40px 5px;min-width:250px;width:250px;max-width:250px;box-sizing:border-box;@media print{page-break-inside:avoid}}@media screen{#stickers-area{gap:8px}.sticker{height:200px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:1.1rem;overflow:hidden;border:1px solid rgba(0,0,0,0.08);border-radius:6px}.sticker>p{margin:0;line-height:1.25;overflow-wrap:anywhere}}@media print{body{padding-top:0!important}.navbar,header,footer,.no-print{display:none!important}.container,.package-container{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}.table-responsive{overflow:visible!important}table{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}table.table thead{display:table-header-group}table.table th,table.table td{padding:2px 4px}tr{page-break-inside:avoid;break-inside:avoid}}body.print-mode-active .no-print{display:none!important}.print-section-label{text-transform:uppercase;font-size:0.72rem;font-weight:600;letter-spacing:0.06em;color:#6c757d;margin-bottom:0.75rem}.print-option-card{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;transition:border-color 0.15s ease-in-out,background-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;margin:0;background-color:#fff}.print-option-card:hover{background-color:#f8f9fa;border-color:#adb5bd}.print-option-card .form-check-input{flex-shrink:0;margin-top:3px}.print-option-card:has(input[type="radio"]:checked){border-color:var(--brand-green,#198754);background-color:rgba(67,160,71,0.06);box-shadow:0 0 0 1px var(--brand-green,#198754) inset}.print-option-card:has(input[type="radio"]:disabled){opacity:0.55;cursor:not-allowed;background-color:#f8f9fa}.print-option-card:has(input[type="radio"]:disabled):hover{border-color:#dee2e6}.print-option-card-content{flex:1;min-width:0}.print-option-card-title{font-weight:500;font-size:0.95rem;color:#212529;line-height:1.3}.print-option-card-desc{font-size:0.82rem;color:#6c757d;line-height:1.4;margin-top:2px}.print-orientation-group .btn{padding:0.75rem 0.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background-color:var(--brand-green-light);border-color:var(--brand-green);color:var(--brand-green-dark)}.print-orientation-group .btn:hover{background-color:var(--brand-green);border-color:var(--brand-green);color:#fff}.print-orientation-group .btn-check:checked + .btn{background-color:var(--brand-green);border-color:var(--brand-green);color:#fff}.print-orientation-group .btn-check:focus-visible + .btn{box-shadow:0 0 0 0.2rem rgba(67,160,71,0.25)}.print-orientation-group .btn svg{display:block;color:currentColor}.form-group{display:flex;gap:20px}.form-group-item{width:100%}.create-or-update-supplier-container .col-form-label,.create-or-update-ingredient-container .col-form-label{font-size:0.82rem;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:0.3px;padding-bottom:2px}.create-or-update-supplier-container .form-control,.create-or-update-ingredient-container .form-control,.create-or-update-supplier-container .form-select,.create-or-update-ingredient-container .form-select{border-radius:6px;border:1px solid #dee2e6;padding:8px 12px;font-size:0.9rem;transition:border-color 0.15s ease,box-shadow 0.15s ease}.create-or-update-supplier-container .form-control:focus,.create-or-update-ingredient-container .form-control:focus,.create-or-update-supplier-container .form-select:focus,.create-or-update-ingredient-container .form-select:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px rgba(67,160,71,0.15)}.create-or-update-supplier-container .form-control[readonly],.create-or-update-ingredient-container .form-control[readonly]{background-color:#f8f9fa;color:#6c757d}.create-or-update-supplier-container .form-check-input:checked,.create-or-update-ingredient-container .form-check-input:checked{background-color:var(--brand-green);border-color:var(--brand-green)}.create-or-update-supplier-container hr,.create-or-update-ingredient-container hr{border-color:#e9ecef;margin:1.5rem 0}.form-section{border:1px solid #e9ecef;border-radius:8px;overflow:visible}.form-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.form-section-title{font-size:0.9rem;font-weight:600;margin:0;color:#212529}.form-section-title a{color:var(--brand-green-dark)}.form-section-body{padding:16px}.bread-control-area{display:flex;justify-content:flex-end;align-items:center;margin-bottom:10px}.box-system-content-container{display:flex;gap:30px}.recipes-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}.recipe-item{margin-bottom:0;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.recipe-header{background-color:var(--brand-green);color:#fff;font-weight:600;font-size:0.9rem;padding:8px 12px}.recipe-body{padding:0!important}.recipe-body .table{margin-bottom:0;font-size:0.85rem}.recipe-body .table td{padding:4px 8px;vertical-align:middle}.recipe-qty{width:70px;text-align:right;white-space:nowrap}.recipe-unit{width:80px;white-space:nowrap}.recipe-group-spacer{height:3px;background-color:var(--brand-green);opacity:0.3}.recipe-move-btn{color:#fff!important;opacity:0.8;background:transparent!important;border-color:transparent!important}.recipe-move-btn:hover{opacity:1;color:#fff!important;background:rgba(255,255,255,0.2)!important}.recipe-actions{display:flex;gap:4px}.recipe-actions .action-btn,.recipe-actions .action-btn-danger,.recipe-actions .action-btn-edit{color:#fff;opacity:0.8;background:transparent;border-color:transparent}.recipe-actions .action-btn:hover,.recipe-actions .action-btn-danger:hover,.recipe-actions .action-btn-edit:hover{opacity:1;color:#fff;background:rgba(255,255,255,0.2);border-color:transparent}.recipe-item{cursor:grab}.recipe-item.recipe-item-animating{transition:top 250ms ease}.recipe-item.sortable-ghost{opacity:0.4}.recipe-item.sortable-chosen{cursor:grabbing}.recipe-item-moved{box-shadow:0 0 0 3px var(--brand-green),0 4px 12px rgba(0,0,0,0.15);transition:box-shadow 0.3s ease}.recipe-item-moved .recipe-header{background-color:var(--brand-green-dark)!important;transition:background-color 0.3s ease}.kassesystem-control-wrapper{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}.time-selection-wrapper{display:flex;gap:10px}#comp-table th[data-comp-id]{cursor:move}.comp-col-menu-btn{color:var(--nav-text);line-height:1;opacity:0;transition:opacity 0.15s ease,color 0.15s ease}th[data-comp-id]:hover .comp-col-menu-btn,th[data-comp-id] .comp-col-menu-btn[aria-expanded="true"]{opacity:1}.comp-col-menu-btn:hover,.comp-col-menu-btn[aria-expanded="true"]{color:var(--brand-green-dark)}.comp-col-dropdown-menu{border:1px solid var(--nav-border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.12);padding:6px;min-width:160px;animation:dropdownFadeIn 0.15s ease-out}.comp-col-dropdown-menu .dropdown-item{font-size:0.85rem;color:var(--nav-text);padding:7px 12px;border-radius:6px;margin:1px 0;transition:background-color 0.15s ease,color 0.15s ease;display:flex;align-items:center;gap:8px;background-color:transparent;border:none;width:100%;text-align:left;cursor:pointer}.comp-col-dropdown-menu .dropdown-item:hover{background-color:#f3f4f6;color:var(--nav-text-hover)}.comp-col-dropdown-menu .dropdown-item.text-danger:hover{background-color:#fff0f0;color:#dc3545}.comp-menu-icon{flex-shrink:0;opacity:0.7}.comp-col-dropdown-menu .dropdown-divider{margin:4px 8px;border-color:var(--nav-border)}.page-header-actions{display:flex;gap:8px}#comp-totals-table th,#comp-totals-table td{padding:8px}#comp-totals-table th[data-comp-id],#comp-totals-table td[data-comp-id]{min-width:130px;max-width:130px;word-break:break-word}#comp-totals-table th[data-comp-id]{white-space:normal}#comp-totals-table .comp-col-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px}#comp-totals-table .comp-col-name{flex:1;min-width:0}#comp-totals-table .comp-bulk-edit-btn{flex-shrink:0;opacity:0;transition:opacity 0.15s ease}#comp-totals-table th[data-comp-id]:hover .comp-bulk-edit-btn,#comp-totals-table .comp-bulk-edit-btn:focus-visible{opacity:1}#comp-totals-table .comp-col-bulk-controls{display:none;gap:6px}#comp-totals-table .comp-col-bulk-controls.show{display:inline-flex;flex-basis:100%;margin-top:4px}#comp-totals-table td.batch-mode,#comp-totals-table th.batch-mode{background-color:#fff8e1}#comp-totals-table td.batch-mode .item-edit-container .inline-action-btn-save{display:none}#comp-totals-table .comp-row-index{position:relative;width:56px;min-width:56px;max-width:56px}#comp-totals-table .comp-row-index .comp-row-delete-btn{display:none;margin-left:8px;vertical-align:middle}#comp-totals-table tr.comp-weight-row:hover .comp-row-delete-btn{display:inline-flex}.inline-action-btn-delete{color:#dc3545;background:transparent;cursor:pointer}.inline-action-btn-delete:hover{background:#f8d7da;color:#a30000}.inline-action-btn-cancel{color:#6c757d;background:transparent}.inline-action-btn-cancel:hover{background:#e9ecef;color:#212529}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,.btn:focus-visible,.action-btn:focus-visible,.inline-action-btn:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}.form-page,.create-or-update-supplier-container,.create-or-update-ingredient-container,.create-or-update-dish-container,.create-or-update-menu-container{padding:var(--space-5) var(--space-6) var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-base);box-shadow:var(--shadow-sm)}.form-page .col-form-label,.create-or-update-supplier-container .col-form-label,.create-or-update-ingredient-container .col-form-label,.create-or-update-dish-container .col-form-label,.create-or-update-menu-container .col-form-label{font-size:0.82rem;font-weight:var(--font-weight-semibold);color:var(--gray-700);text-transform:uppercase;letter-spacing:0.3px;padding-bottom:2px}.form-page .form-control,.form-page .form-select{border-radius:var(--radius-md);border:1px solid var(--border-default);padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.form-page .form-control:focus,.form-page .form-select:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px rgba(67,160,71,0.15)}.form-page .form-control[readonly]{background-color:var(--gray-50);color:var(--gray-600)}.form-page .form-check-input:checked{background-color:var(--brand-green);border-color:var(--brand-green)}.form-page hr{border-color:var(--border-subtle);margin:var(--space-5) 0}.ingredientContainer,.dishContainer,.menuContainer{display:flex;margin-top:var(--space-5);gap:var(--space-5) 0}.ingredientContainer .ingredientImage,.dishContainer .dishImage,.menuContainer .menuImage{max-height:120px;object-fit:cover}.menuContainer.readonly .menuImage{max-height:300px}.ingredientContainer .card,.dishContainer .card{height:410px}.menuContainer .card{height:410px;cursor:pointer}.menuContainer.readonly .card{height:400px!important}.ingredientContainer .card .card-body,.dishContainer .card .card-body,.menuContainer .card .card-body{display:flex;flex-direction:column;justify-content:space-between;height:150px}.card-title,.card-address{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-1)}.card-address img{width:8px}.ingredientContainer .card .card-body .card-text{padding:var(--space-1);margin-top:var(--space-2);border:dashed 1px var(--gray-300);height:100px;overflow-y:auto}.dishContainer .card .card-body .card-text,.menuContainer .card .card-body .card-text{padding:var(--space-1);margin-top:var(--space-2);border:dashed 1px var(--gray-300);height:170px;overflow-y:auto}.ingredientContainer .card .card-body .bottom,.dishContainer .card .card-body .bottom,.menuContainer .card .card-body .bottom{margin-top:var(--space-2);display:flex;justify-content:end;gap:var(--space-2)}.ingredient-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.ingredient-title-container img{cursor:pointer}.dish-ingredient-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-2)}.deleteIngredientBtn{width:180px}.item-view-container{display:flex;justify-content:space-between;align-items:center;min-height:1.5rem}.item-view-container:hover .edit-icon{display:block;cursor:pointer}.item-view-container .edit-icon{display:none}.item-edit-container{justify-content:space-between;align-items:center;display:none;gap:0.5rem}.item-edit-container .edit-icon{display:block;cursor:pointer}.item-edit-container input{max-width:120px}.period{display:flex;justify-content:end;margin-bottom:10px}.period .time-selection-wrapper,.time-selection-wrapper{display:flex;flex-direction:row;gap:15px;align-items:center}.time-selection-wrapper .input-group{display:flex;align-items:center;justify-content:center;gap:5px;width:fit-content}.time-selection-wrapper .form-switch{min-width:150px}.time-selection-wrapper .input-group.date{max-width:220px}.menu-packing-setting-items{border:solid 1px lightgray;padding:20px;display:flex;flex-direction:column;border-radius:5px;max-height:300px;overflow-y:auto;list-style:none}.menu-packing-setting-items select{height:100%}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}@media (max-width:575.98px){.card-grid{grid-template-columns:1fr}}.toolbar.is-sticky{position:sticky;top:60px;z-index:var(--z-sticky)}@media (max-width:575.98px){.page-header-main{flex-direction:column;align-items:stretch}.page-header-actions{flex-wrap:wrap}.toolbar{flex-direction:column;align-items:stretch}.toolbar-filters{width:100%}}