/* Extracted from index.html <style id="rabbit-mobile-lite-v16"> */

/* =========================================================
   Rabbit Mobile Lite V16
   PC invariato. Su smartphone alleggerisce rendering, blur,
   ombre, animazioni e sfondi pesanti senza rimuovere funzioni.
   ========================================================= */

@media (max-width: 820px){
  :root{
    --mobile-radius:18px;
    --mobile-shadow:0 6px 16px rgba(16,24,40,.07);
  }

  html,
  body{
    background:#f3f6fb !important;
    overflow-x:hidden !important;
    -webkit-text-size-adjust:100% !important;
  }

  body.rabbit-mobile-lite *,
  body.rabbit-mobile-lite *::before,
  body.rabbit-mobile-lite *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }

  /* Elimina i costi principali su mobile: blur, backdrop, filtri, ombre enormi */
  body.rabbit-mobile-lite .topbar,
  body.rabbit-mobile-lite .card,
  body.rabbit-mobile-lite .launch-card,
  body.rabbit-mobile-lite .home-launcher-shell,
  body.rabbit-mobile-lite .settings-section,
  body.rabbit-mobile-lite .profile-hero,
  body.rabbit-mobile-lite .command-center,
  body.rabbit-mobile-lite .hero,
  body.rabbit-mobile-lite #rmccPanel,
  body.rabbit-mobile-lite .rmcc-chat-window,
  body.rabbit-mobile-lite .rmcc-window,
  body.rabbit-mobile-lite .messenger-window,
  body.rabbit-mobile-lite .chat-window{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
    box-shadow:var(--mobile-shadow) !important;
  }

  /* Sfondi complessi sostituiti da superfici leggere */
  body.rabbit-mobile-lite .main,
  body.rabbit-mobile-lite .card,
  body.rabbit-mobile-lite .launch-card,
  body.rabbit-mobile-lite .home-launcher-shell,
  body.rabbit-mobile-lite .settings-section,
  body.rabbit-mobile-lite .command-center,
  body.rabbit-mobile-lite .hero,
  body.rabbit-mobile-lite #home > .card:first-child{
    background:#ffffff !important;
  }

  body.rabbit-mobile-lite .command-center::after,
  body.rabbit-mobile-lite .hero::after,
  body.rabbit-mobile-lite #home > .card:first-child::after,
  body.rabbit-mobile-lite .profile-hero::after,
  body.rabbit-mobile-lite .launch-card::before,
  body.rabbit-mobile-lite .pulse-card::after,
  body.rabbit-mobile-lite .settings-section::before,
  body.rabbit-mobile-lite .home-launcher-shell::before,
  body.rabbit-mobile-lite .home-launcher-shell::after{
    display:none !important;
    content:none !important;
  }

  /* Layout mobile: una colonna vera */
  body.rabbit-mobile-lite .app,
  body.rabbit-mobile-lite .app.no-rightbar,
  body.rabbit-mobile-lite .scale-root .app{
    display:block !important;
    grid-template-columns:1fr !important;
  }

  body.rabbit-mobile-lite .main{
    width:100% !important;
    max-width:100% !important;
    padding:10px !important;
    margin:0 !important;
  }

  body.rabbit-mobile-lite .rightbar,
  body.rabbit-mobile-lite .sidebar,
  body.rabbit-mobile-lite aside,
  body.rabbit-mobile-lite [data-rightbar]{
    display:none !important;
  }

  /* Topbar mobile leggera */
  body.rabbit-mobile-lite .topbar{
    position:sticky !important;
    top:0 !important;
    z-index:80 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin:0 0 10px !important;
    padding:8px !important;
    border-radius:18px !important;
    background:#ffffff !important;
    border:1px solid rgba(16,24,40,.08) !important;
  }

  body.rabbit-mobile-lite .topbar .search{
    max-width:none !important;
    width:100% !important;
  }

  body.rabbit-mobile-lite .topbar .search input{
    height:42px !important;
    min-height:42px !important;
    font-size:16px !important;
  }

  body.rabbit-mobile-lite .topbar .actions{
    display:flex !important;
    overflow-x:auto !important;
    gap:6px !important;
    padding-bottom:2px !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.rabbit-mobile-lite .topbar .actions button{
    min-width:max-content !important;
    min-height:38px !important;
    padding:0 10px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  /* Hero compatto */
  body.rabbit-mobile-lite .command-center,
  body.rabbit-mobile-lite .hero,
  body.rabbit-mobile-lite #home > .card:first-child{
    border-radius:20px !important;
    padding:16px !important;
    margin-bottom:10px !important;
  }

  body.rabbit-mobile-lite h1{
    font-size:28px !important;
    line-height:1.02 !important;
    letter-spacing:-.05em !important;
  }

  body.rabbit-mobile-lite h2{
    font-size:22px !important;
  }

  /* Griglie trasformate in lista/2 colonne leggere */
  body.rabbit-mobile-lite .home-launcher-grid{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body.rabbit-mobile-lite .launch-card{
    min-height:104px !important;
    padding:11px !important;
    border-radius:16px !important;
  }

  body.rabbit-mobile-lite .launch-icon{
    width:34px !important;
    height:34px !important;
    border-radius:12px !important;
  }

  body.rabbit-mobile-lite .launch-title{
    font-size:15px !important;
  }

  body.rabbit-mobile-lite .launch-desc{
    display:none !important;
  }

  body.rabbit-mobile-lite .launch-footer{
    font-size:12px !important;
  }

  body.rabbit-mobile-lite .home-launcher-shell{
    padding:12px !important;
    border-radius:20px !important;
  }

  body.rabbit-mobile-lite .home-launcher-head{
    margin-bottom:10px !important;
  }

  body.rabbit-mobile-lite .home-launcher-head p{
    display:none !important;
  }

  body.rabbit-mobile-lite .home-launcher-meta{
    font-size:12px !important;
    padding:6px 9px !important;
  }

  body.rabbit-mobile-lite .priority-board,
  body.rabbit-mobile-lite .home-grid,
  body.rabbit-mobile-lite .grid,
  body.rabbit-mobile-lite .settings-layout,
  body.rabbit-mobile-lite .settings-overview{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body.rabbit-mobile-lite .board-col,
  body.rabbit-mobile-lite .card,
  body.rabbit-mobile-lite .settings-section{
    border-radius:18px !important;
    padding:12px !important;
  }

  /* Calendario: meno ombre/effetti, scroll fluido */
  body.rabbit-mobile-lite .gcal-scroll,
  body.rabbit-mobile-lite .gcal-main{
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.rabbit-mobile-lite .gcal-event{
    box-shadow:none !important;
  }

  /* Chat floating: leggera ma funzionante */
  body.rabbit-mobile-lite #rmccButton,
  body.rabbit-mobile-lite .chat-float,
  body.rabbit-mobile-lite .floating-chat,
  body.rabbit-mobile-lite #chatButton{
    right:14px !important;
    bottom:14px !important;
    box-shadow:0 8px 18px rgba(16,24,40,.14) !important;
  }

  body.rabbit-mobile-lite #rmccPanel{
    inset:auto 8px 76px 8px !important;
    width:auto !important;
    max-width:none !important;
    height:min(74dvh, 600px) !important;
    border-radius:20px !important;
  }

  /* Login mobile super leggero */
  body.rabbit-mobile-lite [id*="login"],
  body.rabbit-mobile-lite [class*="login"],
  body.rabbit-mobile-lite .auth,
  body.rabbit-mobile-lite .auth-screen{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }

  body.rabbit-mobile-lite input,
  body.rabbit-mobile-lite textarea,
  body.rabbit-mobile-lite select{
    font-size:16px !important;
    min-height:44px !important;
  }

  /* Evita repaint mentre si scrive */
  body.rabbit-input-active .home-launcher-shell,
  body.rabbit-input-active .priority-board,
  body.rabbit-input-active .pulse-strip,
  body.rabbit-input-active #rmccButton,
  body.rabbit-input-active .floating-chat{
    visibility:hidden !important;
  }
}

@media (max-width: 430px){
  body.rabbit-mobile-lite .home-launcher-grid{
    grid-template-columns:1fr 1fr !important;
  }

  body.rabbit-mobile-lite .launch-card{
    min-height:96px !important;
  }

  body.rabbit-mobile-lite .launch-footer span:first-child{
    display:none !important;
  }

  body.rabbit-mobile-lite h1{
    font-size:25px !important;
  }
}