/* Villa Plumbing Field Portal — Manual Material Invoice Entry
   Additive styles only; do not redesign the surrounding hub. */

.mman-overlay{
  position:fixed; inset:0;
  background:rgba(10,30,40,0.55);
  display:flex; align-items:flex-start; justify-content:center;
  padding:24px 16px; z-index:9999;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

.mman-modal{
  width:100%; max-width:760px;
  background:#fff;
  padding:1rem 1.25rem 1.1rem;
  box-shadow:0 18px 48px rgba(10,30,40,0.28);
  max-height:none;
}

.mman-modal .mhub-status-bar{
  display:flex; justify-content:space-between; align-items:center;
  gap:8px;
}

.mman-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px 14px;
  margin-top:10px;
}
.mman-grid label{
  display:flex; flex-direction:column; gap:4px;
  font-size:12px; color:#4a6b65;
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase; letter-spacing:.3px;
}
.mman-grid label > span{ font-weight:700 }
.mman-grid input, .mman-grid select{
  font-family:inherit; font-size:13px;
  color:#141310;
  padding:8px 10px;
  border:1px solid #d8e8e5; border-radius:8px;
  background:#fff;
  text-transform:none; letter-spacing:0;
}
.mman-grid label.mman-wide{ grid-column:1 / -1 }

.mman-section{
  margin:14px 0 6px;
  font-family:'Barlow Condensed',sans-serif;
  color:#141310; font-size:14px; text-transform:uppercase;
  letter-spacing:.5px;
}

.mman-line-wrap{ overflow-x:auto }

.mman-lines td input, .mman-lines td select{
  width:100%;
  font-size:12px;
  padding:6px 8px;
  border:1px solid #d8e8e5; border-radius:6px;
  background:#fff;
}

.mman-footer{ margin-top:14px; justify-content:flex-end }

.mman-issues{ margin-top:10px }
.mman-issue-list{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px }
.mman-issue{ display:flex; align-items:flex-start; gap:8px;
  font-size:12px; color:#4a6b65; line-height:1.45 }
.mman-issue.mman-danger{ color:#7a1f1a }
.mman-issue.mman-warn{ color:#8a5c00 }

@media (max-width: 640px){
  .mman-overlay{ padding:0 }
  .mman-modal{
    border-radius:0;
    max-width:none;
    min-height:100vh;
  }
  .mman-grid{ grid-template-columns:1fr }
  .mman-footer{ justify-content:stretch }
  .mman-footer .btn{ flex:1 1 50% }
}