.operation-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--line);
  margin: -42px -48px 28px;
  padding: 28px 42px;
  background: #fff;
}

/* Agenda compacta · 2.11 */
.operation-head{margin:-24px clamp(-44px,-3vw,-20px) 16px;padding:15px clamp(20px,3vw,44px);min-height:78px}.operation-head h1{font:800 clamp(25px,2.5vw,36px)/1 Jost,ui-sans-serif,system-ui,sans-serif;margin:0;text-transform:uppercase;letter-spacing:.01em}.operation-actions{gap:8px}.operation-actions button,.online-state{padding:9px 12px;border-radius:0;font-size:12px}.agenda-stats{gap:9px;margin-bottom:11px}.agenda-stats article{min-height:102px;padding:12px 15px;border-radius:0;gap:3px}.agenda-stats strong{font-size:29px}.agenda-controls{gap:9px;margin-bottom:10px}.compact-date,.service-tabs{border-radius:0}.compact-date button,.service-tabs button{padding:9px 12px}.compact-date #agenda-today{background:#e5f3ed;color:#126342}.agenda-search input{margin-top:0;padding-top:10px;padding-bottom:10px;border-radius:0}.agenda-list-head{display:none!important}.agenda-card{border-radius:0}.reservation-row{padding:13px 18px}.reservation-row.status-seated{padding-left:13px}.table-assignment,.reservation-notes input,.reservation-notes button,.row-status select,.row-status button{border-radius:0!important}.agenda-calendar{top:47px;border-radius:0}.calendar-grid button{border-radius:0}
@media(max-width:760px){.operation-head{margin:-18px -14px 12px;padding:13px 14px;display:grid!important;gap:10px}.operation-actions{flex-wrap:wrap}.agenda-stats{grid-template-columns:1fr 1fr}.agenda-stats article{min-height:92px}.reservation-row{padding:12px}.agenda-controls{align-items:stretch}.compact-date{order:0}.service-tabs{order:1}.agenda-search{order:2;width:100%}.agenda-search input{width:100%}}
.agenda-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:10px 13px;border-left:4px solid #c89448;background:#fff7e8;color:#6e511e;font-size:13px}.agenda-connection.hidden{display:none}.agenda-connection.is-online{border-left-color:#23855c;background:#eaf6f0;color:#176346}.agenda-connection button{width:auto;padding:7px 11px;border-radius:0}
.agenda-controls{position:relative}.agenda-calendar{position:absolute;left:0;top:58px;z-index:30;width:min(320px,calc(100vw - 32px));box-sizing:border-box;overflow:hidden;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(25,34,40,.18)}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calendar-head button{border:0;background:transparent;font-size:22px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}.calendar-week{font-size:10px;color:var(--muted);margin-bottom:5px}.calendar-grid>*{min-width:0}.calendar-grid button{position:relative;width:100%;min-width:0;min-height:34px;padding:0;border:0;border-radius:8px;background:#f7f7f5}.calendar-grid button.has-reservations{background:#dff2dd;color:#216b2e;font-weight:900}.calendar-grid button.has-reservations:after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;border-radius:50%;background:#2c8b3a}.calendar-grid button.selected{outline:2px solid #173e35}.reservation-row:has([data-table-block]) .row-status button{white-space:nowrap}
.operation-head h1 {
  font:
    700 42px "Cormorant Garamond",
    serif;
  margin: 4px 0;
}
.operation-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.operation-actions button {
  width: auto;
}
.online-state {
  padding: 12px 16px;
  border-radius: 999px;
  background: #e5f3ed;
  color: #126342;
  font-weight: 700;
  font-size: 14px;
}
.online-state.paused {
  background: #fff0df;
  color: #9a5410;
}
.agenda-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}
.agenda-stats article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
  display: grid;
  gap: 7px;
}
.agenda-stats article.next-arrival {
  background: #eef7f3;
  border-color: #cbe7da;
}
.agenda-stats span,
.agenda-stats small {
  color: var(--muted);
}
.agenda-stats strong {
  font: 700 38px Jost, ui-sans-serif, system-ui, sans-serif;
  color: #10231c;
}
.table-assignment { border: 1px solid var(--line); background: #fff; color: var(--green); border-radius: 8px; padding: 4px 7px; font-weight: 700; }
.reservation-notes { display:flex; gap:6px; margin-top:6px; max-width:520px; }
.reservation-notes input { margin:0; padding:7px 9px; min-width:0; }
.reservation-notes button { padding:7px 10px; background:#eef3f0; color:var(--green); }
.occupancy-bar {
  height: 6px;
  border-radius: 99px;
  background: #e9eeeb;
  overflow: hidden;
}
.occupancy-bar i {
  display: block;
  height: 100%;
  background: #197653;
}
.agenda-controls {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.compact-date,
.service-tabs {
  display: flex;
  border: 1px solid var(--line);
  border-radius: 11px;
  overflow: hidden;
  background: #fff;
}
.compact-date button,
.compact-date input,
.service-tabs button {
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
  color: #10231c;
  padding: 12px 14px;
  width: auto;
}
.compact-date input {
  max-width: 145px;
}
.compact-date > *:last-child,
.service-tabs > *:last-child {
  border-right: 0;
}
.service-tabs button.active {
  background: #e5f3ed;
  color: #126342;
}
.service-tabs b {
  font-size: 11px;
  margin-left: 4px;
}
.agenda-search {
  margin: 0 0 0 auto;
  position: relative;
}
.agenda-search span {
  position: absolute;
  left: 14px;
  top: 12px;
  color: var(--muted);
}
.agenda-search input {
  width: 245px;
  padding-left: 34px;
}
.agenda-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
}
.agenda-card > header {
  display: flex;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid var(--line);
}
.agenda-card h2,
.agenda-card p {
  margin: 0;
}
.agenda-card p,
.agenda-card > header > span {
  color: var(--muted);
  font-size: 14px;
}
.reservation-row {
  display: grid;
  grid-template-columns: 72px 46px 1fr 170px;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  border-bottom: 1px solid #e8ece9;
}
.reservation-row:last-child {
  border: 0;
}
.reservation-row.status-seated {
  background: #e7f5ef;
  border-left: 5px solid #197653;
  padding-left: 19px;
}
.reservation-row time {
  font-size: 19px;
  font-weight: 800;
}
.guest-avatar {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #e6efe9;
  color: #176341;
  font-weight: 800;
}
.reservation-info {
  display: grid;
  gap: 4px;
}
.reservation-info strong {
  font-size: 17px;
}
.reservation-info span,
.reservation-info small {
  color: var(--muted);
}
.reservation-info a {
  color: #176341;
}
.row-status select {
  width: 100%;
  border: 0;
  border-radius: 999px;
  background: #e8f3ed;
  color: #125c3f;
  padding: 10px 12px;
  font-weight: 700;
}
.status-seated .row-status select {
  background: #197653;
  color: #fff;
}
dialog {
  width: min(650px, calc(100% - 30px));
  border: 0;
  border-radius: 18px;
  padding: 0;
  box-shadow: 0 25px 90px #0004;
}
dialog::backdrop {
  background: #10251d99;
}
dialog form {
  padding: 28px;
}
.dialog-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dialog-head h2 {
  margin: 0;
}
.dialog-head button {
  background: transparent;
  font-size: 25px;
}
dialog form > button {
  width: 100%;
  background: var(--green);
  color: #fff;
  margin-top: 16px;
}
.archive-toolbar {
  display: flex;
  align-items: end;
  gap: 16px;
  margin-bottom: 20px;
}
.archive-toolbar label {
  margin: 0;
}
.archive-row {
  display: grid;
  grid-template-columns: 140px 1fr 150px 120px;
  align-items: center;
  gap: 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px;
}
.archive-row > div {
  display: grid;
  gap: 4px;
}
.archive-row span,
.archive-row small {
  color: var(--muted);
}
.archive-status {
  display: inline-block;
  text-align: center;
  border-radius: 999px;
  padding: 8px 10px;
  background: #edf0ee;
}
.archive-status.status-cancelled,
.archive-status.status-no_show {
  background: #fae8e6;
  color: #9d3632;
}
.archive-status.status-completed {
  background: #e8f3ed;
  color: #125c3f;
}
.archive-row button {
  width: auto;
}
@media (max-width: 1050px) {
  .agenda-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .operation-head {
    align-items: flex-start;
  }
  .operation-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .reservation-row {
    grid-template-columns: 65px 42px 1fr;
  }
  .row-status {
    grid-column: 3;
  }
  .archive-row {
    grid-template-columns: 120px 1fr 130px;
  }
  .archive-row button {
    grid-column: 2/-1;
  }
}
@media (max-width: 760px) {
  .operation-head {
    margin: -24px -20px 20px;
    padding: 20px;
    display: grid;
    gap: 15px;
  }
  .operation-actions {
    justify-content: flex-start;
  }
  .online-state {
    width: 100%;
    box-sizing: border-box;
  }
  .agenda-stats {
    gap: 8px;
  }
  .agenda-stats article {
    padding: 14px;
  }
  .agenda-stats strong {
    font-size: 29px;
  }
  .agenda-controls {
    align-items: stretch;
  }
  .compact-date {
    width: 100%;
  }
  .compact-date input {
    max-width: none;
    flex: 1;
  }
  .service-tabs {
    overflow: auto;
  }
  .agenda-search {
    margin: 0;
    width: 100%;
  }
  .agenda-search input {
    width: 100%;
  }
  .reservation-row {
    grid-template-columns: 58px 38px 1fr;
    padding: 15px 14px;
    gap: 9px;
  }
  .reservation-row.status-seated {
    padding-left: 9px;
  }
  .guest-avatar {
    width: 36px;
    height: 36px;
    font-size: 12px;
  }
  .reservation-info span,
  .reservation-info small {
    font-size: 12px;
  }
  .row-status {
    grid-column: 2/-1;
  }
  .archive-toolbar {
    display: grid;
  }
  .archive-row {
    grid-template-columns: 1fr;
  }
  .archive-row button {
    grid-column: auto;
    width: 100%;
  }
}
.request-card{margin-bottom:20px;border-color:#e6c889}.request-count{display:grid;place-items:center;min-width:32px;height:32px;border-radius:16px;background:#c89448;color:#fff;font-weight:800}.request-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border-top:1px solid #e7e2d8}.request-row time{font-size:1.25rem;font-weight:800}.request-info{display:grid;gap:4px}.request-info span,.request-info small{color:#65736e}.request-info p{margin:5px 0 0}.request-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.request-actions .availability{font-size:.78rem;font-weight:800;color:#9b433a}.request-actions .availability.is-free{color:#13734f}.request-actions .danger{color:#9b302b}@media(max-width:760px){.request-row{grid-template-columns:55px 1fr}.request-actions{grid-column:1/-1;justify-content:flex-start}}
.operation-head{margin:-24px clamp(-44px,-3vw,-20px) 16px;padding:15px clamp(20px,3vw,44px);min-height:78px}.operation-head h1{font:800 clamp(25px,2.5vw,36px)/1 Jost,ui-sans-serif,system-ui,sans-serif;margin:0;text-transform:uppercase;letter-spacing:.01em}.operation-actions{gap:8px}.operation-actions button,.online-state{padding:9px 12px;border-radius:0;font-size:12px}.agenda-stats{gap:9px;margin-bottom:11px}.agenda-stats article{min-height:102px;padding:12px 15px;border-radius:0;gap:3px}.agenda-stats strong{font-size:29px}.agenda-controls{gap:9px;margin-bottom:10px}.compact-date,.service-tabs{border-radius:0}.compact-date button,.service-tabs button{padding:9px 12px}.compact-date #agenda-today{background:#e5f3ed;color:#126342}.agenda-search input{margin-top:0;padding-top:10px;padding-bottom:10px;border-radius:0}.agenda-list-head{display:none!important}.agenda-card{border-radius:0}.reservation-row{padding:13px 18px}.reservation-row.status-seated{padding-left:13px}.table-assignment,.reservation-notes input,.reservation-notes button,.row-status select,.row-status button{border-radius:0!important}.agenda-calendar{top:47px;border-radius:0}.calendar-grid button{border-radius:0}
@media(max-width:760px){.operation-head{margin:-18px -14px 12px;padding:13px 14px;display:grid!important;gap:10px}.operation-actions{flex-wrap:wrap}.agenda-stats{grid-template-columns:1fr 1fr}.agenda-stats article{min-height:92px}.reservation-row{padding:12px}.agenda-controls{align-items:stretch}.compact-date{order:0}.service-tabs{order:1}.agenda-search{order:2;width:100%}.agenda-search input{width:100%}}