/* Admin estimate Save / Save As toolbar — visual fixes only */
/* Top-right Save As: keep brand red (override faded/white variants) */
button.h-8.text-xs.text-white.border-none.shadow-sm {
  background-color: #d02127 !important;
  color: #ffffff !important;
}

/*
 * Admin project photos panel — same shell as customer "View Project Photos"
 * (a1-photos-expand-box + iB component).
 */
#a1-admin-photos-panel.a1-photos-expand-box,
.a1-photos-expand-box#a1-admin-photos-panel {
  max-width: 1000px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 1rem !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
}

@media screen and (max-width: 767px) {
  #a1-admin-photos-panel.a1-photos-expand-box {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  /* Match customer mobile tag grid */
  #a1-admin-photos-panel .flex.items-center.gap-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.4rem !important;
    width: 100% !important;
  }
  #a1-admin-photos-panel .flex.items-center.gap-2 > span {
    grid-column: 1 / -1 !important;
    text-align: center !important;
    width: 100% !important;
  }
  #a1-admin-photos-panel .flex.items-center.gap-2 > button {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }
  #a1-admin-photos-panel .text-center.py-4.rounded-lg {
    display: none !important;
  }
}