.kitchen-zone { padding: 12px; border-block: 1px solid #bfd2d0; background: #fff; color: #203536; min-width: 0; letter-spacing: 0; }
.kitchen-zone header, .kitchen-zone footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.kitchen-zone h3 { font-size: 16px; margin: 0; }
.kitchen-zone header button { width: 36px; height: 36px; flex: 0 0 36px; font-size: 23px; padding: 0; }
.kitchen-zone-modes { display: flex; gap: 16px; border: 0; padding: 12px 0 0; margin: 0; }
.kitchen-zone-modes label { display: flex; align-items: center; gap: 6px; font-size: 14px; }
.kitchen-zone-modes input { width: 16px; height: 16px; margin: 0; }
.kitchen-zone-map { width: 100%; aspect-ratio: 640 / 500; display: block; }
.kitchen-zone-marker { cursor: pointer; }
.kitchen-zone-marker:focus { outline: 2px solid #1175c2; }
.kitchen-zone-field { display: grid; gap: 5px; font-size: 13px; }
.kitchen-zone-field select { width: 100%; min-width: 0; height: 40px; font: inherit; border: 1px solid #a7bdbb; border-radius: 4px; background: white; padding: 4px; }
.kitchen-zone-ranges p, .kitchen-zone-status { font-size: 13px; line-height: 1.45; margin: 8px 0; overflow-wrap: anywhere; }
.kitchen-zone-status { color: #9a263b; }
.kitchen-zone footer button { padding: 9px; white-space: normal; min-width: 0; font-size: 13px; }
.kitchen-zone footer .primary { background: #087f71; color: white; border: 1px solid #087f71; border-radius: 4px; }
.kitchen-zone button:disabled { opacity: .5; cursor: default; }
.kitchen-zone-dialog { width: min(720px, calc(100% - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 1px solid #a7bdbb; border-radius: 6px; box-sizing: border-box; }
.kitchen-zone-dialog::backdrop { background: #14252888; }
.kitchen-zone-dialog .kitchen-zone { border: 0; }
.kitchen-zone-dialog .kitchen-zone-map { max-height: 58dvh; }
.kitchen-zone-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }