/* Gestionale al telefono: solo con html.gt-on, cioè sotto i 921 px e col gestionale aperto. */
html.gt-on #gnCorpo .gn-testa { margin-bottom: 8px; }
html.gt-on #gnCorpo .gn-h1 { font-size: 24px; letter-spacing: -.01em; }
html.gt-on #gnCorpo .gn-tit { font-size: 12.5px; letter-spacing: 0; text-transform: none; font-weight: 700; color: #5a7479; margin-bottom: 8px; }
html.gt-on .gt-cifre { display: flex; gap: 8px; margin: 10px 0 16px; }
html.gt-on .gt-cifre > * { flex: 1 1 0; min-width: 0; text-align: left; padding: 11px 12px; background: #fff; border: 1px solid #dfe6e8; border-radius: 12px; font-family: "Plus Jakarta Sans", sans-serif; color: #0c2a33; }
html.gt-on .gt-cifre b { display: block; font-size: 20px; font-weight: 700; line-height: 1.15; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.gt-on .gt-cifre span { display: block; margin-top: 3px; font-size: 12px; font-weight: 500; color: #33525a; line-height: 1.2; }
html.gt-on .gp3-tre { margin-bottom: 14px; }
html.gt-on .gp3-tre > * { min-height: 64px !important; padding: 8px 6px !important; font-size: 13px !important; border-radius: 12px; box-shadow: none !important; border: 1px solid #dfe6e8; }
html.gt-on #gnCorpo .gn-sez > .gn-avviso { padding: 12px 14px; font-size: 13.5px; line-height: 1.35; box-shadow: none; }
html.gt-on .gt-strumenti, html.gt-on .gt-gruppi details { background: #fff; border: 1px solid #dfe6e8; border-radius: 12px; margin: 0 0 8px; overflow: hidden; }
html.gt-on .gt-strumenti > summary, html.gt-on .gt-gruppi summary { display: flex; align-items: center; justify-content: space-between; min-height: 50px; padding: 0 14px; font: 700 14.5px "Plus Jakarta Sans", sans-serif; color: #0c2a33; cursor: pointer; list-style: none; }
html.gt-on .gt-strumenti > summary::-webkit-details-marker, html.gt-on .gt-gruppi summary::-webkit-details-marker { display: none; }
html.gt-on .gt-strumenti > summary::after, html.gt-on .gt-gruppi summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid #5a7479; border-bottom: 2px solid #5a7479; transform: rotate(45deg); transition: transform .15s; }
html.gt-on .gt-strumenti[open] > summary::after, html.gt-on .gt-gruppi details[open] summary::after { transform: rotate(-135deg); }
html.gt-on .gt-strumenti > div { display: grid; gap: 6px; padding: 0 10px 10px; }
html.gt-on .gt-strumenti .gn-sez { margin: 0; }
html.gt-on .gt-strumenti .gn-btn { min-height: 46px; margin: 0; text-align: left; justify-content: flex-start; border-radius: 10px; font-size: 13.5px; font-weight: 600; box-shadow: none; }
html.gt-on .gt-gruppi { margin-top: 6px; }
html.gt-on .gt-gruppi .gn-gruppo { border: 0; border-radius: 0; box-shadow: none; background: none; margin: 0; }
html.gt-on .gp2-altro.gt-spostato > .gn-gruppo { display: none; }
html.gt-on .gt-letti { display: flex; justify-content: space-between; align-items: center; margin: 14px 2px 8px !important; font-size: 12px; color: #5a7479; }
html.gt-on .gt-letti * { font-size: 12px; }
html.gt-on:has(#app.luxdark) .gt-cifre > *, html.gt-on:has(#app.luxdark) .gt-strumenti, html.gt-on:has(#app.luxdark) .gt-gruppi details { background: #0e1a22; border-color: #1a2e3b; color: #e2e8f0; }
html.gt-on:has(#app.luxdark) .gt-cifre span { color: #a9c2c9; }
html.gt-on:has(#app.luxdark) .gt-strumenti > summary, html.gt-on:has(#app.luxdark) .gt-gruppi summary { color: #e2e8f0; }
html.gt-on .gt-gruppi .gn-riga { min-height: 56px; padding: 8px 12px; gap: 10px; border-radius: 0; box-shadow: none; }
html.gt-on .gt-gruppi .gn-q { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 9px; }
html.gt-on .gt-gruppi .gn-riga-t { font-size: 14px; }
html.gt-on .gt-cifre > * { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
html.gt-on .gt-strumenti { margin: 8px 0 12px; }
html.gt-on .gt-strumenti > summary { min-height: 46px; }
html.gt-on #gnCorpo .gt-strumenti > div { gap: 0; padding: 0 12px 8px; }
html.gt-on #gnCorpo .gt-strumenti .gn-sez { margin: 0 !important; padding: 0 !important; }
html.gt-on #gnCorpo .gt-strumenti .gn-btn { display: block; width: 100%; min-height: 0; margin: 0; padding: 11px 2px; border: 0; border-top: 1px solid #edf1f2; border-radius: 0; background: none; text-align: left; font-size: 14px; line-height: 1.3; }
html.gt-on:has(#app.luxdark) #gnCorpo .gt-strumenti .gn-btn { border-color: #1a2e3b; color: #e2e8f0; }
/* Il menu Strumenti si usa in banchina, anche sotto il sole: caratteri grandi, contrasto alto, tasti da 54 px. */
html.gt-on .gt-strumenti { border: 1.5px solid #9fb4ba; }
html.gt-on .gt-strumenti > summary { min-height: 56px; font-size: 17px; font-weight: 700; color: #06222c; }
html.gt-on .gt-strumenti > summary::after { width: 10px; height: 10px; border-right-width: 2.5px; border-bottom-width: 2.5px; border-color: #0a3a48; }
html.gt-on #gnCorpo .gt-strumenti .gn-btn { display: flex; align-items: center; min-height: 54px; padding: 10px 4px; font-size: 16.5px; font-weight: 600; line-height: 1.3; color: #06222c; border-top: 1px solid #b9c8cc; }
html.gt-on:has(#app.luxdark) .gt-strumenti { border-color: #4a666e; }
html.gt-on:has(#app.luxdark) .gt-strumenti > summary, html.gt-on:has(#app.luxdark) #gnCorpo .gt-strumenti .gn-btn { color: #fff; }
html.gt-on:has(#app.luxdark) .gt-strumenti > summary::after { border-color: #fff; }
html.gt-on:has(#app.luxdark) #gnCorpo .gt-strumenti .gn-btn { border-color: #33525a; }
html.gt-on #gnCorpo .gt-strumenti .gn-btn { justify-content: flex-start; text-align: left; }

/* Leggibile in banchina: si alza solo ciò che era sotto i 15 px, grigi più scuri, tasti da almeno 48 px. */
html.gt-on:not(:has(#app.luxdark)) #gestisci { --muto: #33525a; }
html.gt-on #gnCorpo .gn-tit { font-size: 15px; color: var(--muto); margin-bottom: 9px; }
html.gt-on .gt-cifre b { font-size: 23px; }
html.gt-on .gt-cifre span { font-size: 14px; font-weight: 600; }
html.gt-on .gt-cifre > * { padding: 12px 10px; }
html.gt-on #gnCorpo .gp3-tre > *, html.gt-on #gnCorpo .gp3-tre > * span { font-size: 15px; }
html.gt-on #gnCorpo .gn-avviso { font-size: 15px; }
html.gt-on #gnCorpo .v10-cal-hint { font-size: 15px; }
html.gt-on #gnCorpo .gn-link, html.gt-on #gnCorpo .gn-avviso-az { min-height: 48px; }
html.gt-on #gnCorpo .gn-chip { border-color: #9fb4ba; }
html.gt-on .gt-gruppi summary { min-height: 56px; font-size: 16.5px; }
html.gt-on .gt-gruppi .gn-riga { min-height: 62px; }
html.gt-on .gt-gruppi .gn-riga-t { font-size: 16px; }
html.gt-on .gt-letti, html.gt-on .gt-letti * { font-size: 14.5px; }
html.gt-on-barra #mlNav button { gap: 3px; color: rgba(253, 251, 247, .88); }
html.gt-on-barra #mlNav button.on { color: #fff; }
html.gt-on-barra #mlNav .ml-t { font-size: clamp(12px, 3.45vw, 13.5px); font-weight: 700; color: inherit; white-space: nowrap; }
html.gt-on #gnCorpo .gp7-blocco.gt-via { display: none !important; }