.espis-company-form .ecf-hours {
  display: contents;
}
.espis-company-form .ecf-hours__field { min-width: 0; }
.espis-company-form .ecf-hours__trigger {
  display: flex; align-items: center; gap: 12px;
  width: 100%; min-width: 0; min-height: 50px; margin: 0;
  padding: 7px 7px 7px 15px; border: 1px solid #b9d5e9; border-radius: 12px;
  background: #fff; color: var(--ecf-navy); box-shadow: inset 0 1px 2px rgba(15,35,65,.025);
  font: inherit; font-size: 14px; line-height: 1.4; text-align: left; cursor: pointer;
  transition: border-color .2s, box-shadow .2s;
}
.espis-company-form .ecf-hours__trigger > [data-hours-value] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.espis-company-form .ecf-hours__trigger.is-empty { color: #91a2b8; }
.espis-company-form .ecf-hours__trigger-icon {
  display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px;
  border-radius: 11px; background: var(--ecf-blue); color: #fff;
}
.espis-company-form .ecf-hours__trigger-icon svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.espis-company-form .ecf-hours__trigger:hover { border-color: var(--ecf-blue); }
.espis-company-form .ecf-hours__trigger:focus-visible,
.espis-company-form .ecf-hours.is-open .ecf-hours__trigger { outline: 0; border-color: var(--ecf-blue); box-shadow: 0 0 0 4px rgba(8,117,189,.12); }
.espis-company-form .ecf-hours__trigger[aria-invalid="true"] { border-color: #dc5061; background: #fff9fa; }
.espis-company-form .ecf-hours__drawer { grid-column: 1 / -1; min-width: 0; }
.espis-company-form .ecf-hours.is-enhanced .ecf-hours__drawer {
  display: grid; grid-template-rows: 0fr; opacity: 0; transform: translateY(-8px);
  transition: grid-template-rows .28s ease, opacity .2s ease, transform .28s ease;
}
.espis-company-form .ecf-hours.is-enhanced.is-open .ecf-hours__drawer { grid-template-rows: 1fr; opacity: 1; transform: translateY(0); }
.espis-company-form .ecf-hours__clip { min-height: 0; }
.espis-company-form .ecf-hours.is-enhanced .ecf-hours__clip { overflow: hidden; }
.espis-company-form .ecf-hours.is-settled .ecf-hours__clip { overflow: visible; }
.espis-company-form .ecf-hours__panel {
  padding: 19px 20px 16px;
  border: 1px solid #cad9e7;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 9px 25px rgba(31,60,91,.045);
}
.espis-company-form .ecf-hours input[type="hidden"],
.espis-company-form .ecf-hours [hidden] { display: none !important; }
.espis-company-form .ecf-hours__header {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 12px; margin-bottom: 17px;
}
.espis-company-form .ecf-hours__title {
  display: flex; align-items: center; flex-wrap: wrap; gap: 9px;
  margin: 0; font-size: 14px; line-height: 1.4; font-weight: 750; color: var(--ecf-navy);
}
.espis-company-form .ecf-hours__optional {
  padding: 3px 8px; border-radius: 6px; background: #f0f6fb;
  color: #72849a; font-size: 10px; font-weight: 550;
}
.espis-company-form .ecf-hours__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.espis-company-form .ecf-hours__action {
  border: 1px solid #c8e2f4; border-radius: 9px; padding: 8px 11px;
  background: #eef7fe; color: var(--ecf-blue-dark); font: inherit;
  font-size: 11px; font-weight: 650; line-height: 1.3; cursor: pointer;
}
.espis-company-form .ecf-hours__action--clear { border-color: transparent; background: transparent; color: #718299; }
.espis-company-form .ecf-hours__action:hover { background: #e2f2fd; color: var(--ecf-blue-dark); }
.espis-company-form .ecf-hours__action:focus-visible { outline: 2px solid var(--ecf-blue); outline-offset: 3px; }
.espis-company-form .ecf-hours__columns,
.espis-company-form .ecf-hours__row {
  display: grid; grid-template-columns: minmax(110px, 1.2fr) minmax(145px, 1.4fr) minmax(100px, 1fr) minmax(100px, 1fr);
  align-items: center; gap: 12px;
}
.espis-company-form .ecf-hours__columns {
  padding: 0 0 9px; color: #7a8ba0; font-size: 10px; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase;
}
.espis-company-form .ecf-hours__row { padding: 9px 0; border-top: 1px solid #edf2f7; }
.espis-company-form .ecf-hours__day { color: #24354a; font-size: 13px; font-weight: 650; }
.espis-company-form .ecf-hours__status,
.espis-company-form .ecf-hours__time { display: block; min-width: 0; margin: 0; }
.espis-company-form .ecf-hours__time > span { display: none; }
.espis-company-form .ecf-hours select,
.espis-company-form .ecf-hours .ecf-select__button {
  min-height: 43px; padding-top: 9px; padding-bottom: 9px; font-size: 12px;
}
.espis-company-form .ecf-hours .ecf-select__menu { z-index: 60; }
.espis-company-form .ecf-hours__time input {
  min-width: 0; min-height: 43px; padding: 9px 11px; font-size: 13px;
  font-variant-numeric: tabular-nums; color-scheme: light;
}
.espis-company-form .ecf-hours__time input:disabled {
  border-color: #e7edf3; background: #f7f9fc; color: #adb9c8; box-shadow: none; opacity: 1; cursor: default;
}
.espis-company-form .ecf-hours__time input::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .55; }
.espis-company-form .ecf-hours__error {
  grid-column: 2 / -1; margin: 0; color: #b42335; font-size: 11px; line-height: 1.5;
}
.espis-company-form .ecf-hours__row[data-invalid="true"] input:not(:disabled) { border-color: #dc5061; background: #fff9fa; }
.espis-company-form .ecf-hours__preview {
  margin: 14px 0 0; padding: 12px 14px; border-radius: 10px;
  background: #f1f8fe; color: #28577b; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere;
}
.espis-company-form .ecf-hours__preview.is-empty { background: #f7f9fc; color: #8a9aad; }
.espis-company-form .ecf-hours__footer { display: flex; justify-content: flex-end; margin-top: 13px; }
.espis-company-form .ecf-hours__done {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 41px; padding: 10px 20px; border: 0; border-radius: 11px;
  background: var(--ecf-blue); color: #fff; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer;
}
.espis-company-form .ecf-hours__done:hover { background: var(--ecf-blue-dark); }
.espis-company-form .ecf-hours__done:focus-visible { outline: 2px solid var(--ecf-blue); outline-offset: 3px; }
@media (max-width: 720px) {
  .espis-company-form .ecf-hours__panel { padding: 16px 13px 13px; }
  .espis-company-form .ecf-hours__columns { display: none; }
  .espis-company-form .ecf-hours__row { grid-template-columns: minmax(0, .9fr) minmax(115px, 1.1fr); gap: 10px; padding: 12px 0; }
  .espis-company-form .ecf-hours.is-enhanced .ecf-hours__row:not([data-state="open"]) .ecf-hours__time { display: none; }
  .espis-company-form .ecf-hours__time > span { display: block; margin-bottom: 6px; color: #75869d; font-size: 10px; }
  .espis-company-form .ecf-hours__error { grid-column: 1 / -1; }
  .espis-company-form .ecf-hours .ecf-select__button {
    padding-left: 10px; padding-right: 45px; background-size: 30px 30px; background-position: right 6px center;
    font-size: 11px;
  }
  .espis-company-form .ecf-hours .ecf-select__menu { min-width: 180px; left: auto; right: 0; }
  .espis-company-form .ecf-hours__day { font-size: 12px; }
  .espis-company-form .ecf-hours__time input { font-size: 12px; padding: 9px; }
}
@media (max-width: 360px) {
  .espis-company-form .ecf-hours__row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .espis-company-form .ecf-hours__day,
  .espis-company-form .ecf-hours__status { grid-column: 1 / -1; }
  .espis-company-form .ecf-hours__time {
    grid-column: 1 / -1; display: grid; grid-template-columns: 22px minmax(0, 1fr);
    align-items: center; gap: 8px;
  }
  .espis-company-form .ecf-hours__time > span { margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .espis-company-form .ecf-hours.is-enhanced .ecf-hours__drawer { transition: none; transform: none; }
}
