/* Repair timing is a staff decision point. Separate saved dates, eligibility,
   and actions without changing the protected timing workflow. */
#work-order #v1-repair-timing {
  min-width: 0;
  border-top: 3px solid #36b9d1;
}
#work-order #v1-repair-timing .card-title {
  margin-bottom: 13px;
}
#work-order #v1-repair-timing .card-title h2 {
  font-size: 1.08rem;
}
#work-order #v1-repair-timing .card-title p {
  max-width: 70ch;
  line-height: 1.5;
}
#work-order #v1-repair-timing > p:first-of-type {
  margin: 0 0 13px;
  padding: 11px 13px;
  border: 1px solid #d4e4ed;
  border-radius: 9px;
  background: #f5f9fc;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
#work-order #v1-repair-timing > p:first-of-type strong:nth-of-type(2) {
  margin-left: 14px;
}
#work-order #v1-timing-review {
  margin: 0 0 17px;
  padding: 11px 13px;
  border: 1px solid #c5e1e9;
  border-left: 3px solid #36b9d1;
  border-radius: 8px;
  background: #eef9fb;
  color: #264959;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
#work-order #v1-timing-form {
  gap: 14px;
}
#work-order #v1-timing-form label {
  min-width: 0;
  line-height: 1.4;
}
#work-order #v1-timing-form :is(input,textarea) {
  min-width: 0;
}
#work-order #v1-timing-form .v1-actions {
  gap: 10px;
}
#work-order #v1-timing-form .operation-status:empty {
  display: none;
}
html[data-theme="dark"] #work-order #v1-repair-timing > p:first-of-type {
  color: #dcecf4;
  background: #102332;
  border-color: #315066;
}
html[data-theme="dark"] #work-order #v1-timing-review {
  color: #bde6ee !important;
  background: #102c36;
  border-color: #316b78;
  border-left-color: #52c7dc;
}
@media(max-width:760px) {
  #work-order #v1-repair-timing {
    padding: 17px;
  }
  #work-order #v1-repair-timing > p:first-of-type strong:nth-of-type(2) {
    display: block;
    margin: 6px 0 0;
  }
  #work-order #v1-timing-form .v1-actions {
    display: grid;
    grid-template-columns: minmax(0,1fr);
  }
  #work-order #v1-timing-form .v1-actions button {
    width: 100%;
    min-width: 0;
  }
}