.dot-manager-app{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;line-height:1.4;color:#1d2327 !important;background:#fff !important;color-scheme:light dark;}
.dot-manager-app *, .dot-manager-app *::before, .dot-manager-app *::after{box-sizing:border-box;}
.dot-mgr-content{background:#f7f3ea !important;}
.dot-manager-app button, .dot-manager-app input, .dot-manager-app select, .dot-manager-app textarea{font-family:inherit;}
.dot-manager-app h1, .dot-manager-app h2, .dot-manager-app h3, .dot-manager-app h4{display:block !important;flex-direction:unset !important;writing-mode:horizontal-tb !important;word-break:normal !important;overflow-wrap:normal !important;max-width:none !important;width:auto !important;white-space:normal !important;letter-spacing:normal !important;line-height:1.4 !important;font-family:inherit !important;}
.dot-manager-app .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.dot-mgr-login{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:20px;}
.dot-mgr-login-card{width:100%;max-width:320px;padding:32px 24px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 12px rgba(0, 0, 0, 0.08);text-align:center;}
.dot-mgr-login-card h1{font-size:1.25rem;font-weight:700;margin:0 0 24px;color:#1d2327;}
.dot-mgr-login-card input[type="password"]{display:block;width:100%;padding:12px 16px;font-size:1.5rem;text-align:center;letter-spacing:8px;border:2px solid #c3c4c7;border-radius:8px;margin-bottom:16px;-webkit-appearance:none;}
.dot-mgr-login-card input[type="password"]::placeholder{font-size:0.875rem;letter-spacing:normal;}
.dot-mgr-login-card input[type="password"]:focus{border-color:#b45309;box-shadow:0 0 0 1px #b45309;outline:none;}
.dot-mgr-login-card .dot-mgr-btn{width:100%;}
.dot-mgr-error{color:#d63638;font-size:0.875rem;margin:0 0 12px;font-weight:500;overflow-wrap:break-word;word-break:break-word;}
.dot-mgr-remember{display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:#50575e;margin-bottom:16px;cursor:pointer;}
.dot-mgr-remember input[type="checkbox"]{margin:0;width:20px;height:20px;min-width:24px;min-height:24px;}
.dot-mgr-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:10px 20px;font-size:0.9375rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;-webkit-appearance:none;transition:background 0.15s, opacity 0.15s;}
.dot-mgr-btn:focus-visible{outline:2px solid #b45309;outline-offset:2px;}
.dot-mgr-btn:disabled{opacity:0.5;cursor:not-allowed;}
.dot-mgr-btn-primary{background:#b45309;color:#fff;}
.dot-mgr-btn-primary:hover{background:#92400e;}
.dot-mgr-btn-small{padding:6px 12px;font-size:0.8125rem;border-radius:6px;background:#f0f0f1;color:#50575e;}
.dot-mgr-btn-small:hover{background:#dcdcde;}
.dot-mgr-btn-active{background:#b45309;color:#fff;}
.dot-mgr-btn-active:hover{background:#92400e;color:#fff;}
.dot-mgr-push-toggle{white-space:nowrap;}
.dot-mgr-push-icon{font-style:normal;}
.dot-mgr-ios-install{margin:0 16px 12px;padding:14px 16px;background:linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);border:1px solid #f9a825;border-radius:10px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);}
.dot-mgr-ios-install-inner{display:flex;align-items:flex-start;gap:12px;}
.dot-mgr-ios-install-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e67e22;color:#fff;border-radius:8px;}
.dot-mgr-ios-install-text{flex:1;font-size:0.8125rem;line-height:1.5;color:#4e342e;}
.dot-mgr-ios-install-text strong{display:block;font-size:0.875rem;margin-bottom:4px;color:#1d2327;}
.dot-mgr-ios-install-text p{margin:0;opacity:0.85;}
.dot-mgr-ios-dismiss{align-self:center;flex-shrink:0;background:#e67e22 !important;color:#fff !important;border:none;font-weight:600;}
.dot-mgr-ios-dismiss:hover{background:#d35400 !important;}
.dot-mgr-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#334155;color:#fff;border-radius:8px 8px 0 0;position:sticky;top:0;z-index:100;}
.dot-mgr-title{font-size:1.0625rem;font-weight:700;margin:0;color:#fff;}
.dot-mgr-connection-banner{background:#fef3c7;color:#92400e;padding:8px 16px;text-align:center;font-size:0.875rem;font-weight:600;border-bottom:1px solid #fbbf24;position:sticky;top:0;z-index:99;}
.dot-mgr-logout{background:rgba(255, 255, 255, 0.15) !important;color:#fff !important;}
.dot-mgr-logout:hover{background:rgba(255, 255, 255, 0.25) !important;}
.dot-mgr-sr-location{font-size:0.6875rem;padding:2px 6px;background:#fef8e7;border:1px solid #dba617;border-radius:3px;font-weight:500;}
.dot-mgr-header-actions{display:flex;align-items:center;gap:10px;}
.dot-mgr-view-toggle{display:flex;align-items:center;gap:6px;}
.dot-mgr-view-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:0.8125rem;font-weight:500;border:none;border-radius:6px;background:rgba(255, 255, 255, 0.2);color:#fff;cursor:pointer;transition:background 0.15s;line-height:1.3;}
.dot-mgr-view-btn:hover, .dot-mgr-view-btn:focus-visible{background:rgba(255, 255, 255, 0.35);}
.dot-mgr-view-active, .dot-mgr-view-active:hover, .dot-mgr-view-active:active, .dot-mgr-view-active:focus-visible{background:#b45309;color:#fff;transition:none;}
.dot-mgr-view-active:hover{background:#92400e;}
@media(min-width:1200px){
.dot-mgr-dashboard{max-width:1400px;margin:0 auto;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;}
} @media(max-width:767px){
.dot-mgr-header{border-radius:0;flex-wrap:nowrap;gap:6px;padding:8px 12px;}
.dot-mgr-header-actions{gap:6px;}
.dot-mgr-view-btn{padding:5px 10px;font-size:0.75rem;}
} @media(max-width:767px){ .dot-mgr-sr-card{padding:14px 16px;}
.dot-mgr-sr-card-head{flex-wrap:wrap;gap:4px;}
.dot-mgr-sr-location{font-size:0.75rem;}
.dot-mgr-sr-card-actions{flex-direction:column;}
.dot-mgr-sr-card-actions .dot-mgr-btn{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;}
.dot-mgr-sr-mark-all-done{min-height:44px;}
.dot-mgr-sr-table-header{padding:10px 12px;}
.dot-mgr-sr-table-requests{padding:6px 8px;}
.dot-mgr-sr-table-footer{padding:6px 8px 10px;}
.dot-mgr-sr-quick-reply{min-height:36px;padding:6px 12px;}
.dot-mgr-sr-reply-input{min-height:36px;}
.dot-mgr-menu-item-info{flex-direction:column;align-items:flex-start;gap:2px;}
.dot-mgr-menu-item-name{flex:none;width:100%;}
.dot-mgr-menu-item-meta{width:100%;}
} .dot-mgr-sr-badge{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 4px;margin-left:4px;border-radius:8px;background:#ef4444;color:#fff;font-size:0.75rem;font-weight:700;line-height:1;}
.dot-mgr-sr-empty{text-align:center;padding:40px 20px;color:#6b7280;font-size:0.95rem;}
.dot-mgr-sr-table-group{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0, 0, 0, 0.06);}
.dot-mgr-sr-table-has-pending{border-color:#fbbf24;border-width:2px;}
.dot-mgr-sr-table-all-done{opacity:0.7;}
.dot-mgr-sr-table-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e5e7eb;}
.dot-mgr-sr-table-has-pending .dot-mgr-sr-table-header{background:#fffbeb;border-bottom-color:#fde68a;}
.dot-mgr-sr-table-name{font-weight:700;font-size:0.9375rem;color:#1d2327;}
.dot-mgr-sr-table-counts{display:flex;gap:8px;align-items:center;}
.dot-mgr-sr-table-pending-count{font-size:0.75rem;font-weight:600;color:#92400e;background:#fef3c7;padding:2px 8px;border-radius:10px;}
.dot-mgr-sr-table-done-count{font-size:0.75rem;font-weight:600;color:#1e40af;background:#dbeafe;padding:2px 8px;border-radius:10px;}
.dot-mgr-sr-table-requests{padding:8px 12px;}
.dot-mgr-sr-card{border-radius:8px;border-left:4px solid #e5e7eb;padding:10px 12px;margin-bottom:6px;}
.dot-mgr-sr-card:last-child{margin-bottom:0;}
.dot-mgr-sr-card-pending{border-left-color:#fbbf24;background:#fffbeb;}
.dot-mgr-sr-card-done{border-left-color:#fbbf24;background:#f0f6ff;opacity:0.65;}
.dot-mgr-sr-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.dot-mgr-sr-time{font-size:0.75rem;color:#6b7280;margin-left:auto;}
.dot-mgr-sr-card-body{display:flex;flex-direction:column;gap:2px;}
.dot-mgr-sr-type{font-size:0.875rem;color:#111827;}
.dot-mgr-sr-details{font-size:0.8125rem;color:#6b7280;}
.dot-mgr-sr-card-actions{margin-top:8px;display:flex;gap:6px;}
.dot-mgr-sr-table-footer{padding:8px 12px 12px;}
.dot-mgr-sr-mark-all-done{width:100%;background:#059669;color:#fff;font-weight:600;}
.dot-mgr-sr-mark-all-done:hover{background:#047857;}
.dot-mgr-sr-mark-all-done:disabled{opacity:0.5;cursor:not-allowed;}
.dot-mgr-sr-note-sent{padding:6px 10px;margin-top:6px;background:#f0fdf4;border-left:3px solid #22c55e;border-radius:4px;font-size:0.8125rem;color:#166534;line-height:1.4;}
.dot-mgr-sr-quick-replies{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.dot-mgr-sr-quick-reply{padding:6px 12px;font-size:0.875rem;border-radius:16px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;cursor:pointer;transition:background 0.15s, border-color 0.15s;}
.dot-mgr-sr-quick-reply:hover{background:#dbeafe;border-color:#fbbf24;}
.dot-mgr-sr-quick-reply-active, .dot-mgr-sr-quick-reply-active:hover{background:#166534;color:#fff;border-color:#166534;}
.dot-mgr-sr-reply-row{display:flex;gap:6px;margin-top:6px;}
.dot-mgr-sr-reply-input{flex:1;min-width:0;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:0.8125rem;font-family:inherit;background:#fff;color:#111827;}
.dot-mgr-sr-reply-input:focus{border-color:#b45309;outline:none;}
.dot-mgr-sr-reply-send{flex-shrink:0;white-space:nowrap;}
.dot-mgr-86-badge{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 4px;margin-left:4px;border-radius:8px;background:#ef4444;color:#fff;font-size:0.75rem;font-weight:700;line-height:1;}
.dot-mgr-menu-category{margin-bottom:2px;}
.dot-mgr-menu-cat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f0f6fc;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;user-select:none;}
.dot-mgr-menu-cat-header:hover{background:#e7f1f8;}
.dot-mgr-menu-cat-header:focus-visible{outline:2px solid #b45309;outline-offset:2px;}
h3.dot-mgr-menu-cat-heading{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;}
button.dot-mgr-menu-cat-header{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;width:100%;text-align:left;}
.dot-mgr-menu-cat-name{font-weight:600;font-size:0.9375rem;}
.dot-mgr-menu-cat-meta{display:flex;align-items:center;gap:8px;font-size:0.875rem;color:#4b5563;}
.dot-mgr-menu-cat-count{font-weight:500;}
.dot-mgr-menu-cat-unavail{color:#c62828;font-weight:600;font-size:0.75rem;}
.dot-mgr-menu-cat-toggle-icon{font-size:0.75rem;color:#888;}
.dot-mgr-menu-cat-items{padding:0;}
.dot-mgr-menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 24px;border-bottom:1px solid #f0f0f0;transition:opacity 0.15s;}
.dot-mgr-menu-item:last-child{border-bottom:none;}
.dot-mgr-menu-item-info{flex:1;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.dot-mgr-menu-item-name{font-size:0.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.dot-mgr-menu-item-meta{display:flex;align-items:center;gap:6px;min-width:0;}
.dot-mgr-menu-item-price{font-size:0.875rem;color:#4b5563;white-space:nowrap;margin-left:auto;}
.dot-mgr-86-toolbar{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:8px;background:var(--dot-mgr-card, #fff);border-radius:8px;border:1px solid var(--dot-mgr-border, #e5e7eb);}
.dot-mgr-86-reset-all{flex-shrink:0;padding:6px 16px;font-size:0.85rem;font-weight:600;color:#fff;background:#b45309;border:none;border-radius:6px;cursor:pointer;transition:background 0.15s;}
.dot-mgr-86-reset-all:hover{background:#1d4ed8;}
.dot-mgr-86-reset-all:disabled{opacity:0.5;cursor:not-allowed;}
.dot-mgr-86-auto-note{font-size:0.8rem;color:var(--dot-mgr-muted, #6b7280);}
.dot-mgr-86-auto-warn{color:#b45309;}
.dot-mgr-item-86{opacity:0.55;}
.dot-mgr-item-86 .dot-mgr-menu-item-name{text-decoration:line-through;}
.dot-mgr-86-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0;cursor:pointer;}
.dot-mgr-86-switch input{opacity:0;width:0;height:0;position:absolute;}
.dot-mgr-86-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:24px;transition:background 0.2s;}
.dot-mgr-86-slider::before{content:'';position:absolute;width:20px;height:20px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:transform 0.2s;}
.dot-mgr-86-switch input:checked + .dot-mgr-86-slider{background:#4caf50;}
.dot-mgr-86-switch input:checked + .dot-mgr-86-slider::before{transform:translateX(22px);}
.dot-mgr-86-switch input:focus-visible + .dot-mgr-86-slider{outline:2px solid #b45309;outline-offset:2px;}
.dot-mgr-86-switch input:disabled + .dot-mgr-86-slider{opacity:0.5;cursor:not-allowed;}
.dot-mgr-item-options{position:relative;flex-shrink:0;}
.dot-mgr-item-options summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:2px;min-width:44px;min-height:44px;padding:4px 6px;border-radius:4px;font-size:1rem;line-height:1;color:#646970;}
.dot-mgr-item-options summary::-webkit-details-marker{display:none;}
.dot-mgr-item-options summary:hover{background:#f0f0f0;color:#1d2327;}
.dot-mgr-item-options summary:focus-visible{outline:2px solid #b45309;outline-offset:2px;border-radius:4px;}
.dot-mgr-item-options-dots{font-weight:700;}
.dot-mgr-item-options-badges{font-size:0.75rem;flex-shrink:0;}
.dot-mgr-item-options-panel{position:absolute;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border:1px solid #c3c4c7;border-radius:6px;padding:8px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);z-index:10;white-space:nowrap;min-width:max-content;}
.dot-mgr-featured-btn{background:none;border:none;cursor:pointer;font-size:0.8125rem;color:#555;padding:6px 8px;line-height:1;transition:color 0.15s, background 0.15s;flex-shrink:0;text-align:left;border-radius:4px;display:flex;align-items:center;gap:6px;}
.dot-mgr-featured-btn:hover{background:#f5f5f5;color:#1d2327;}
.dot-mgr-featured-btn.dot-mgr-featured-active{background:#fef3c7;color:#92400e;font-weight:600;}
.dot-mgr-featured-btn:focus-visible{outline:2px solid #b45309;outline-offset:2px;border-radius:2px;}
.dot-mgr-featured-btn:disabled{opacity:0.5;cursor:not-allowed;}
.dot-mgr-featured-price{width:100%;padding:5px 8px;font-size:0.8125rem;border:1px solid #c3c4c7;border-radius:4px;text-align:right;flex-shrink:0;-moz-appearance:textfield;}
.dot-mgr-featured-price::-webkit-inner-spin-button, .dot-mgr-featured-price::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.dot-mgr-featured-price:focus{border-color:#b45309;outline:1px solid #b45309;}
.dot-mgr-featured-price:disabled{opacity:0.5;}
@media(max-width:767px){
.dot-mgr-featured-price{font-size:1rem;}
} .dot-mgr-popular-btn,
.dot-mgr-recommended-btn{background:none;border:none;cursor:pointer;font-size:0.8125rem;color:#555;padding:6px 8px;line-height:1;transition:color 0.15s, background 0.15s;flex-shrink:0;text-align:left;border-radius:4px;display:flex;align-items:center;gap:6px;}
.dot-mgr-popular-btn:hover{background:#f5f5f5;color:#1d2327;}
.dot-mgr-popular-btn.dot-mgr-popular-active{background:#fff3e0;color:#e65100;font-weight:600;}
.dot-mgr-recommended-btn:hover{background:#f5f5f5;color:#1d2327;}
.dot-mgr-recommended-btn.dot-mgr-recommended-active{background:#e8f5e9;color:#2e7d32;font-weight:600;}
.dot-mgr-popular-btn:focus-visible, .dot-mgr-recommended-btn:focus-visible{outline:2px solid #b45309;outline-offset:2px;border-radius:2px;}
.dot-mgr-popular-btn:disabled, .dot-mgr-recommended-btn:disabled{opacity:0.5;cursor:not-allowed;}
.dot-mgr-allergens{display:inline-flex;align-items:center;font-size:0.8125rem;letter-spacing:1px;cursor:default;flex-shrink:0;padding:0 2px;}
@media (prefers-color-scheme: dark) {
.dot-manager-app{background:#121212 !important;color:#e0e0e0 !important;}
.dot-mgr-header{background:#1e1e1e;border-bottom-color:#333;}
.dot-mgr-header h1{color:#f0f0f0;}
.dot-mgr-login{background:#1e1e1e;border-color:#333;}
.dot-mgr-login input{background:#2a2a2a;color:#e0e0e0;border-color:#555;}
.dot-mgr-sr-table-group{background:#1e1e1e;border-color:#333;}
.dot-mgr-sr-table-has-pending{border-color:#92400e;}
.dot-mgr-sr-table-header{background:#2a2a2a;border-bottom-color:#444;}
.dot-mgr-sr-table-has-pending .dot-mgr-sr-table-header{background:#2a2211;border-bottom-color:#92400e;}
.dot-mgr-sr-table-name{color:#e0e0e0;}
.dot-mgr-sr-table-pending-count{background:#451a03;color:#fbbf24;}
.dot-mgr-sr-table-done-count{background:#451a03;color:#fbbf24;}
.dot-mgr-sr-mark-all-done{background:#047857;}
.dot-mgr-sr-mark-all-done:hover{background:#065f46;}
.dot-mgr-sr-card{background:#1e1e1e;border-color:#333;}
.dot-mgr-sr-card-pending{background:#2a2211;}
.dot-mgr-sr-card-done{background:#112233;}
.dot-mgr-sr-time{color:#999;}
.dot-mgr-sr-type{color:#e0e0e0;}
.dot-mgr-sr-details{color:#999;}
.dot-mgr-sr-note-sent{background:#0a2918;border-left-color:#16a34a;color:#86efac;}
.dot-mgr-sr-quick-reply{background:#451a03;color:#fbbf24;border-color:#451a03;}
.dot-mgr-sr-quick-reply:hover{background:#254b75;border-color:#d97706;}
.dot-mgr-sr-reply-input{background:#2a2a2a;border-color:#444;color:#e0e0e0;}
.dot-mgr-sr-reply-input:focus{border-color:#d97706;}
.dot-mgr-menu-cat-header{background:#2a2a2a;border-color:#444;color:#e0e0e0;}
.dot-mgr-menu-cat-header:hover{background:#333;}
.dot-mgr-menu-cat-meta{color:#999;}
.dot-mgr-menu-cat-unavail{color:#ef5350;}
.dot-mgr-menu-item{border-bottom-color:#333;}
.dot-mgr-menu-item-name{color:#e0e0e0;}
.dot-mgr-menu-item-price{color:#999;}
.dot-mgr-86-toolbar{background:#1e1e1e;border-color:#333;}
.dot-mgr-86-reset-all{background:#d97706;}
.dot-mgr-86-reset-all:hover{background:#b45309;}
.dot-mgr-86-auto-note{color:#999;}
.dot-mgr-86-auto-warn{color:#f59e0b;}
.dot-mgr-86-slider{background:#555;}
.dot-mgr-86-switch input:checked + .dot-mgr-86-slider{background:#66bb6a;}
.dot-mgr-visibility-toggle{color:#72aee6;}
.dot-mgr-visibility-toggle:hover:not(:disabled){background:rgba(114, 174, 230, 0.14);border-color:#72aee6;}
.dot-mgr-visibility-toggle:focus-visible{outline-color:#72aee6;}
.dot-mgr-visibility-toggle.is-hidden{color:#c3c4c7;}
.dot-mgr-visibility-toggle.is-hidden:hover:not(:disabled){background:rgba(255, 255, 255, 0.06);border-color:#c3c4c7;}
.dot-mgr-item-options summary{color:#999;}
.dot-mgr-item-options summary:hover{background:#333;color:#e0e0e0;}
.dot-mgr-item-options-panel{background:#2a2a2a;border-color:#555;box-shadow:0 2px 8px rgba(0, 0, 0, 0.4);}
.dot-mgr-featured-btn{color:#555;}
.dot-mgr-featured-btn:hover{color:#f0c040;}
.dot-mgr-featured-btn.dot-mgr-featured-active{color:#f0c040;}
.dot-mgr-featured-price{background:#2a2a2a;color:#e0e0e0;border-color:#555;}
.dot-mgr-featured-price:focus{border-color:#d97706;outline-color:#d97706;}
.dot-mgr-popular-btn, .dot-mgr-recommended-btn{color:#555;}
.dot-mgr-popular-btn:hover, .dot-mgr-popular-btn.dot-mgr-popular-active{color:#ff7043;}
.dot-mgr-recommended-btn:hover, .dot-mgr-recommended-btn.dot-mgr-recommended-active{color:#66bb6a;}
.dot-mgr-btn-small{background:#333;color:#e0e0e0;}
.dot-mgr-btn-small:hover{background:#444;}
.dot-mgr-btn-danger{background:#7f1d1d;color:#fca5a5;}
.dot-mgr-dropdown-panel{background:#2a2a2a;border-color:#444;}
.dot-mgr-dropdown-item{color:#e0e0e0;}
.dot-mgr-dropdown-item:hover, .dot-mgr-dropdown-item:focus{background:#333;}
.dot-mgr-dropdown-active{background:#451a03;color:#fbbf24;}
.dot-mgr-crud-modal-overlay{background:rgba(0, 0, 0, 0.6);}
.dot-mgr-crud-modal{background:#1e1e1e;color:#e0e0e0;}
.dot-mgr-crud-form label{color:#e0e0e0;}
.dot-mgr-allergen-details summary{background:#2a2a2a;color:#e0e0e0;border-color:#444;}
.dot-mgr-allergen-details{border-color:#444;}
.dot-mgr-variation-details summary{background:#2a2a2a;color:#e0e0e0;border-color:#444;}
.dot-mgr-variation-details{border-color:#444;}
.dot-mgr-crud-form input, .dot-mgr-crud-form textarea, .dot-mgr-crud-form select{background-color:#2a2a2a;color:#e0e0e0;border-color:#555;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");}
.dot-mgr-crud-form input:focus, .dot-mgr-crud-form textarea:focus, .dot-mgr-crud-form select:focus{border-color:#d97706;}
.dot-mgr-crud-table-wrap{color:#e0e0e0;}
.dot-mgr-crud-table th{background:#2a2a2a;color:#e0e0e0;border-bottom-color:#444;}
.dot-mgr-crud-table td{border-bottom-color:#333;}
.dot-mgr-crud-table tr:hover{background:#252525;}
.dot-mgr-row-indent{background:#1a1a1a;}
.dot-mgr-card-child{border-left-color:#d97706;}
.dot-mgr-crud-card{background:#1e1e1e;border-color:#333;}
.dot-mgr-crud-card-meta{color:#999;}
.dot-mgr-crud-card-actions{border-top-color:#333;}
.dot-mgr-translation-details{border-color:#444;}
.dot-mgr-translation-details summary{background:#2a2a2a;color:#e0e0e0;}
.dot-mgr-translation-preview{color:#999;}
.dot-mgr-translation-fields label{color:#e0e0e0;}
.dot-mgr-translation-lang{border-bottom-color:#333;}
.dot-mgr-translation-lang h4{color:#e0e0e0;}
.dot-mgr-translation-fields input, .dot-mgr-translation-fields textarea{background:#2a2a2a;color:#e0e0e0;border-color:#555;}
.dot-mgr-tm-toggle-btn{background:#2a2a2a;border-color:#444;color:#e0e0e0;}
.dot-mgr-tm-toggle-btn:hover{background:#333;}
.dot-mgr-tm-content{background:#1e1e1e;border-color:#444;}
.dot-mgr-tm-actions{background:#1e1e1e;border-top-color:#444;}
.dot-mgr-tm-item:hover{background:#252525;}
.dot-mgr-tm-reorder-table th{border-bottom-color:#444;}
.dot-mgr-tm-reorder-table td{border-bottom-color:#333;}
.dot-mgr-tm-reorder{border-top-color:#444;}
.dot-mgr-login-card{background:#1e1e1e;border-color:#333;box-shadow:0 2px 12px rgba(0, 0, 0, 0.4);}
.dot-mgr-login-card h1{color:#e0e0e0;}
.dot-mgr-login-card input[type="password"]{background:#2a2a2a;color:#e0e0e0;border-color:#555;}
.dot-mgr-login-card input[type="password"]:focus{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b;}
.dot-mgr-error{color:#fca5a5;}
.dot-mgr-remember{color:#c3c4c7;}
.dot-mgr-btn:focus-visible{outline-color:#f59e0b;}
.dot-mgr-btn-primary:hover, .dot-mgr-btn-active:hover{background:#d97706;}
.dot-mgr-ios-install{background:linear-gradient(135deg, #2a1f10 0%, #3a2a15 100%);border-color:#92400e;box-shadow:0 2px 8px rgba(0, 0, 0, 0.4);}
.dot-mgr-ios-install-text{color:#fde68a;}
.dot-mgr-ios-install-text strong{color:#fff7ed;}
.dot-mgr-connection-banner{background:#2a2211;color:#fbbf24;border-bottom-color:#92400e;}
.dot-mgr-sr-location{background:#2a2211;border-color:#92400e;color:#fbbf24;}
.dot-mgr-sr-badge{background:#b91c1c;color:#fff;}
.dot-mgr-sr-empty{color:#9ca3af;}
.dot-mgr-sr-quick-reply-active{background:#166534;color:#fff;}
.dot-mgr-menu-cat-toggle-icon{color:#9ca3af;}
.dot-mgr-86-badge{background:#b91c1c;color:#fff;}
.dot-mgr-86-reset-all{background:#b45309;color:#fff;}
.dot-mgr-86-reset-all:hover{background:#d97706;}
.dot-mgr-86-auto-warn{color:#f59e0b;}
} @media (prefers-contrast: more) {
.dot-mgr-sr-table-group{border:2px solid #000;}
.dot-mgr-sr-card{border:2px solid #000;}
.dot-mgr-sr-mark-all-done{border:2px solid #000;}
.dot-mgr-sr-quick-reply{border:2px solid #000;}
.dot-mgr-sr-reply-input{border:2px solid #000;}
.dot-mgr-sr-note-sent{border-left-width:4px;border-left-color:#000;}
.dot-mgr-86-toolbar{border:2px solid #000;}
.dot-mgr-86-reset-all{border:2px solid #000;}
.dot-mgr-menu-cat-header{border:2px solid #000;}
.dot-mgr-menu-item{border-bottom:2px solid #000;}
.dot-mgr-item-86{opacity:0.65;}
.dot-mgr-86-slider{border:2px solid #000;}
.dot-mgr-item-options-panel{border:2px solid #000;}
.dot-mgr-featured-btn{border:2px solid transparent;}
.dot-mgr-featured-btn.dot-mgr-featured-active{border-color:#000;}
.dot-mgr-featured-price{border:2px solid #000;}
.dot-mgr-popular-btn, .dot-mgr-recommended-btn{border:2px solid transparent;}
.dot-mgr-popular-btn.dot-mgr-popular-active, .dot-mgr-recommended-btn.dot-mgr-recommended-active{border-color:#000;}
}
@media (forced-colors: active) {
.dot-mgr-sr-table-group{border:1px solid CanvasText;}
.dot-mgr-sr-card{border:1px solid CanvasText;}
.dot-mgr-sr-mark-all-done{forced-color-adjust:none;background:Highlight;color:HighlightText;}
.dot-mgr-sr-quick-reply{forced-color-adjust:none;border:1px solid ButtonText;}
.dot-mgr-sr-quick-reply:hover{border-color:Highlight;}
.dot-mgr-sr-reply-input{border:1px solid CanvasText;}
.dot-mgr-sr-note-sent{border-left:3px solid Highlight;}
.dot-mgr-menu-cat-header{border:1px solid ButtonText;background:ButtonFace;color:ButtonText;}
.dot-mgr-menu-item{border-bottom:1px solid CanvasText;}
.dot-mgr-visibility-toggle{border:1px solid ButtonText;color:ButtonText;}
.dot-mgr-visibility-toggle:focus-visible{outline:2px solid Highlight;}
.dot-mgr-row-hidden .dot-mgr-item-name{color:GrayText;}
.dot-mgr-86-switch{forced-color-adjust:none;}
.dot-mgr-86-slider{background:GrayText;border:1px solid CanvasText;}
.dot-mgr-86-switch input:checked + .dot-mgr-86-slider{background:Highlight;}
.dot-mgr-86-slider::before{background:Canvas;}
.dot-mgr-86-badge{forced-color-adjust:none;background:Mark;color:MarkText;}
.dot-mgr-item-options-panel{border:2px solid CanvasText;}
.dot-mgr-item-options summary{forced-color-adjust:none;color:ButtonText;}
.dot-mgr-featured-btn{forced-color-adjust:none;color:GrayText;}
.dot-mgr-featured-btn.dot-mgr-featured-active{color:Highlight;}
.dot-mgr-popular-btn, .dot-mgr-recommended-btn{forced-color-adjust:none;color:GrayText;}
.dot-mgr-popular-btn.dot-mgr-popular-active, .dot-mgr-recommended-btn.dot-mgr-recommended-active{color:Highlight;}
.dot-mgr-allergens{forced-color-adjust:none;}
} @media(max-width:320px){
.dot-mgr-login-card{padding:20px 16px;}
.dot-mgr-login-card h1{font-size:1.0625rem;}
.dot-mgr-login-card input[type="password"]{font-size:1.25rem;letter-spacing:6px;padding:10px 12px;}
.dot-mgr-header{padding:10px;font-size:0.8125rem;}
.dot-mgr-sr-card{padding:8px;}
.dot-mgr-sr-table-header{padding:8px 10px;font-size:0.8125rem;}
.dot-mgr-sr-table-name{font-size:0.8125rem;}
} .dot-mgr-tm-panel{margin-bottom:2px;}
.dot-mgr-tm-heading{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;}
.dot-mgr-tm-toggle-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:#f0f6fc;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;user-select:none;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:left;}
.dot-mgr-tm-toggle-btn:hover{background:#e7f1f8;}
.dot-mgr-tm-toggle-btn:focus-visible{outline:2px solid #b45309;outline-offset:2px;}
.dot-mgr-tm-cat-name{font-weight:600;font-size:0.875rem;}
.dot-mgr-tm-count{font-size:0.875rem;color:#4b5563;margin-left:8px;}
.dot-mgr-tm-arrow{font-size:0.6875rem;color:#888;margin-left:auto;padding-left:8px;}
.dot-mgr-tm-content{padding:12px 16px;border:1px solid #e0e0e0;border-top:0;border-radius:0 0 6px 6px;background:#fff;}
.dot-mgr-tm-actions{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e0e0e0;z-index:2;margin-top:12px;flex-wrap:wrap;}
.dot-mgr-tm-clear, .dot-mgr-tm-save{background:#0078d4 !important;color:#fff !important;border-radius:6px;padding:8px 20px !important;font-size:0.875rem !important;font-weight:600;min-height:38px;}
.dot-mgr-tm-clear:hover, .dot-mgr-tm-save:hover{background:#006cbe !important;}
.dot-mgr-tm-status{font-size:0.875rem;width:100%;text-align:center;}
.dot-mgr-tm-status-success{color:#2e7d32;}
.dot-mgr-tm-status-error{color:#d32f2f;}
.dot-mgr-tm-items{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.dot-mgr-tm-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:4px;cursor:pointer;min-height:40px;}
.dot-mgr-tm-item:hover{background:#f6f7f7;}
.dot-mgr-tm-checkbox{width:24px;height:24px;flex-shrink:0;accent-color:#0078d4;}
.dot-mgr-tm-item-name{font-size:0.875rem;font-weight:400;}
.dot-mgr-tm-hidden-badge{display:inline-block;padding:2px 8px;font-size:0.75rem;font-weight:600;background:#fdecea;color:#b71c1c;border-radius:10px;margin-left:auto;}
.dot-mgr-tm-reorder{margin-top:16px;padding-top:12px;border-top:1px solid #e0e0e0;}
.dot-mgr-tm-reorder-heading{margin:0 0 4px;font-size:0.875rem;font-weight:600;}
.dot-mgr-tm-reorder-desc{margin:0 0 8px;font-size:0.875rem;color:#4b5563;}
.dot-mgr-tm-reorder-table{width:100%;border-collapse:collapse;}
.dot-mgr-tm-reorder-table th{text-align:left;padding:6px 8px;font-size:0.875rem;color:#4b5563;border-bottom:1px solid #e0e0e0;}
.dot-mgr-tm-reorder-table td{padding:8px;border-bottom:1px solid #f0f0f0;font-size:0.875rem;}
.dot-mgr-tm-reorder-pos{width:30px;text-align:center;font-weight:600;color:#888;}
.dot-mgr-tm-reorder-name{font-weight:400;}
.dot-mgr-tm-reorder-arrows{width:90px;text-align:right;white-space:nowrap;display:flex;gap:8px;justify-content:flex-end;}
.dot-mgr-tm-reorder-arrows .dot-mgr-btn{min-width:36px;min-height:28px;padding:6px 8px;}
.dot-mgr-tm-reorder-status{display:block;margin-top:6px;font-size:0.875rem;}
@media(max-width:600px){
.dot-mgr-tm-toggle-btn{padding:10px 12px;}
.dot-mgr-tm-content{padding:10px 12px;}
.dot-mgr-tm-item{padding:10px 8px;min-height:44px;}
.dot-mgr-tm-checkbox{width:22px;height:22px;}
.dot-mgr-tm-actions{padding:10px 12px;}
} .dot-mgr-menu-dropdown{position:relative;display:inline-block;}
.dot-mgr-dropdown-trigger{position:relative;}
.dot-mgr-dropdown-panel{position:absolute;top:100%;left:0;z-index:100;min-width:200px;background:#fff;border:1px solid #c3c4c7;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.12);padding:4px 0;margin-top:4px;}
.dot-mgr-dropdown-item{display:block;width:100%;padding:10px 16px;font-size:0.875rem;font-weight:500;text-align:left;background:none;border:none;cursor:pointer;color:#1d2327;transition:background 0.1s;}
.dot-mgr-dropdown-item:hover, .dot-mgr-dropdown-item:focus{background:#f0f0f1;}
.dot-mgr-dropdown-active, .dot-mgr-dropdown-active:hover, .dot-mgr-dropdown-active:active, .dot-mgr-dropdown-active:focus{background:#fef3c7;color:#b45309;font-weight:600;}
.dot-mgr-dropdown-close{display:none;}
.dot-mgr-dropdown-sep{border:none;border-top:1px solid #dcdcde;margin:4px 0;display:none;}
.dot-mgr-dropdown-help, .dot-mgr-dropdown-push, .dot-mgr-dropdown-logout{display:none;}
@media(max-width:767px){
.dot-mgr-dropdown-sep{display:block;}
.dot-mgr-dropdown-help, .dot-mgr-dropdown-push, .dot-mgr-dropdown-logout{display:block;}
.dot-mgr-header-utility{display:none !important;}
.dot-mgr-dropdown-close{display:block;position:absolute;top:8px;right:8px;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;padding:4px 8px;color:#6b7280;z-index:1;}
.dot-mgr-dropdown-close:hover, .dot-mgr-dropdown-close:focus-visible{color:#1d2327;}
.dot-mgr-dropdown-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:999;}
.dot-mgr-dropdown-backdrop.dot-mgr-backdrop-open{display:block;}
.dot-mgr-dropdown-panel{position:fixed !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%);z-index:1000 !important;min-width:260px;max-width:calc(100vw - 48px);max-height:calc(100vh - 96px);overflow-y:auto;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.25);margin-top:0;padding-top:40px;}
.dot-mgr-dropdown-item{padding:14px 20px;font-size:1rem;}
}  .dot-mgr-view-title{font-size:1.125rem;font-weight:700;margin:0;padding:12px 16px 4px;}
.dot-mgr-crud{padding:0 4px;position:relative;}
.dot-mgr-crud-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;flex-wrap:wrap;}
.dot-mgr-crud-header .dot-mgr-view-title{padding:0 12px 0 12px;}
.dot-mgr-crud-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.dot-mgr-crud-filter{padding:6px 10px;font-size:0.875rem;border:1px solid #c3c4c7;border-radius:6px;background:#fff;}
.dot-mgr-crud-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.dot-mgr-crud-table{width:100%;border-collapse:collapse;font-size:0.875rem;}
.dot-mgr-crud-table th{text-align:left;font-weight:600;padding:8px 10px;border-bottom:2px solid #c3c4c7;color:#50575e;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;}
.dot-mgr-crud-table td{padding:10px 10px;border-bottom:1px solid #e8e8e8;vertical-align:middle;}
.dot-mgr-crud-table th, .dot-mgr-crud-table td{border-left:0 !important;border-right:0 !important;}
.dot-mgr-crud-table th:first-child, .dot-mgr-crud-table td:first-child{text-align:center;}
.dot-mgr-price-cell{white-space:nowrap;}
.dot-mgr-crud-actions{display:flex;flex-wrap:wrap;gap:4px;}
.dot-mgr-crud-actions .dot-mgr-btn{padding:6px 10px;font-size:0.875rem;min-height:32px;}
.dot-mgr-crud-table tr:hover{background:#f9f9f9;}
.dot-mgr-row-indent{background:#f8f9fa;}
.dot-mgr-row-indent td:nth-child(2){padding-left:28px;}
.dot-mgr-row-hidden{opacity:0.55;}
.dot-mgr-row-hidden .dot-mgr-item-name{text-decoration:line-through;text-decoration-thickness:1px;}
.dot-mgr-row-hidden .dot-mgr-visibility-toggle{opacity:1;}
.dot-mgr-visibility-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:4px;margin-right:8px;background:transparent;border:1px solid transparent;border-radius:4px;color:#2271b1;cursor:pointer;vertical-align:middle;transition:background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;}
.dot-mgr-visibility-toggle:hover:not(:disabled){background:rgba(34, 113, 177, 0.08);border-color:currentColor;}
.dot-mgr-visibility-toggle:focus-visible{outline:2px solid #2271b1;outline-offset:1px;}
.dot-mgr-visibility-toggle.is-hidden{color:#50575e;}
.dot-mgr-visibility-toggle.is-hidden:hover:not(:disabled){background:rgba(80, 87, 94, 0.08);}
.dot-mgr-visibility-toggle--mobile{min-width:44px;min-height:44px;padding:10px;}
.dot-mgr-indent-arrow{color:#b45309;font-size:0.875rem;}
.dot-mgr-crud-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;vertical-align:middle;}
.dot-mgr-crud-thumb-lg{width:80px;height:80px;object-fit:cover;border-radius:8px;}
.dot-mgr-crud-no-img{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background:#f0f0f1;border-radius:6px;color:#888;font-size:1rem;}
.dot-mgr-crud-cards{display:flex;flex-direction:column;gap:8px;}
.dot-mgr-crud-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:12px;}
.dot-mgr-crud-card-header{display:flex;align-items:center;gap:10px;}
.dot-mgr-crud-card-info{flex:1;min-width:0;}
.dot-mgr-crud-card-info strong{display:block;font-size:0.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dot-mgr-crud-card-meta{display:block;font-size:0.8125rem;color:#4b5563;margin-top:2px;}
.dot-mgr-crud-card-actions{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e8e8e8;flex-wrap:wrap;align-items:center;}
.dot-mgr-card-child{margin-left:20px;border-left:3px solid #b45309;}
.dot-mgr-mobile-only{display:none;}
.dot-mgr-desktop-only{display:block;}
@media(max-width:1023px){
.dot-mgr-mobile-only{display:block;}
.dot-mgr-desktop-only{display:none !important;}
} .dot-mgr-crud-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.dot-mgr-crud-modal{background:#fff;border-radius:0;padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,0.18);}
.dot-mgr-crud-modal-lg{max-width:600px;}
.dot-mgr-crud-modal h3{margin:0 0 16px;font-size:1.125rem;font-weight:700;}
.dot-mgr-crud-form label{display:block;font-size:0.875rem;font-weight:500;margin-bottom:12px;color:#1d2327;}
.dot-mgr-crud-form input[type="text"],
.dot-mgr-crud-form input[type="number"],
.dot-mgr-crud-form input[type="time"],
.dot-mgr-crud-form textarea, .dot-mgr-crud-form select{display:block;width:100%;padding:8px 10px;font-size:0.875rem;border:1px solid #c3c4c7;border-radius:6px;margin-top:4px;-webkit-appearance:none;}
.dot-mgr-crud-form input[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;width:24px;height:24px;min-width:24px;min-height:24px;display:inline;vertical-align:middle;cursor:pointer;}
.dot-mgr-crud-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23646970' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;}
.dot-mgr-crud-form textarea{font-family:inherit;font-size:0.875rem;resize:vertical;}
.dot-mgr-crud-form input:focus, .dot-mgr-crud-form textarea:focus, .dot-mgr-crud-form select:focus{border-color:#b45309;box-shadow:0 0 0 1px #b45309;outline:none;}
.dot-mgr-crud-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
@media(max-width:500px){
.dot-mgr-crud-form-grid{grid-template-columns:1fr;}
} .dot-mgr-crud-price-portion-row{display:flex;gap:12px;grid-column:1 / -1;}
.dot-mgr-crud-price-portion-row label{flex:1;min-width:0;}
.dot-mgr-crud-price-portion-row label:last-child{flex:0 0 100px;}
@media(max-width:500px){
.dot-mgr-crud-price-portion-row{flex-wrap:wrap;}
.dot-mgr-crud-price-portion-row label{flex:1 1 40%;}
.dot-mgr-crud-price-portion-row label:last-child{flex:0 0 100px;}
}
.dot-mgr-crud-form-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}
.dot-mgr-crud-form-actions .dot-mgr-btn{padding:6px 12px;font-size:0.8125rem;border-radius:6px;}
.dot-mgr-crud-image-field{margin-bottom:12px;}
.dot-mgr-crud-image-field > span{display:block;font-size:0.875rem;font-weight:500;margin-bottom:6px;}
.dot-mgr-crud-image-preview{margin-bottom:6px;}
.dot-mgr-crud-image-btns{display:flex;gap:6px;}
.dot-mgr-crud-fieldset{border:1px solid #e0e0e0;border-radius:8px;padding:12px;margin:12px 0;font-family:inherit;}
.dot-mgr-crud-fieldset legend{font-size:0.875rem;font-weight:600;padding:0 6px;font-family:inherit;}
.dot-mgr-translation-details{border:1px solid #e0e0e0;border-radius:8px;margin:12px 0;overflow:hidden;}
.dot-mgr-translation-details summary{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-size:0.875rem;font-weight:600;background:#f9f9f9;list-style:none;user-select:none;}
.dot-mgr-translation-details summary::-webkit-details-marker{display:none;}
.dot-mgr-translation-details summary::before{content:'\25B6';font-size:0.75rem;transition:transform 0.15s;}
.dot-mgr-translation-details[open] summary::before{transform:rotate(90deg);}
.dot-mgr-translation-preview{font-weight:400;color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;}
.dot-mgr-translation-fields{padding:12px 14px;}
.dot-mgr-translation-fields label{display:block;margin-bottom:10px;font-size:0.875rem;font-weight:500;}
.dot-mgr-translation-fields input, .dot-mgr-translation-fields textarea{display:block;width:100%;margin-top:4px;padding:8px 10px;border:1px solid #c3c4c7;border-radius:6px;font-size:0.875rem;font-family:inherit;box-sizing:border-box;}
.dot-mgr-translation-fields textarea{resize:vertical;}
.dot-mgr-translation-lang{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #eee;}
.dot-mgr-translation-lang:last-of-type{border-bottom:none;margin-bottom:6px;padding-bottom:0;}
.dot-mgr-translation-lang h4{font-size:0.875rem;font-weight:600;margin:0 0 8px;color:#333;}
.dot-mgr-translation-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;}
.dot-mgr-translation-actions .dot-mgr-btn{padding:6px 12px;font-size:0.8125rem;}
.dot-mgr-allergen-grid{display:flex;flex-wrap:wrap;gap:4px 12px;}
.dot-mgr-allergen-check{display:inline-flex;align-items:center;gap:4px;font-size:0.8125rem;font-weight:400 !important;margin-bottom:0 !important;white-space:nowrap;cursor:pointer;}
.dot-mgr-allergen-check input[type="checkbox"]{display:inline;width:auto;margin:0;}
.dot-mgr-days-grid{display:flex;flex-wrap:wrap;gap:4px 12px;}
.dot-mgr-day-check{display:inline-flex;align-items:center;gap:6px;font-size:0.875rem;font-weight:400 !important;margin-bottom:0 !important;cursor:pointer;}
.dot-mgr-day-check input[type="checkbox"]{display:inline;width:18px;height:18px;margin:0;-webkit-appearance:checkbox;appearance:checkbox;flex-shrink:0;}
.dot-mgr-btn-danger{background:#d63638;color:#fff;}
.dot-mgr-btn-danger:hover{background:#b32d2e;}
.dot-mgr-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:2000;background:#1d2327;color:#fff;padding:10px 20px;border-radius:8px;font-size:0.875rem;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,0.2);pointer-events:none;max-width:calc(100vw - 48px);word-wrap:break-word;}
[x-cloak]{display:none !important;}
.dot-mgr-options-list{display:flex;flex-direction:column;gap:8px;}
.dot-mgr-options-group{background:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;}
.dot-mgr-options-group-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;cursor:pointer;background:#fafafa;border-bottom:1px solid #f0f0f1;flex-wrap:wrap;}
.dot-mgr-options-group-header:hover{background:#f0f0f1;}
.dot-mgr-options-group-info{flex:1;min-width:0;}
.dot-mgr-options-group-info strong{display:block;font-size:0.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dot-mgr-options-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;}
.dot-mgr-badge{display:inline-block;padding:2px 8px;font-size:0.6875rem;font-weight:600;border-radius:4px;background:#f0f0f1;color:#555;text-transform:uppercase;letter-spacing:0.3px;}
.dot-mgr-badge-req{background:#fce4e4;color:#b32d2e;}
.dot-mgr-badge-opt{background:#e8f5e9;color:#2e7d32;}
.dot-mgr-badge-count{background:#fef3c7;color:#b45309;}
.dot-mgr-options-group-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;}
.dot-mgr-options-mods{padding:8px 14px 12px;}
.dot-mgr-options-mod{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f0f0f1;}
.dot-mgr-options-mod:last-of-type{border-bottom:none;}
.dot-mgr-options-mod-name{flex:1;min-width:0;font-size:0.875rem;overflow-wrap:break-word;}
.dot-mgr-options-mod-price{font-size:0.8125rem;font-weight:600;color:#555;white-space:nowrap;}
.dot-mgr-options-mod-actions{display:flex;gap:4px;}
.dot-mgr-add-mod-btn{margin-top:8px;}
.dot-mgr-allergen-details{margin-bottom:12px;border:1px solid #ddd;border-radius:6px;overflow:hidden;}
.dot-mgr-allergen-details summary{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:0.875rem;font-weight:500;color:#1d2327;cursor:pointer;background:#f9f9f9;list-style:none;}
.dot-mgr-allergen-details summary::-webkit-details-marker{display:none;}
.dot-mgr-allergen-details summary::before{content:'▶';font-size:0.75rem;transition:transform 0.15s;}
.dot-mgr-allergen-details[open] summary::before{transform:rotate(90deg);}
.dot-mgr-allergen-summary-label{flex:1;}
.dot-mgr-allergen-hint{font-size:0.75rem;color:#4b5563;}
.dot-mgr-allergen-list{display:flex;flex-wrap:wrap;gap:6px 12px;padding:10px 14px;}
.dot-mgr-allergen-item{display:flex;align-items:center;gap:4px;font-size:0.875rem;cursor:pointer;}
.dot-mgr-allergen-item input[type="checkbox"]{accent-color:#0078d4;width:18px;height:18px;margin:0;cursor:pointer;}
.dot-mgr-allergen-hint{font-size:0.75rem;color:#888;margin-top:4px;}
.dot-mgr-variation-details{margin-bottom:12px;border:1px solid #ddd;border-radius:6px;overflow:hidden;}
.dot-mgr-variation-details summary{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:0.875rem;font-weight:500;cursor:pointer;background:#f8f9fa;list-style:none;}
.dot-mgr-variation-details summary::-webkit-details-marker{display:none;}
.dot-mgr-variation-details summary::before{content:'\25B6';font-size:0.75rem;transition:transform 0.15s;}
.dot-mgr-variation-details[open] summary::before{transform:rotate(90deg);}
.dot-mgr-variation-summary-label{flex:1;}
.dot-mgr-variation-hint{font-size:0.75rem;color:#888;}
.dot-mgr-variation-list{padding:10px 14px;}
.dot-mgr-variation-row{display:flex;gap:12px;margin-bottom:4px;align-items:flex-end;}
.dot-mgr-variation-row label{margin-bottom:0;}
.dot-mgr-variation-grams{flex:1;min-width:0;}
.dot-mgr-variation-unit{flex:0 0 80px;}
.dot-mgr-variation-price{flex:1;min-width:0;}
.dot-mgr-variation-remove{margin-bottom:4px;flex-shrink:0;}
@media(max-width:767px){
.dot-mgr-crud-form input[type="text"],
.dot-mgr-crud-form input[type="number"],
.dot-mgr-crud-form input[type="time"],
.dot-mgr-crud-form textarea, .dot-mgr-crud-form select{font-size:1rem;}
}
@media(max-width:500px){
.dot-mgr-variation-row{flex-wrap:wrap;}
.dot-mgr-variation-grams, .dot-mgr-variation-price{flex:1 1 40%;}
.dot-mgr-variation-unit{flex:0 0 70px;}
} @media(max-width:600px){
.dot-mgr-options-group-header{flex-direction:column;align-items:flex-start;}
.dot-mgr-options-group-actions{width:100%;justify-content:flex-end;margin-top:6px;}
.dot-mgr-options-mod{flex-wrap:wrap;}
.dot-mgr-dropdown-panel{min-width:180px;}
} .dot-mgr-help-btn{font-size:0.8125rem !important;line-height:1.3;}
.dot-mgr-help-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.5);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;}
.dot-mgr-help-modal{background:#fff;border-radius:0;max-width:540px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 30px rgba(0, 0, 0, 0.25);position:relative;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;line-height:1.4;color:#1d2327;}
.dot-mgr-help-modal *,
.dot-mgr-help-modal *::before,
.dot-mgr-help-modal *::after{font-family:inherit !important;letter-spacing:normal !important;}
.dot-mgr-help-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1;}
.dot-mgr-help-header h2{margin:0;font-size:1.2rem;font-weight:700;display:block !important;flex-direction:unset !important;writing-mode:horizontal-tb !important;line-height:1.4 !important;}
.dot-mgr-help-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:4px 8px;color:#6b7280;line-height:1;}
.dot-mgr-help-body{padding:16px 20px 24px;font-weight:400;font-size:0.875rem;}
.dot-mgr-help-section{margin-bottom:20px;}
.dot-mgr-help-section:last-child{margin-bottom:0;}
.dot-mgr-help-section h3{margin:0 0 10px;font-size:1rem;font-weight:600;display:block !important;flex-direction:unset !important;writing-mode:horizontal-tb !important;line-height:1.4 !important;}
.dot-mgr-help-section ol, .dot-mgr-help-section ul{margin:0;padding-left:22px;line-height:1.9;}
.dot-mgr-help-features li{margin-bottom:4px;line-height:1.6;}
.dot-mgr-help-section p{margin:0 0 8px;line-height:1.6;}
.dot-mgr-help-note{padding:10px 14px;border-radius:6px;margin-top:10px;font-size:0.875rem;line-height:1.5;}
.dot-mgr-help-warn{background:#fff3cd;color:#856404;}
.dot-mgr-help-tip{background:#d1ecf1;color:#0c5460;}
@media(max-width:320px){ .dot-mgr-crud-table th{white-space:normal;font-size:0.6875rem;padding:6px 4px;}
.dot-mgr-crud-table td{padding:6px 4px;word-break:break-word;}
.dot-mgr-dropdown-panel{min-width:auto;max-width:calc(100vw - 16px);}
.dot-mgr-crud-portion-row{flex-direction:column;}
.dot-mgr-crud-portion-row select{width:100%;}
.dot-mgr-crud-actions{white-space:normal;flex-wrap:wrap;}
}  @media(min-width:1024px){ .dot-mgr-header{padding:12px 24px;}
.dot-mgr-view-toggle{display:flex;align-items:center;gap:4px;}
.dot-mgr-menu-dropdown{display:contents;}
.dot-mgr-dropdown-trigger{display:none;}
.dot-mgr-dropdown-panel{display:flex !important;position:static;background:none;border:none;box-shadow:none;padding:0;margin:0;gap:4px;min-width:0;}
.dot-mgr-dropdown-item{display:inline-flex;align-items:center;width:auto;padding:6px 14px;font-size:0.8125rem;line-height:1.3;border-radius:6px;background:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.8);white-space:nowrap;transition:background 0.15s, color 0.15s;}
.dot-mgr-dropdown-sep, .dot-mgr-dropdown-help, .dot-mgr-dropdown-push, .dot-mgr-dropdown-logout{display:none !important;}
.dot-mgr-dropdown-item:hover, .dot-mgr-dropdown-item:focus{background:rgba(255, 255, 255, 0.2);color:#fff;}
.dot-mgr-dropdown-active, .dot-mgr-dropdown-active:hover, .dot-mgr-dropdown-active:active, .dot-mgr-dropdown-active:focus{background:#b45309;color:#fff;transition:none;}
.dot-mgr-dropdown-active:hover{background:#92400e;}
.dot-mgr-content{padding:16px 20px;}
.dot-mgr-view-title{padding:12px 24px 4px;}
.dot-mgr-crud-header .dot-mgr-view-title{padding:0 0 0 4px;}
.dot-mgr-requests{display:grid;grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));gap:16px;}
.dot-mgr-sr-table-group{margin-bottom:0;}
.dot-mgr-menu-cat-items{display:grid;grid-template-columns:repeat(2, 1fr);}
.dot-mgr-tm-items{display:grid;grid-template-columns:repeat(2, 1fr);gap:4px 16px;}
.dot-mgr-crud-table th, .dot-mgr-crud-table td{padding:10px 14px;}
.dot-mgr-options-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;}
.dot-mgr-item-options-panel{flex-direction:column;align-items:stretch;gap:2px;}
.dot-mgr-featured-price{width:110px;}
.dot-mgr-crud-modal{max-width:560px;padding:28px 32px;}
.dot-mgr-crud-modal-lg{max-width:720px;}
.dot-mgr-help-modal{max-width:640px;}
.dot-mgr-location-bar{padding-left:24px;padding-right:24px;}
} @media(min-width:1200px){
.dot-mgr-dashboard{max-width:1600px;}
} @media(min-width:1440px){ .dot-mgr-content{padding:20px 32px;}
.dot-mgr-requests{grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));}
.dot-mgr-menu-cat-items{grid-template-columns:repeat(3, 1fr);}
.dot-mgr-tm-items{grid-template-columns:repeat(3, 1fr);}
.dot-mgr-crud-thumb{width:48px;height:48px;}
.dot-mgr-crud-modal-lg{max-width:800px;}
} @media (min-width: 1024px) and (prefers-color-scheme: dark) {
.dot-mgr-dropdown-panel{background:none;}
.dot-mgr-dropdown-item{background:rgba(255, 255, 255, 0.08);color:rgba(255, 255, 255, 0.7);}
.dot-mgr-dropdown-item:hover, .dot-mgr-dropdown-item:focus{background:rgba(255, 255, 255, 0.15);color:#fff;}
.dot-mgr-dropdown-active, .dot-mgr-dropdown-active:hover, .dot-mgr-dropdown-active:active, .dot-mgr-dropdown-active:focus{background:#d97706;color:#fff;}
.dot-mgr-dropdown-active:hover{background:#b45309;}
} @media(max-width:480px){ .dot-mgr-dropdown-panel {
min-width: 160px;
max-width: calc(100vw - 32px);
} .dot-mgr-item-options-panel {
max-width: calc(100vw - 32px);
} .dot-mgr-header {
flex-wrap: wrap;
}
.dot-mgr-header-actions {
flex-wrap: wrap;
justify-content: center;
} .dot-mgr-crud-modal {
padding: 16px;
} .dot-mgr-help-modal {
max-width: calc(100vw - 32px);
} .dot-mgr-menu-cat-name {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
} .dot-mgr-menu-item-name {
white-space: normal;
} .dot-mgr-tm-reorder-table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .dot-mgr-tm-reorder-arrows .dot-mgr-btn {
min-width: 40px;
min-height: 32px;
} .dot-mgr-item-options-panel {
white-space: normal;
min-width: auto;
} .dot-mgr-crud-price-portion-row {
flex-wrap: wrap;
}
.dot-mgr-crud-price-portion-row label {
flex: 1 1 100%;
}
.dot-mgr-crud-price-portion-row label:last-child {
flex: 1 1 100%;
} .dot-mgr-crud-form-actions .dot-mgr-btn {
flex: 1;
min-height: 40px;
font-size: 0.875rem;
} .dot-mgr-days-grid {
gap: 4px 8px;
}
.dot-mgr-day-check {
flex: 0 0 calc(50% - 4px);
} .dot-mgr-options-group-info strong {
white-space: normal;
} .dot-mgr-toast {
bottom: 72px;
}
}