/* Services, hours and time off (professional studio). Scoped to #pro-booking. */
#pro-booking h3 { margin: 2rem 0 .4rem; font-size: 1.15rem; }
#pro-booking .pb-form { display: grid; gap: 1rem; margin-top: .8rem; }
#pro-booking .pb-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
#pro-booking .pb-field { display: grid; gap: .35rem; }
#pro-booking input[type="text"], #pro-booking input:not([type]), #pro-booking input[type="number"],
#pro-booking input[type="date"], #pro-booking input[type="time"], #pro-booking textarea {
  font: inherit; color: inherit; background: transparent; padding: .65rem .8rem; width: 100%; box-sizing: border-box;
  border: 1px solid color-mix(in srgb, currentColor 28%, transparent); border-radius: 10px;
}
#pro-booking input:disabled { opacity: .45; }
#pro-booking .pb-list { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: .6rem; }
#pro-booking .pb-item { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; justify-content: space-between;
  padding: .8rem 1rem; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 12px; }
#pro-booking .pb-item.is-off { opacity: .6; }
#pro-booking .pb-main { display: grid; gap: .15rem; min-width: 0; }
#pro-booking .pb-detail, #pro-booking .pb-note { font-size: .92rem; opacity: .8; overflow-wrap: anywhere; }
#pro-booking .pb-actions { display: flex; flex-wrap: wrap; gap: .4rem 1rem; }
#pro-booking .pb-empty { opacity: .7; }
#pro-booking .pb-hours { display: grid; gap: .6rem; margin: 1rem 0; }
#pro-booking .pb-hours-row { display: grid; grid-template-columns: minmax(8.5rem, 1fr) 7.5rem 7.5rem; gap: .6rem; align-items: center; }
#pro-booking .pb-open { display: flex; align-items: center; gap: .5rem; }
@media (max-width: 480px) { #pro-booking .pb-hours-row { grid-template-columns: 1fr 1fr; } #pro-booking .pb-open { grid-column: 1 / -1; } }

#pro-booking [hidden] { display: none !important; }
#pro-booking .pb-actions .text-link { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; }