/* AOS V0.10 — versione computer (schermi da 1024 px in su). Il telefono non cambia. */
@media (min-width:1024px){
  /* menu laterale al posto della barra in basso */
  .bottom-nav{left:0;top:68px;bottom:0;transform:none;width:216px;border-radius:0;border-width:0 1px 0 0;display:flex;flex-direction:column;
    gap:4px;padding:18px 12px;background:rgba(8,16,24,.94);box-shadow:none}
  .bottom-nav button{display:flex;align-items:center;gap:12px;font-size:14px;padding:11px 14px;border-radius:12px;text-align:left;color:var(--dim)}
  .bottom-nav button span{width:22px;text-align:center;font-size:16px;margin:0}
  .bottom-nav button.active{background:rgba(45,145,197,.16);color:var(--ink)}
  .bottom-nav button:hover{background:rgba(255,255,255,.05);color:var(--ink)}
  .jarvis-nav span{width:22px!important;height:22px!important;margin:0!important;border-width:0!important;font-size:12px}
  main{max-width:1180px;margin:0 0 0 216px;padding:30px 40px 60px}
  @media (min-width:1500px){main{margin-left:calc(216px + (100vw - 216px - 1180px)/2)}}

  /* I Miei Casi: elenco e azioni su più colonne */
  #v7-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #v7-list .v7-card{margin:0}
  #v7-list .v7-empty{grid-column:1/-1}
  .v8-crm-grid{grid-template-columns:repeat(4,1fr)}
  .v7-search{max-width:560px}

  /* scheda del paziente su due colonne */
  #v7-caso{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px;align-items:start}
  #v7-caso>.v7-back,#v7-caso>.v7-phead,#v7-caso>.v7-actions,#v7-caso>.v7-warn,#v7-caso>.v7-foot,#v7-caso>.v7-new-epi{grid-column:1/-1}
  #v7-caso>.v7-actions{justify-content:flex-start}#v7-caso>.v7-actions>*{flex:0 0 auto;min-width:150px}
  #v7-caso>.v7-box:first-of-type{grid-row:span 3}
  .v7-thumbs .v7-mini{max-height:220px}
  .v7-foot{grid-template-columns:320px auto;align-items:end;justify-content:start}

  /* schede a tutta larghezza con indice delle sezioni */
  .v7-sheet{align-items:center;padding:28px 0;overflow:hidden}
  .v7-sheet-in{max-width:1120px;min-height:auto;max-height:calc(100vh - 56px);overflow-y:auto;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.45)}
  .v7-sheet header{border-radius:18px 18px 0 0}
  .v7-sheet-body{padding:22px 28px 40px}
  .v10-wrap{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:start}
  .v10-index{position:sticky;top:78px;display:grid;gap:4px}
  .v10-index button{text-align:left;border:0;background:none;color:var(--dim);font:inherit;font-size:13px;padding:8px 10px;border-radius:9px}
  .v10-index button.on,.v10-index button:hover{background:rgba(45,145,197,.14);color:var(--ink)}
  .v10-index small{font-size:11px;color:var(--faint);padding:10px 10px 0}

  /* form su più colonne */
  .v7-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:12px}
  .v7-form>.v7-sec,.v7-form>.v7-flags,.v7-form>.v7-redalert,.v7-form>.v7-charthost,.v7-form>.v7-field,.v7-form>.v7-tests,
  .v7-form>.v7-check,.v7-form>.v7-nrs,.v7-form>button,.v7-form>.v7-muted,.v7-form>details,.v7-form>label:has(textarea[data-k="motivo"]){grid-column:1/-1}
  .v7-form>label:has(+.v7-nrs){grid-column:1/-1;margin-bottom:-6px}
  .v7-form>.v7-sec{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
  .v7-form>.v7-sec:first-child{margin-top:0;border-top:0;padding-top:0}
  .v7-form>button.primary{max-width:320px;justify-self:end}
  .v7-flags{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v7-tests{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v7-nrs{max-width:620px}

  /* body chart: figura a sinistra, comandi e punti a destra */
  .v7-charthost{grid-template-columns:minmax(0,1fr) 340px;align-items:start;column-gap:22px}
  .v7-charthost>.v7-chart{grid-column:1;grid-row:1/span 4}
  .v7-charthost>.v7-tabs,.v7-charthost>.v7-types,.v7-charthost>.v7-muted,.v7-charthost>.v7-ptlist{grid-column:2}
  .v7-charthost .v7-tabs,.v7-charthost .v7-types{flex-wrap:wrap;overflow:visible}
  .v7-big{height:min(64vh,560px)!important}

  /* esercizi, PubMed, marketing */
  .v9-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v8-mk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v8-kpi4{grid-template-columns:repeat(4,1fr)}
  .v9-sel{max-width:720px}
}