.yatoon-workflow-dialog{border:1px solid #d9dee7;border-radius:16px;padding:24px;width:640px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;background:#fff;color:#17202d;font:14px/1.6 system-ui,sans-serif}.yatoon-workflow-dialog::backdrop{background:#10182899}.yatoon-workflow-dialog h2{font-size:22px}.yatoon-workflow-dialog label{display:flex;flex-direction:column;gap:6px}.yatoon-workflow-dialog input{max-width:100%;min-height:40px}.yatoon-workflow-dialog .yatoon-eta-notify{flex-direction:row;align-items:center;margin:12px 0}.yatoon-workflow-dialog .yatoon-eta-notify input{min-height:0}.yatoon-workflow-dialog button{min-height:40px;cursor:pointer}.yatoon-dialog-close{float:right}.yatoon-workflow-message.is-error,.yatoon-import-error{color:#b42318}.yatoon-notification-row{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #e6e8eb;padding:12px 0}.yatoon-notification-row span{flex:1;min-width:180px}.yatoon-notification-row small{width:100%}.yatoon-notification-row button{width:auto}.yatoon-eta-form{border:1px solid #e6e8eb;border-radius:10px;padding:14px}.yatoon-template-dishes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;max-height:320px;overflow:auto;border:1px solid #e6e8eb;border-radius:8px;padding:12px}.yatoon-template-dishes label{display:flex;align-items:center;gap:6px}.yatoon-template-manage{display:flex;align-items:center;gap:8px;margin:10px 0}.yatoon-import-preview{max-height:320px;overflow:auto;background:#f8fafc;padding:12px;border:1px solid #e6e8eb;overflow-wrap:anywhere}.yatoon-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.yatoon-overview-grid a{display:flex;flex-direction:column;gap:8px;color:#17202d;text-decoration:none}.yatoon-overview-grid strong{font-size:32px}.yatoon-image-details{margin-top:10px;max-width:100%;padding:10px;border:1px solid #e6e8eb;border-radius:8px}.yatoon-image-details label{display:flex;gap:10px;margin:12px 0;align-items:center}.yatoon-image-details input{max-width:100%}.yatoon-share-qr{background:#fff;padding:16px;display:table;margin:12px 0;max-width:100%;box-sizing:border-box}.yatoon-share-qr img,.yatoon-share-qr canvas{max-width:100%;height:auto}.yatoon-connection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #d9dee7;border-left:4px solid #16a34a;border-radius:8px;margin:12px 0;color:#17202d;font:14px/1.5 system-ui,sans-serif}.yatoon-connection-bar.is-offline{border-left-color:#d92d20;background:#fff6f4}.yatoon-connection-bar button{min-height:40px}.yatoon-connection-bar small{color:#596579}.yatoon-kds-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px}.yatoon-kds-ticket button{min-height:44px}.yatoon-kds-ticket .yatoon-kds-payment{padding:6px 0;font-size:13px;color:#596579}.yatoon-kds-ticket .yatoon-workflow-open{margin-top:8px;width:100%;padding:8px}.yatoon-kds-ticket .yatoon-kds-eta{font-weight:600;color:#245b42}.yatoon-share-steps{line-height:1.8}.yatoon-workflow-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.yatoon-workflow-nav a{background:#fff;border:1px solid #d9dee7;border-radius:8px;padding:8px 12px;text-decoration:none;color:#17202d}.yatoon-category-card h2{cursor:grab}.yatoon-sync-count{margin-left:12px}.yatoon-experience-admin input[type=file]{max-width:100%}html[dir=rtl] .yatoon-workflow-dialog{text-align:right}html[dir=rtl] .yatoon-dialog-close{float:left}@media(max-width:640px){.yatoon-overview-grid{grid-template-columns:1fr}.yatoon-workflow-dialog{padding:18px}.yatoon-notification-row span{min-width:0;width:100%;flex-basis:100%}.yatoon-image-details label{flex-direction:column;align-items:stretch}.yatoon-experience-admin form{max-width:100%}.yatoon-experience-admin input:not([type=checkbox]):not([type=hidden]),.yatoon-experience-admin select{max-width:100%}}
.yatoon-reservations-admin .yatoon-res-day{margin:18px 0 6px;font-size:15px}
.yatoon-reservations-admin .yatoon-res-message{padding:8px 12px;margin:8px 0}
.yatoon-reservations-admin .yatoon-res-table{max-width:150px}
.yatoon-reservations-admin .yatoon-res-row .yatoon-order-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}

.yatoon-kds-ticket.is-waiting{box-shadow:0 0 0 3px #f59e0b;animation:yatoon-kds-pulse 1.6s ease-in-out infinite}
.yatoon-kds-ticket.is-late{border-color:#dc2626!important;box-shadow:0 0 0 3px #fecaca}
.yatoon-kds-ticket.is-late .yatoon-kds-age{color:#b91c1c;font-weight:700}
.yatoon-kds-age{display:block;color:#64748b;font-size:12px}
.yatoon-kds-notes{margin:6px 0;padding:6px 8px;background:#fef9c3;border-left:3px solid #eab308;border-radius:4px;font-weight:600}
.yatoon-kds-location{font-size:18px;font-weight:800;margin:4px 0}
.yatoon-kds-undo{margin-top:6px}
@keyframes yatoon-kds-pulse{50%{box-shadow:0 0 0 6px #fde68a}}
@media (prefers-reduced-motion:reduce){.yatoon-kds-ticket.is-waiting{animation:none}}

.yatoon-kitchen-review{margin:12px 20px 16px 0;padding:16px;border:1px solid #d99b31;border-radius:10px;background:#fff8e8;overflow-wrap:anywhere}.yatoon-kitchen-review summary{font-weight:700;cursor:pointer}.yatoon-kitchen-review-list{display:grid;gap:10px;max-height:340px;overflow:auto}.yatoon-kitchen-review-list>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #ead9b7}.yatoon-kitchen-review p{line-height:1.6}.yatoon-kitchen-review input[type=checkbox]{flex-shrink:0}

/* Kitchen controls are also available on staff-only frontend screens. */
.yatoon-operations-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box}.yatoon-operations-bar form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%}.yatoon-operations-bar label{max-width:100%}.yatoon-operations-bar button,.yatoon-kitchen-review button{min-height:40px;max-width:100%;white-space:normal}.yatoon-kitchen-review-list>div>label{flex:1 1 220px}.yatoon-kitchen-review-list button{flex:0 1 auto}

.yatoon-kitchen-review-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.yatoon-kitchen-review-tabs a{padding:8px 12px;border:1px solid #c7b58e;border-radius:6px;color:#283444;text-decoration:none;background:#fff}.yatoon-kitchen-review-tabs a[aria-current=page]{background:#283444;color:#fff}.yatoon-kitchen-continue{display:none}
/* Operations bar: grouped controls instead of a loose line of fields. */
.yatoon-operations-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:12px 0;padding:12px 16px;background:#fff;border:1px solid #dfe4ec;border-left:4px solid #2563eb;border-radius:14px;color:#101828;font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.yatoon-operations-bar>strong{font-size:15px}
.yatoon-operations-bar>span{padding:3px 10px;border-radius:999px;background:#f2f4f7;color:#5b6678;font-size:13px}
.yatoon-operations-bar form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding-left:14px;border-left:1px solid #e4e7ec}
.yatoon-operations-bar label{display:inline-flex;align-items:center;gap:6px;color:#5b6678;font-size:12px}
.yatoon-operations-bar input[type=number]{width:64px!important;min-height:36px;padding:0 8px;border-radius:8px}
.yatoon-operations-bar select{min-height:36px;max-width:210px;border-radius:8px}
.yatoon-operations-bar .button{min-height:36px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;line-height:34px}
.yatoon-operations-bar small{flex-basis:100%;color:#5b6678;font-size:12px}
@media(max-width:700px){.yatoon-operations-bar form{padding-left:0;border-left:0;width:100%}}
.yatoon-operations-bar button:not(.button){min-height:36px;padding:0 12px;border:1px solid #2563eb;border-radius:8px;background:#fff;color:#1d4ed8;font:600 13px/1 inherit;font-family:inherit;cursor:pointer}
.yatoon-operations-bar button:not(.button):hover{background:#eff6ff}
.yatoon-operations-bar input[type=number],.yatoon-operations-bar select{border:1px solid #d0d5dd;background:#fff;color:#101828;font:inherit;font-size:13px}
.yatoon-operations-bar .button{border:1px solid #2563eb;background:#fff;color:#1d4ed8;cursor:pointer}
.yatoon-operations-bar .button:hover{background:#eff6ff}