/* Shared dashboard controls, with the landing page palette. */
#status:empty,#dining-status:empty{display:none}
#status.success{padding:14px 18px;background:#edf5ef;color:#285c41;border:1px solid #c8ddcf;border-radius:12px;margin:16px 0}
#status,#dining-status{scroll-margin-top:16px;overflow-wrap:anywhere}
#identity,.qr-url,#booking-list p{overflow-wrap:anywhere}
.form-grid>*,.toolbar>*{min-width:0}
.dining-fee-help{margin:12px 0 20px;background:#fffdfa}
.dining-fee-help>summary{font-weight:600;cursor:pointer;min-height:44px;align-content:center}
.dining-nav button[aria-current=true]{background:var(--navy);color:#fff}
#booking-list>details{margin:12px 0}
#booking-list>details>summary{line-height:1.7;overflow-wrap:anywhere}
@media(max-width:700px){
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-width:0}
  .mobile-empty,#tabs .nav-more button[data-mobile-shortcut]{display:none!important}
  .demo-access,.business-demo-banner{padding:12px 16px!important}
  .demo-access p,.business-demo-banner p{margin:6px 0;font-size:12px}
  .demo-access details,.business-demo-banner details{margin:0;padding:0}
  .calendar-table,.calendar-table table,.calendar-table tbody{display:block;min-width:0;width:100%;overflow:visible;border:0;background:transparent}
  .calendar-table thead{display:none}
  .calendar-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;padding:14px;background:#fff8ef;border:1px solid var(--border);border-radius:14px}
  .calendar-table td{display:block;padding:0;border:0;min-width:0;white-space:normal}
  .calendar-table td:first-child{grid-column:1/-1}
  .calendar-table td[data-label]:before{content:attr(data-label);display:block;font-size:12px;font-weight:650;margin-bottom:6px}
  .calendar-table td:last-child{grid-column:1/-1;justify-self:end}
  .calendar-table input,.calendar-table select{width:100%;max-width:100%;min-width:0!important;min-height:48px;margin:0}
  .calendar-table [data-remove-slot]{min-width:88px;color:#963920;background:#fff}
  #availability-form>button{min-height:48px;margin:8px 0;width:100%}
  #booking-filter{width:100%;min-height:48px}
  .dining-nav{position:static}
  .dining-nav button{flex:1 1 120px;white-space:normal}
  .dining-actions button{flex:1 1 140px;white-space:normal}
  .dining-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .dining-totals span{min-width:0;overflow-wrap:anywhere}
  .dining-totals span:last-child:nth-child(odd){grid-column:1/-1}
  .dining-totals b{display:inline-block;margin-top:5px;font-size:22px}
  .business-table,.business-table tbody{display:block;width:100%;min-width:0}
  .business-table thead{display:none}
  .business-table tr{display:block;padding:12px 0;border-bottom:1px solid var(--border)}
  .business-table td{display:flex;justify-content:space-between;gap:16px;padding:8px;border:0;white-space:normal;overflow-wrap:anywhere}
  .business-table td[data-label]:before{content:attr(data-label);font-weight:650;flex-shrink:0}
}