/* 0.59.1 — Business hours full-width layout + precise control alignment. Scoped to Preferences only. */
.vchat-frontend-app [data-vchat-panel="settings"] .vchat-settings-layout > #vchat-business-hours-card.vchat-business-hours-fullwidth{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid #dfd9ee!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(39,32,77,.05)!important;
  overflow:hidden!important;
}

#vchat-business-hours-card .vchat-business-hours-heading{
  padding:22px 24px!important;
  gap:24px!important;
  background:#fff!important;
}
#vchat-business-hours-card .vchat-business-hours-heading>div{min-width:0!important}
#vchat-business-hours-card .vchat-business-hours-heading strong{font-size:18px!important;line-height:1.2!important}
#vchat-business-hours-card .vchat-business-hours-heading small{max-width:760px!important;font-size:12.5px!important;line-height:1.55!important}

#vchat-business-hours-card .vchat-business-hours-meta{
  display:grid!important;
  grid-template-columns:max-content minmax(360px,1fr) max-content!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px 24px!important;
  background:#faf9fe!important;
}
#vchat-business-hours-card #vchat-business-hours-status{
  min-height:38px!important;
  padding:0 14px!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.2!important;
}
#vchat-business-hours-card .vchat-business-timezone-control{
  display:grid!important;
  grid-template-columns:118px minmax(260px,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
#vchat-business-hours-card .vchat-business-timezone-control>span{
  font-size:10px!important;
  letter-spacing:.08em!important;
}
#vchat-business-hours-timezone-select{
  width:100%!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 40px 0 14px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:750!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#vchat-business-hours-card .vchat-business-timezone-current{display:none!important}
#vchat-business-hours-card #vchat-business-hours-copy-weekdays{
  justify-self:end!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 15px!important;
  border-radius:11px!important;
  font-size:11px!important;
}

#vchat-business-hours-card .vchat-business-hours-week{
  padding:0 24px!important;
}
#vchat-business-hours-card .vchat-business-hours-day{
  grid-template-columns:minmax(150px,190px) minmax(480px,1fr) 150px!important;
  align-items:start!important;
  gap:22px!important;
  min-height:92px!important;
  padding:18px 0!important;
}
#vchat-business-hours-card .vchat-business-day-head{
  min-height:44px!important;
  padding-top:16px!important;
}
#vchat-business-hours-card .vchat-business-day-toggle{font-size:13px!important}
#vchat-business-hours-card .vchat-business-day-toggle input{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
}

#vchat-business-hours-card .vchat-business-hours-periods{
  gap:10px!important;
}
#vchat-business-hours-card .vchat-business-hours-period{
  grid-template-columns:minmax(190px,1fr) 24px minmax(190px,1fr) 38px!important;
  gap:10px!important;
  align-items:end!important;
}
#vchat-business-hours-card .vchat-business-hours-period label{
  gap:6px!important;
}
#vchat-business-hours-card .vchat-business-hours-period label>span{
  font-size:9.5px!important;
  letter-spacing:.08em!important;
}
#vchat-business-hours-card .vchat-business-hours-period input[type="time"]{
  height:44px!important;
  min-height:44px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:14px!important;
}
#vchat-business-hours-card .vchat-business-hours-period-arrow{
  width:24px!important;
  height:44px!important;
  font-size:15px!important;
}
#vchat-business-hours-card .vchat-business-hours-remove-period{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  margin-bottom:3px!important;
  border-radius:11px!important;
}
#vchat-business-hours-card .vchat-business-hours-add-period{
  align-self:end!important;
  justify-self:stretch!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 14px!important;
  margin-top:16px!important;
  border-radius:12px!important;
  font-size:11px!important;
}
#vchat-business-hours-card .vchat-business-hours-add-period>span{
  width:18px!important;
  height:18px!important;
}

#vchat-business-hours-card .vchat-business-hours-footer{
  padding:18px 24px!important;
  gap:24px!important;
}
#vchat-business-hours-card .vchat-business-hours-footer p{
  max-width:850px!important;
  font-size:11.5px!important;
}
#vchat-business-hours-card .vchat-business-hours-footer .vchat-primary-button{
  min-height:44px!important;
  height:44px!important;
  padding:0 18px!important;
  border-radius:12px!important;
}

@media(max-width:1180px){
  #vchat-business-hours-card .vchat-business-hours-meta{
    grid-template-columns:1fr max-content!important;
  }
  #vchat-business-hours-card #vchat-business-hours-status{grid-column:1 / -1!important;justify-self:start!important}
  #vchat-business-hours-card .vchat-business-hours-day{
    grid-template-columns:150px minmax(380px,1fr)!important;
  }
  #vchat-business-hours-card .vchat-business-hours-add-period{
    grid-column:2!important;
    width:max-content!important;
    min-width:150px!important;
    justify-self:start!important;
    margin-top:0!important;
  }
}
@media(max-width:820px){
  #vchat-business-hours-card .vchat-business-hours-meta{grid-template-columns:1fr!important}
  #vchat-business-hours-card .vchat-business-timezone-control{grid-template-columns:1fr!important;gap:7px!important}
  #vchat-business-hours-card #vchat-business-hours-copy-weekdays{justify-self:start!important}
  #vchat-business-hours-card .vchat-business-hours-day{grid-template-columns:1fr!important;gap:12px!important}
  #vchat-business-hours-card .vchat-business-day-head{padding-top:0!important}
  #vchat-business-hours-card .vchat-business-hours-add-period{grid-column:auto!important;margin-top:0!important}
  #vchat-business-hours-card .vchat-business-hours-period{grid-template-columns:1fr 20px 1fr 38px!important}
}
@media(max-width:520px){
  #vchat-business-hours-card .vchat-business-hours-heading,
  #vchat-business-hours-card .vchat-business-hours-footer{padding:18px!important}
  #vchat-business-hours-card .vchat-business-hours-meta{padding:14px 18px!important}
  #vchat-business-hours-card .vchat-business-hours-week{padding:0 18px!important}
  #vchat-business-hours-card .vchat-business-hours-period{
    grid-template-columns:1fr 38px!important;
    gap:9px!important;
  }
  #vchat-business-hours-card .vchat-business-hours-period-arrow{display:none!important}
  #vchat-business-hours-card .vchat-business-hours-period label:first-child{grid-column:1!important}
  #vchat-business-hours-card .vchat-business-hours-period label:nth-of-type(2){grid-column:1!important}
  #vchat-business-hours-card .vchat-business-hours-remove-period{grid-column:2!important;grid-row:1 / span 2!important;align-self:center!important}
  #vchat-business-hours-card .vchat-business-hours-footer{align-items:stretch!important}
  #vchat-business-hours-card .vchat-business-hours-footer .vchat-primary-button{width:100%!important}
}