/* DoctorX Booking: the Bookings screens and settings. */
.dxb-admin .dxb-table{max-width:1200px;margin-top:6px}
.dxb-admin .dxb-table tr.is-late td{background:#fcf0f1}
.dxb-admin .dxb-search{float:right;margin:6px 0}
.dxb-pill{display:inline-block;white-space:nowrap;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600;line-height:1.6;background:#f0f0f1;color:#1d2327;vertical-align:middle}
.dxb-pill.is-new{background:#fcf0e3;color:#8a4b0f}
.dxb-pill.is-contacted{background:#e5f0fa;color:#135e96}
.dxb-pill.is-booked{background:#e6f2e8;color:#1e5a2e}
.dxb-pill.is-cancelled{background:#f0f0f1;color:#50575e}
.dxb-pill.is-late{background:#fbeae5;color:#8a2424}
.dxb-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;max-width:1200px}
.dxb-card{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:6px 18px 16px}
.dxb-details{border-collapse:collapse;width:100%}
.dxb-details th{text-align:left;vertical-align:top;padding:7px 14px 7px 0;width:32%;color:#50575e;font-weight:600}
.dxb-details td{padding:7px 0;vertical-align:top;overflow-wrap:anywhere}
.dxb-details tr+tr th,.dxb-details tr+tr td{border-top:1px solid #f0f0f1}
.dxb-card fieldset{margin:0 0 12px}
.dxb-history{grid-column:1 / -1}
.dxb-planned{margin:0 0 12px;padding-left:18px;list-style:disc}
.dxb-card fieldset input{margin:4px 2px 4px 0}
.dxb-settings h2{margin-top:2em;padding-top:1em;border-top:1px solid #dcdcde}
.dxb-settings h2:first-of-type{border-top:0;padding-top:0}
.dxb-types-list{display:grid;gap:12px;max-width:1000px;margin-top:12px}
.dxb-type-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px;background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:6px 16px}
.dxb-type-row p{margin:8px 0}
.dxb-type-row label{display:block;font-weight:600;margin-bottom:3px}
.dxb-type-row .dxb-wide{grid-column:1 / -1}
.dxb-type-row .dxb-row-actions label{display:inline-block;font-weight:400;margin-right:22px}
.dxb-type-row .regular-text,.dxb-type-row select,.dxb-type-row input[type=text]{width:100%;max-width:100%}
.dxb-hours td{padding:3px 14px 3px 0}
.dxb-hours td:first-child{min-width:130px}
@media (max-width:960px){.dxb-columns{grid-template-columns:1fr}}
@media (max-width:782px){
  .dxb-type-row{grid-template-columns:1fr 1fr}
  .dxb-admin .dxb-search{float:none}
  /* The list becomes one card per booking on a phone. */
  .dxb-admin .dxb-table thead{display:none}
  .dxb-admin .dxb-table,.dxb-admin .dxb-table tbody,.dxb-admin .dxb-table tr,.dxb-admin .dxb-table td{display:block;width:auto}
  .dxb-admin .dxb-table tr{border-bottom:1px solid #dcdcde;padding:8px 0}
  .dxb-admin .dxb-table td{padding:3px 12px}
}
@media (max-width:480px){.dxb-type-row{grid-template-columns:1fr}}