:root{
  --tf71417-material-heading:#e2f2e9;
  --tf71417-material-heading-border:#b9d5c6;
  --tf71417-material-submenu:#e6f2ff;
  --tf71417-material-submenu-border:#b8d5ed;
}

/* Materials support headings are white while closed, green while open, and blue inside. */
.tf71414-original-materials,
#tf714-material-approval-corrections{
  background:white;
  border-color:#d9e2dd;
}
.tf71414-original-materials>summary,
#tf714-material-approval-corrections>summary{
  background:white;
}
.tf71414-original-materials[open],
#tf714-material-approval-corrections[open],
.tf71414-original-materials[open]>summary,
#tf714-material-approval-corrections[open]>summary{
  background:var(--tf71417-material-heading);
  border-color:var(--tf71417-material-heading-border);
}
.tf71414-original-materials[open]>.tablewrap,
#tf714-material-approval-corrections[open]>.tablewrap,
#tf714-material-approval-corrections[open]>.tf713-actions,
#tf714-material-approval-corrections[open]>p{
  background:var(--tf71417-material-submenu);
  border-color:var(--tf71417-material-submenu-border);
}
#tf714-material-approval-corrections[open]>p{
  margin:0;
  padding:12px 14px;
}
#tf714-material-approval-corrections[open]>.tablewrap{
  margin-top:0;
}
#tf714-material-approval-corrections[open]>.tf713-actions{
  margin-top:0;
  padding:12px 14px 14px;
}

.tf71417-photo-reference{
  display:grid;
  gap:3px;
  margin:5px 0;
  color:#4f5f57;
  font-size:.9rem;
}

.tf71417-deleted-pager{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:12px 0;
}
.tf71417-deleted-pager label,
.tf71417-deleted-pager form{
  display:flex;
  align-items:center;
  gap:6px;
}
.tf71417-deleted-pager select{
  min-height:38px;
}
.tf71417-deleted-pager input[type="number"]{
  width:78px;
  min-height:38px;
}
.tf71417-select-page{
  margin-right:auto;
  font-weight:700;
}
.tf71417-deleted-actions{
  position:fixed;
  z-index:8;
  bottom:calc(8px + env(safe-area-inset-bottom));
  left:50%;
  right:auto;
  width:min(1040px,calc(100vw - 28px));
  transform:translateX(-50%);
  padding:12px;
  border:1px solid #c8d7cf;
  border-radius:12px;
  background:rgba(255,255,255,.97);
  box-shadow:0 8px 24px rgba(24,55,42,.18);
}
[data-tf714-custom-page="recently-deleted"]{
  padding-bottom:120px;
}

.tf71418-direct-materials{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:14px;
  background:var(--tf71416-material-submenu-surface,#eef7ff);
}
.tf71418-direct-material-line{
  margin:0;
  min-width:0;
}
.tf71418-direct-material-line .tf71414-line-head small,
[data-tf71418-material-approval-line] small{
  display:block;
  margin-top:4px;
  color:#52655c;
  font-weight:500;
}
.tf71418-customer-rate-section{
  margin-top:18px;
}
.tf71418-photo-customer-field select,
#photo-form select[name="job_id"]{
  width:100%;
  min-height:46px;
}

@media(max-width:640px){
  .tf71417-deleted-pager{
    justify-content:stretch;
  }
  .tf71417-select-page{
    width:100%;
  }
  .tf71417-deleted-pager form{
    flex:1;
  }
  .tf71417-deleted-actions .btn{
    flex:1;
  }
  .tf71417-deleted-actions{
    width:calc(100vw - 16px);
    bottom:calc(72px + env(safe-area-inset-bottom));
  }
  [data-tf714-custom-page="recently-deleted"]{
    padding-bottom:180px;
  }
}

@media(min-width:641px) and (max-width:1000px){
  .tf71418-direct-materials{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
  .tf71418-direct-materials{grid-template-columns:1fr;padding:10px}
}