/* HartaMediu - cont premium UI si rapoarte automate r2 */

/* Selecturi moderne, coerente in toate formularele contului. */
.hm1511-shell select {
  width: 100%;
  min-height: 48px;
  padding: 0 48px 0 15px !important;
  border: 1px solid #b8d2ca !important;
  border-radius: 13px !important;
  color: #13231f !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230b4a3e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 18px 18px !important;
  box-shadow: 0 1px 0 rgba(11,74,62,.03), inset 0 0 0 1px rgba(255,255,255,.65);
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  cursor: pointer;
  font: inherit;
  line-height: 1.2;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.hm1511-shell select:hover { border-color: #78aa9b !important; background-color: #fbfefd !important; }
.hm1511-shell select:focus {
  outline: none !important;
  border-color: #0f7664 !important;
  box-shadow: 0 0 0 4px rgba(15,118,100,.13) !important;
}
.hm1511-shell select:disabled { opacity: .62; cursor: not-allowed; }
.hm1511-shell input[type="date"] {
  min-height: 48px;
  border-radius: 13px !important;
}
.hm1511-shell input[type="file"] {
  min-height: 48px;
  padding: 6px 8px !important;
  border: 1px solid #b8d2ca !important;
  border-radius: 13px !important;
  background: #fff !important;
}
.hm1511-shell input[type="file"]::file-selector-button {
  min-height: 34px;
  margin-right: 12px;
  padding: 0 13px;
  border: 0;
  border-radius: 9px;
  color: #fff;
  background: #0b4a3e;
  cursor: pointer;
  font-weight: 800;
}

/* Formularul pentru un singur punct: denumire completa, coordonate aliniate, buton normal. */
.hm1511-location-inputs { align-items: start !important; }
.hm1511-location-inputs > form { align-self: start !important; }
.hm1511-single-location-form {
  display: grid !important;
  gap: 16px !important;
}
.hm1511-single-location-form h3 { margin: 0 !important; font-size: 21px !important; }
.hm1511-single-location-form .hm157-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.hm1511-single-location-form .hm157-form-grid > label:first-child { grid-column: 1 / -1; }
.hm1511-single-location-form label,
.hm1511-bulk-location-form label { display: grid !important; gap: 8px !important; }
.hm1511-single-location-form input { min-height: 48px; }
.hm1511-single-location-form > button,
.hm1511-bulk-location-form > button,
.hm1511-report-form > button {
  width: auto !important;
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  justify-self: start !important;
  align-self: start !important;
}
.hm1511-bulk-location-form { display: grid !important; gap: 15px !important; }

/* Cardurile laterale raman in fluxul normal al paginii. */
.hm1511-workspace-side {
  position: static !important;
  top: auto !important;
  align-self: start !important;
}

/* Proiectele sunt afisate cate unul pe rand, ca dosare, nu ca patrate. */
.hm1511-project-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
}
.hm1511-project-card {
  display: grid !important;
  grid-template-columns: minmax(300px, 1.35fr) minmax(220px, .8fr) 235px 175px !important;
  gap: 22px !important;
  align-items: center !important;
  padding: 20px 22px !important;
  border-radius: 18px !important;
}
.hm1512-project-primary { min-width: 0; }
.hm1512-project-primary .hm1511-project-topline { justify-content: flex-start !important; }
.hm1512-project-primary h3 { margin: 12px 0 5px !important; font-size: 22px !important; }
.hm1512-project-primary > p { min-height: 0 !important; margin: 0 0 10px !important; }
.hm1512-project-progress { min-width: 0; }
.hm1512-project-progress .hm1511-progress-row { margin: 0 !important; }
.hm1511-project-card .hm1511-card-numbers { margin: 0 !important; }
.hm1512-project-action { display: flex; justify-content: flex-end; }
.hm1512-project-action .hm1511-open-project {
  width: auto !important;
  min-width: 160px;
  margin: 0 !important;
  padding: 0 17px !important;
  white-space: nowrap;
}

/* Rapoarte generate automat. */
.hm1512-report-explainer {
  margin: 20px 0 0;
  padding: 14px 16px;
  border: 1px solid #c8ded7;
  border-radius: 13px;
  color: #38524b;
  background: #f3f9f6;
  line-height: 1.55;
}
.hm1512-report-ready {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 20px 0 0;
  padding: 15px 16px;
  border: 1px solid #80bba9;
  border-radius: 14px;
  color: #0b4a3e;
  background: #e8f6f1;
}
.hm1512-report-ready strong,
.hm1512-report-ready span { display: block; }
.hm1512-report-ready span { margin-top: 3px; color: #526b64; font-size: 13px; }
.hm1512-report-ready a { flex: 0 0 auto; text-decoration: none; }
.hm1511-report-form { margin-top: 18px !important; }
.hm1511-report-form .hm157-form-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr) !important;
  gap: 16px !important;
  align-items: end !important;
}
.hm1511-report-form label { display: grid !important; gap: 8px !important; }
.hm1511-report-form textarea { min-height: 120px; }
.hm1512-auto-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  color: #0b4a3e;
  background: #dff3ec;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .04em;
  vertical-align: middle;
}

@media (max-width: 1180px) {
  .hm1511-project-card {
    grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr) !important;
  }
  .hm1511-project-card .hm1511-card-numbers { grid-column: 1; }
  .hm1512-project-action { grid-column: 2; grid-row: 2; }
}

@media (max-width: 760px) {
  .hm1511-single-location-form .hm157-form-grid,
  .hm1511-report-form .hm157-form-grid { grid-template-columns: 1fr !important; }
  .hm1511-single-location-form .hm157-form-grid > label:first-child { grid-column: auto; }
  .hm1511-project-card { grid-template-columns: 1fr !important; gap: 15px !important; }
  .hm1511-project-card .hm1511-card-numbers,
  .hm1512-project-action { grid-column: auto; grid-row: auto; }
  .hm1512-project-action { justify-content: flex-start; }
  .hm1512-project-action .hm1511-open-project { width: 100% !important; }
  .hm1512-report-ready { align-items: stretch; flex-direction: column; }
  .hm1512-report-ready a { width: 100%; }
}