/* svg {
    max-height: 100%;
    width: auto;
    display: block;
}
 */

.ispag-tank-fields .ispag-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem 2rem;
  margin-top: 1rem;
}

.ispag-tank-fields .ispag-field {
  display: flex;
  flex-direction: column;
}

.ispag-tank-fields .ispag-field label {
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.ispag-field input[type="number"] {
  padding: 6px 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: var(--ispag-btn-border-radius);
}

#tank-dimensions-form .ispag-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 20px;
}

#tank-dimensions-form .ispag-field {
  background-color: var(--ispag-light-grey);
  /* border: var(--ispag-color-border-light); */
  border-radius: var(--ispag-badge-border-radius);
  padding: 15px 20px;
  box-sizing: border-box;
}

#tank-dimensions-form .ispag-field label {
  display: block;
  margin-top: 12px;
  font-weight: 600;
}

#tank-dimensions-form .ispag-field label:first-child {
  margin-top: 0;
}


.ispag-field input {
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: var(--ispag-btn-border-radius);
}
.ispag-field select {
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: var(--ispag-btn-border-radius);
    background-color: #fff;
}

.ispag-tank-fields, .ispag-tank-dimensions-fields {
    padding: 1em;
    border: 1px solid #ccc;
    margin-top: 1em;
}
.ispag-tank-fields label , .ispag-tank-dimensions-fields label{
    display: block;
    margin-top: 0.5em;
}
.ispag-modal-fitting-left ,.ispag-modal-fitting-right {
  
  background-color: var(--ispag-grey);
  padding: 15px;
  border-radius: var(--ispag-badge-border-radius);
}
.ispag-modal-fitting-left {
    width: 25%;
    min-height: 100vh;
    min-height: var(--ispag-vh, 100dvh);
    max-height: 100vh;
    max-height: var(--ispag-vh, 100dvh);
}
.ispag-modal-fitting-right {
    width: 75%;
}

.fitting-row {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}
.fitting-row input,
.fitting-row select {
    flex: 1;
    min-width: 80px;
}
.fitting-row button {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    line-height: 1;
}

.ispag-modal-section-title {
    margin: 20px 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
    color: #2271b1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ispag-separator {
    margin: 30px 0;
    border: 0;
    border-top: 3px double #ddd;
}

.ispag-fittings-section, .ispag-welding-section {
    background: #f9f9f9;
    padding: 15px;
    border-radius: var(--ispag-btn-border-radius);
    margin-bottom: 20px;
}


/* Style pour l'alerte de transport exceptionnel */
#tank-transport-alert {
  display: none;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: var(--ispag-btn-border-radius);
  padding: 12px;
  margin-top: 15px;
  font-size: 14px;
  color: #856404;
}

#tank-transport-alert.tank-transport-alert.exceptional_simple {
  background: #d1ecf1;
  border-color: #17a2b8;
  color: #0c5460;
}

#tank-transport-alert.tank-transport-alert.exceptional_complex {
  background: #f8d7da;
  border-color: #dc3545;
  color: #721c24;
}

#tank-transport-alert .dashicons-warning {
  color: #ffc107;
}

#tank-transport-alert.exceptional_simple .dashicons-warning {
  color: #17a2b8;
}

#tank-transport-alert.exceptional_complex .dashicons-warning {
  color: #dc3545;
}

/* Échangeurs : 1 à 3 formulaires qui se partagent toute la largeur de la fenêtre */
.exchangerFormsContainer .exchanger-form {
    flex: 1 1 0;
    min-width: 260px;
    position: relative;
}
.exchanger-form .exchanger-form-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.exchanger-form .exchanger-form-header h3 { margin: 0; }
.exchanger-form .removeExchangerForm { flex-shrink: 0; }

/* Fenêtre des échangeurs : les formulaires défilent, le pied (Add / Save) reste toujours visible */
.ispag-product-modal .exchangerFormsContainer {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    align-content: flex-start;
    padding: 16px;
    box-sizing: border-box;
}
.ispag-product-modal .exchangerFormsContainer + .ispag-modal-footer {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-top: 1px solid #cbd5e1;
}
/* Éditeur de piquages plein écran : hauteur réellement visible (barres du navigateur sur iPad) */
#tank-fittings-modal.ispag-modal-fullscreen {
    bottom: auto;
    height: 100vh;
    height: var(--ispag-vh, 100dvh);
}
#tank-fittings-modal .ispag-modal-fitting-right {
    max-height: var(--ispag-vh, 100dvh);
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
}

/* Réglages de simulation d'un piquage (sens, débit, température) : sur PC seulement ; les valeurs restent envoyées même masquées */
@media (max-width: 1023px) { .ispag-sim-field { display: none !important; } }