/* SEVIX Mobile — completely isolated from desktop styles.
   STL/STEP/STP/OBJ/3MF/G-code are still loaded by the existing file picker. */
.sevix-ui-mobile main.sevix-calculator-layout {
  display:flex !important; flex-direction:column; gap:14px;
  align-content:start; height:auto !important; min-height:0 !important;
  padding-bottom:calc(var(--pc-nav-h,64px) + 28px) !important;
}
/* Flatten the desktop column wrappers so mobile retains a simple single-column flow. */
.sevix-ui-mobile .sevix-workspace-left,
.sevix-ui-mobile .sevix-workspace-right { display:contents; }
.sevix-ui-mobile .sevix-viewport { order:1; margin-top:0 !important; }
.sevix-ui-mobile .sevix-costs { order:2; margin-top:0 !important; }
.sevix-ui-mobile .sevix-controls { order:3; margin-top:0 !important; }
.sevix-ui-mobile .sevix-multi-quote { order:4; margin-top:0 !important; }
/* Hide the *presentation* only: leave original inputs/IDs in DOM for shared JS. */
.sevix-ui-mobile .sevix-slicer { display:none !important; }
.sevix-ui-mobile .pc-page { max-width:100%; }
.sevix-ui-mobile .pc-nav { left:0; right:0; bottom:0; transform:none; width:100%; border-radius:0; }
.sevix-ui-mobile .sevix-calculator-layout > * { min-width:0; }
.sevix-ui-mobile .sevix-multi-quote input { min-width:0; max-width:100%; }

/* Il selettore PC non modifica l'interfaccia mobile. */
.sevix-ui-mobile .sevix-desktop-printer-picker { display:none !important; }
.sevix-ui-mobile .sevix-printer-new { display:flex; flex-direction:column; gap:8px; }
.sevix-ui-mobile .sevix-printer-new .ios-select { width:100%; border-radius:10px; padding:9px; background:var(--ios-bg-secondary); color:var(--ios-text-primary); }
.sevix-ui-mobile .sevix-printer-card-heading { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }

.sevix-ui-mobile #sevix-extra-toggle { display:none !important; }

/* Actions stay usable and in the original flow on phones. */
.sevix-ui-mobile .sevix-main-actions { order:4; margin-top:0 !important; }
.sevix-ui-mobile .sevix-multi-quote { order:5; }
.sevix-ui-mobile .sevix-printer-combobox { display:none !important; }


/* SEVIX Mobile: correzione scorrimento calcolatore e pagine (2026-10).
   Solo mobile: desktop, dati, importatori e componenti non sono modificati. */
html.sevix-ui-mobile {
  height: auto !important;
  min-height: 100%;
  overflow-x: clip;
  overflow-y: auto;
}
html.sevix-ui-mobile body {
  height: auto !important;
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: clip !important;
  overflow-y: visible !important;
}
/* Un unico scroll verticale della pagina: evita il conflitto tra
   il main flex e il contenitore ios-scroll-main a scorrimento interno. */
html.sevix-ui-mobile main.ios-scroll-main.sevix-calculator-layout {
  flex: 0 0 auto !important;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  overscroll-behavior-y: auto;
  padding-bottom: calc(var(--pc-nav-h, 64px) + 28px) !important;
}
/* Le pagine sorelle del calcolatore non devono ereditare
   flex:1 e overflow:auto dal vecchio contenitore desktop. */
html.sevix-ui-mobile body > section.pc-page {
  flex: 0 0 auto !important;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding-bottom: calc(var(--pc-nav-h, 64px) + 28px) !important;
}
/* La pagina del calcolatore, quando non selezionata, non deve
   restare assoluta dietro le altre sezioni. */
html.sevix-ui-mobile main.ios-scroll-main.pc-off {
  display: none !important;
}
html.sevix-ui-mobile .sevix-calculator-layout > *,
html.sevix-ui-mobile .pc-page > * {
  min-width: 0;
  max-width: 100%;
}