/* demo-mobile.css — v11.94 · RIFINITURA IPHONE DELLA CONFEZIONE DEMO (fase 1)
 * Sopra le 27 media query gia esistenti: scorrimento tabelle con inerzia,
 * modali a foglio sotto i 480px, bersagli tocco pieni, input a 16px contro lo
 * zoom forzato di Safari, e la pilloliera delle lingue nelle safe area. */
html { -webkit-text-size-adjust: 100%; }

.dm-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
.dm-scroll > table { min-width: max-content; }

#di18n-pill {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 10px);
  right: calc(env(safe-area-inset-right, 0px) + 10px);
  z-index: 10050;
  display: flex; gap: 2px; padding: 3px;
  background: rgba(10, 16, 28, .82);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
}
#di18n-pill button {
  min-width: 40px; min-height: 30px; padding: 4px 10px;
  border: 0; border-radius: 999px; background: transparent;
  color: rgba(255, 255, 255, .78); font: 600 12px/1 inherit; letter-spacing: .04em;
  cursor: pointer;
}
#di18n-pill button[aria-pressed="true"] { background: rgba(255, 255, 255, .92); color: #0a101c; }

/* v12.08: variante nella barra superiore (schermi larghi, >= 1100px via JS).
 * Da elemento fluttuante a elemento della barra: niente fondo pieno ne sfocatura,
 * bordo e colori sui gettoni del tema, misure allineate al selettore della data. */
#di18n-pill.di18n-inbar {
  position: static;
  top: auto; right: auto;
  flex: 0 0 auto;
  background: transparent;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  border: 1px solid var(--bdrM, rgba(255, 255, 255, .16));
  padding: 2px;
}
#di18n-pill.di18n-inbar button {
  min-width: 32px; min-height: 22px; padding: 3px 8px;
  font-size: 11px;
  color: var(--silver2, rgba(255, 255, 255, .72));
}
#di18n-pill.di18n-inbar button[aria-pressed="true"] {
  background: var(--s2, rgba(255, 255, 255, .12));
  color: var(--gold2, #d8c07a);
}

@media (max-width: 480px) {
  input, select, textarea, button { font-size: 16px; }
  button, [role="button"] { min-height: 44px; }
  #di18n-pill button { min-height: 34px; font-size: 12px; }
  .mbg.open { align-items: flex-end; }
  .modal {
    width: 100vw; max-width: 100vw; min-width: 0; margin: 0;
    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 8px);
    border-radius: 14px 14px 0 0;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 12px);
    overflow-y: auto; -webkit-overflow-scrolling: touch;
  }
}