/* =========================================================
   Rabbit Smartphone Faithful V6
   Responsive mobile fedele alla Home desktop:
   - stessa gerarchia visiva, una colonna ordinata
   - card Mail Desk stabile e leggibile
   - preview mail/allegati ottimizzati touch
   - nessuna modifica a logica, Supabase, Gmail OAuth o Netlify
   ========================================================= */

@media (max-width: 760px){
  :root{
    --rf-mobile-pad: clamp(10px, 3.2vw, 16px);
    --rf-mobile-radius: 22px;
    --rf-mobile-line: #dfe8f4;
    --rf-mobile-shadow: 0 16px 38px rgba(15, 23, 42, .09), 0 5px 14px rgba(15, 23, 42, .045);
  }

  html,
  body{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background-color:#f7fafc !important;
    background-image:
      linear-gradient(to right, rgba(37,99,235,.032) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(37,99,235,.032) 1px, transparent 1px) !important;
    background-size:40px 40px !important;
    -webkit-text-size-adjust:100% !important;
    overscroll-behavior-x:none !important;
  }

  *{
    box-sizing:border-box !important;
  }

  .scale-root,
  .scale-root .app,
  .app,
  .app.no-rightbar{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:block !important;
    transform:none !important;
  }

  .app > .sidebar,
  .app > aside.sidebar,
  .rabbit-pro-sidebar,
  .app > .rightbar,
  body > .rightbar{
    display:none !important;
  }

  .main{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding: max(8px, env(safe-area-inset-top, 0px)) var(--rf-mobile-pad) calc(98px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x:hidden !important;
    background:transparent !important;
  }

  .view,
  #home.view,
  #home.view.rabbit-home-with-rightbar-v1.active{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
  }

  /* Topbar fedele: menu, ricerca, profilo, ma senza compressioni o scroll laterale. */
  .topbar,
  .topbar.rabbit-pro-topbar{
    position:sticky !important;
    top:max(0px, env(safe-area-inset-top, 0px)) !important;
    z-index:100 !important;
    width:100% !important;
    min-height:60px !important;
    margin:0 0 12px !important;
    padding:8px !important;
    display:grid !important;
    grid-template-columns:42px minmax(0, 1fr) auto !important;
    grid-template-areas:"menu search user" !important;
    align-items:center !important;
    gap:8px !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(220,231,244,.96) !important;
    box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
    backdrop-filter:blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter:blur(14px) saturate(140%) !important;
  }

  .mobile-menu-btn{
    grid-area:menu !important;
    display:grid !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    padding:0 !important;
    place-items:center !important;
    border-radius:15px !important;
    border:1px solid #dbe5f1 !important;
    background:#fff !important;
    color:#0f172a !important;
    box-shadow:0 8px 18px rgba(15,23,42,.055) !important;
    font-size:21px !important;
    line-height:1 !important;
  }

  .topbar .search,
  .topbar.rabbit-pro-topbar .search{
    grid-area:search !important;
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .topbar input#globalSearch,
  .topbar .search input{
    width:100% !important;
    min-width:0 !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 36px 0 13px !important;
    border-radius:15px !important;
    border:1px solid #dbe5f1 !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:16px !important;
    font-weight:650 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  .topbar .search button{
    position:absolute !important;
    right:7px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#94a3b8 !important;
    font-size:16px !important;
    padding:0 !important;
  }

  .rabbit-topbar-user{
    grid-area:user !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    min-width:0 !important;
  }

  .rabbit-bell{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:14px !important;
    display:grid !important;
    place-items:center !important;
  }

  .rabbit-admin-chip{
    width:auto !important;
    max-width:122px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 8px 0 5px !important;
    gap:7px !important;
    border-radius:999px !important;
    background:#fff !important;
    border:1px solid #e0e8f2 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.055) !important;
  }

  .rabbit-avatar-dot{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:999px !important;
    font-size:11px !important;
  }

  .rabbit-admin-chip b{
    max-width:72px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:12px !important;
    font-weight:850 !important;
    color:#0f172a !important;
  }

  /* Home: stessa struttura desktop, impilata. */
  #home .command-center,
  #home .command-center.rabbit-pro-command,
  #home .rabbit-pro-command{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:0 0 14px !important;
  }

  #home .command-panel,
  #home .rabbit-pro-hero,
  #home .command-panel.rabbit-pro-hero{
    width:100% !important;
    min-height:214px !important;
    height:auto !important;
    padding:18px !important;
    border-radius:26px !important;
    overflow:hidden !important;
    box-shadow:0 22px 48px rgba(15,23,42,.18) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
  }

  #home .command-title,
  #home .rabbit-pro-hero h1,
  #home .command-title span{
    width:100% !important;
    max-width:100% !important;
    color:#fff !important;
    font-size:clamp(30px, 8.8vw, 39px) !important;
    line-height:1.02 !important;
    letter-spacing:-.065em !important;
    text-align:left !important;
    margin:10px 0 8px !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  #home .command-panel .muted,
  #home .command-subtitle,
  #home .rabbit-pro-hero p{
    display:block !important;
    max-width:100% !important;
    color:rgba(226,232,240,.80) !important;
    font-size:12.5px !important;
    line-height:1.36 !important;
    margin:0 0 14px !important;
  }

  #home .command-actions,
  #home .rabbit-pro-hero-actions,
  #home .hero-actions{
    width:100% !important;
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:1px 1px 4px !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    scroll-snap-type:x mandatory !important;
  }
  #home .command-actions::-webkit-scrollbar,
  #home .rabbit-pro-hero-actions::-webkit-scrollbar,
  #home .hero-actions::-webkit-scrollbar{display:none !important;}

  #home .command-actions button,
  #home .rabbit-pro-hero-actions button,
  #home .hero-actions button{
    flex:0 0 auto !important;
    min-width:112px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 14px !important;
    border-radius:15px !important;
    white-space:nowrap !important;
    font-size:12px !important;
    font-weight:900 !important;
    scroll-snap-align:start !important;
  }

  #home .command-center > .card,
  #home .rabbit-pro-pulse{
    width:100% !important;
    min-height:0 !important;
    padding:14px !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(220,231,244,.96) !important;
    box-shadow:var(--rf-mobile-shadow) !important;
  }

  #home .command-center > .card h3,
  #home .rabbit-pro-pulse h3{
    margin:0 0 10px !important;
    font-size:15px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    letter-spacing:-.025em !important;
  }

  #home .pulse-strip,
  #home .rabbit-pro-kpis{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  #home .pulse-card{
    min-height:84px !important;
    border-radius:19px !important;
    padding:13px 36px 11px 13px !important;
  }
  #home .pulse-card b{font-size:28px !important;line-height:1 !important;}
  #home .pulse-card span,
  #home .pulse-card .muted{font-size:11px !important;line-height:1.15 !important;}

  #home #homeLauncherCards,
  #home.rabbit-home-with-rightbar-v1 > #homeLauncherCards{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    grid-column:auto !important;
  }

  #home .home-launcher-shell,
  #home .rabbit-pro-modules,
  #home .rabbit-macro-modules-v1{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #home .rabbit-macro-head,
  #home .home-launcher-head{
    margin:0 0 12px !important;
    padding:0 !important;
    display:block !important;
  }

  #home .rabbit-macro-head h3,
  #home .home-launcher-head h3{
    font-size:25px !important;
    line-height:1.05 !important;
    letter-spacing:-.06em !important;
  }

  #home .rabbit-macro-head p,
  #home .home-launcher-head p{
    display:none !important;
  }

  /* Mail Desk card: desktop fedele, ma mobile ordinato e leggibile. */
  #home .rabbit-maildesk-summary-v3,
  #home .rabbit-maildesk-wide-card.rabbit-maildesk-summary-v3{
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 0 14px !important;
    padding:14px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    border-radius:26px !important;
    overflow:hidden !important;
    box-shadow:0 20px 48px rgba(20,45,85,.12), 0 6px 18px rgba(20,45,85,.05) !important;
  }

  #home .rabbit-maildesk-summary-v3:after{
    right:12px !important;
    bottom:-8px !important;
    font-size:46px !important;
    opacity:.74 !important;
  }

  #home .maildesk-summary-left,
  #home .maildesk-summary-center,
  #home .maildesk-summary-right{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  #home .maildesk-summary-left{
    gap:12px !important;
    justify-content:flex-start !important;
  }

  #home .maildesk-summary-identity{
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
    margin:0 !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:18px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-icon svg{
    width:22px !important;
    height:22px !important;
  }

  #home .maildesk-summary-eyebrows{
    gap:6px !important;
    margin:0 0 5px !important;
    flex-wrap:wrap !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-kicker{
    min-height:23px !important;
    max-width:100% !important;
    padding:0 8px !important;
    font-size:8.5px !important;
    letter-spacing:.065em !important;
  }

  #home .maildesk-summary-status{
    min-height:23px !important;
    padding:0 8px !important;
    font-size:10px !important;
  }

  #home .rabbit-maildesk-summary-v3 h4{
    font-size:28px !important;
    line-height:.98 !important;
    letter-spacing:-.07em !important;
  }

  #home .rabbit-maildesk-summary-v3 p{
    max-width:100% !important;
    margin-top:5px !important;
    font-size:12px !important;
    line-height:1.34 !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin:0 !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-actions button{
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    height:42px !important;
    border-radius:15px !important;
    padding:0 10px !important;
    font-size:11.5px !important;
    touch-action:manipulation !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-actions button:first-child{
    grid-column:1 / -1 !important;
  }

  #home .maildesk-summary-center{
    order:2 !important;
    gap:9px !important;
    justify-content:stretch !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-stats{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-stats span{
    min-height:72px !important;
    border-radius:18px !important;
    padding:11px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-stats b{
    font-size:28px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-stats small{
    font-size:9px !important;
    letter-spacing:.075em !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-note{
    min-height:38px !important;
    padding:9px 11px !important;
    border-radius:15px !important;
    font-size:10.5px !important;
    line-height:1.22 !important;
  }

  #home .maildesk-summary-right{
    order:3 !important;
    padding:10px !important;
    border-radius:21px !important;
    gap:9px !important;
  }

  #home .maildesk-preview-head{
    padding:2px 2px 9px !important;
    gap:8px !important;
  }

  #home .maildesk-preview-head strong{
    font-size:13px !important;
  }

  #home .maildesk-preview-head span{
    padding:5px 8px !important;
    font-size:8.5px !important;
    letter-spacing:.045em !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-list{
    gap:8px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-home-row{
    width:100% !important;
    min-height:66px !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    padding:10px !important;
    border-radius:17px !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-home-avatar{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:14px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-home-row b{
    font-size:12px !important;
    line-height:1.18 !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-home-row small{
    font-size:10px !important;
    line-height:1.25 !important;
  }

  #home .maildesk-home-tags{
    grid-column:2 !important;
    width:100% !important;
    flex-direction:row !important;
    justify-content:space-between !important;
    align-items:center !important;
    margin-top:-1px !important;
    gap:7px !important;
  }

  #home .maildesk-home-tags time{
    font-size:10px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-home-row em{
    height:22px !important;
    padding:0 7px !important;
    font-size:8.5px !important;
  }

  #home .maildesk-summary-insights{
    display:flex !important;
    grid-template-columns:none !important;
    gap:7px !important;
    overflow-x:auto !important;
    padding-bottom:2px !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }
  #home .maildesk-summary-insights::-webkit-scrollbar{display:none !important;}

  #home .maildesk-summary-insights span{
    flex:0 0 auto !important;
    min-width:138px !important;
    max-width:180px !important;
    min-height:34px !important;
    border-radius:13px !important;
    padding:8px !important;
    font-size:9.5px !important;
    line-height:1.14 !important;
  }

  /* Macrocard: su smartphone si aprono già, senza hover obbligatorio. */
  #home .rabbit-macro-grid,
  #home .home-launcher-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  #home .rabbit-macro-card{
    width:100% !important;
    min-height:0 !important;
    border-radius:25px !important;
    box-shadow:0 18px 42px rgba(15,23,42,.09),0 5px 14px rgba(15,23,42,.045) !important;
  }

  #home .rabbit-macro-card:hover,
  #home .rabbit-macro-card:focus-within{
    min-height:0 !important;
    transform:none !important;
  }

  #home .rabbit-macro-cover{
    min-height:176px !important;
    padding:16px !important;
    grid-template-columns:50px minmax(0,1fr) auto !important;
    gap:11px !important;
  }

  #home .rabbit-macro-icon{
    width:50px !important;
    height:50px !important;
    border-radius:19px !important;
  }

  #home .rabbit-macro-kicker{
    min-height:25px !important;
    padding:0 8px !important;
    font-size:9px !important;
  }

  #home .rabbit-macro-cover h4{
    font-size:25px !important;
    line-height:1.02 !important;
    margin-top:8px !important;
  }

  #home .rabbit-macro-cover p{
    display:block !important;
    font-size:12px !important;
    line-height:1.34 !important;
  }

  #home .rabbit-macro-content{
    margin:0 12px 12px !important;
    max-height:none !important;
    opacity:1 !important;
    transform:none !important;
  }

  #home .rabbit-macro-inner-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #home .rabbit-macro-inner-grid .launch-card,
  #home .launch-card,
  #home .rabbit-pro-module-card{
    width:100% !important;
    min-height:72px !important;
    padding:10px !important;
    grid-template-columns:38px minmax(0,1fr) auto !important;
    gap:10px !important;
    border-radius:17px !important;
    opacity:1 !important;
    transform:none !important;
  }

  #home .rabbit-macro-inner-grid .launch-icon,
  #home .launch-icon{
    width:38px !important;
    height:38px !important;
    border-radius:14px !important;
  }

  #home .launch-title,
  #home .rabbit-macro-inner-grid .launch-title{
    font-size:12px !important;
    line-height:1.18 !important;
  }

  #home .launch-desc,
  #home .rabbit-macro-inner-grid .launch-desc{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    font-size:10.5px !important;
    line-height:1.25 !important;
  }

  /* Centro operativo: fedele ma impilato sotto la Home, non come rail sticky. */
  #home .rabbit-ops-rightbar-v1{
    display:block !important;
    position:relative !important;
    top:auto !important;
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    max-height:none !important;
    overflow:visible !important;
    margin:14px 0 0 !important;
    padding:12px !important;
    border-radius:24px !important;
    box-shadow:0 18px 42px rgba(15,23,42,.09),0 5px 14px rgba(15,23,42,.045) !important;
  }

  #home .ror-head{
    padding:2px 1px 11px !important;
  }

  #home .ror-head h2{
    font-size:21px !important;
  }

  #home .ror-head p{
    font-size:11.5px !important;
  }

  #home .ror-summary{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:7px !important;
    margin:11px 0 12px !important;
  }

  #home .ror-summary span{
    min-height:50px !important;
    border-radius:16px !important;
  }

  #home .ror-sections{
    gap:9px !important;
  }

  #home .ror-section{
    border-radius:20px !important;
    padding:11px !important;
  }

  #home .ror-item{
    grid-template-columns:34px minmax(0,1fr) auto !important;
    gap:8px !important;
  }

  #home .ror-item button{
    grid-column:2 / -1 !important;
    justify-self:start !important;
    margin-top:2px !important;
  }

  /* Mail Desk pagina completa su smartphone. */
  #maildesk .maildesk-page{
    gap:12px !important;
  }

  #maildesk .maildesk-hero{
    min-height:0 !important;
    padding:16px !important;
    border-radius:25px !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    align-items:start !important;
  }

  #maildesk .maildesk-hero h2{
    font-size:34px !important;
    line-height:1 !important;
  }

  #maildesk .maildesk-hero p{
    margin-bottom:12px !important;
    font-size:12.5px !important;
  }

  #maildesk .maildesk-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  #maildesk .maildesk-hero-stats > div{
    min-height:76px !important;
    border-radius:18px !important;
    padding:12px !important;
  }

  #maildesk .maildesk-toolbar{
    grid-template-columns:1fr !important;
    padding:10px !important;
    border-radius:20px !important;
  }

  #maildesk .maildesk-filter{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:2px !important;
    scrollbar-width:none !important;
  }
  #maildesk .maildesk-filter::-webkit-scrollbar{display:none !important;}

  #maildesk .maildesk-filter button{
    flex:0 0 auto !important;
    min-height:38px !important;
    font-size:11px !important;
  }

  #maildesk .maildesk-message{
    min-height:0 !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:21px !important;
    border-left-width:5px !important;
  }

  #maildesk .maildesk-avatar{
    width:42px !important;
    height:42px !important;
    border-radius:16px !important;
    font-size:14px !important;
  }

  #maildesk .maildesk-message-top{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  #maildesk .maildesk-message h3{
    font-size:14px !important;
    line-height:1.16 !important;
  }

  #maildesk .maildesk-message p{
    font-size:11.5px !important;
    line-height:1.36 !important;
    margin-top:8px !important;
  }

  #maildesk .maildesk-actions{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }

  #maildesk .maildesk-actions button{
    min-height:38px !important;
    border-radius:14px !important;
  }

  /* Anteprima email e allegati: bottom sheet comodo da smartphone. */
  .mask.show{
    align-items:flex-end !important;
    justify-content:center !important;
    padding:8px !important;
    background:rgba(15,23,42,.52) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
  }

  .mask-panel{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top, 0px)) !important;
    border-radius:26px 26px 18px 18px !important;
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    overflow:hidden !important;
    background:#f8fafc !important;
    box-shadow:0 -18px 70px rgba(15,23,42,.34) !important;
  }

  .mask-head{
    position:relative !important;
    top:auto !important;
    min-height:76px !important;
    padding:14px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    align-items:start !important;
    background:#fff !important;
    border-bottom:1px solid #e2e8f0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .mask-title{
    min-width:0 !important;
  }

  .mask-title h2{
    font-size:22px !important;
    line-height:1.05 !important;
    letter-spacing:-.05em !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .mask-title p,
  .mask-title small{
    font-size:11px !important;
    line-height:1.25 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .mask-head .actions{
    display:flex !important;
    gap:7px !important;
    align-items:center !important;
  }

  .mask-head .actions button,
  #maskSave{
    min-height:38px !important;
    border-radius:14px !important;
    padding:0 11px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }

  .mask-body{
    min-height:0 !important;
    overflow:auto !important;
    padding:12px !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .mail-open-preview-v4{
    gap:10px !important;
  }

  .mail-open-preview-v4 .mail-open-meta{
    padding:10px !important;
    border-radius:16px !important;
  }

  .mail-open-preview-v4 .mail-open-meta p{
    font-size:11.5px !important;
    overflow-wrap:anywhere !important;
  }

  .mail-open-preview-v4 .mail-open-body{
    max-height:34dvh !important;
    border-radius:18px !important;
    padding:12px !important;
  }

  .mail-open-preview-v4 .mail-open-body p{
    font-size:12.5px !important;
    line-height:1.48 !important;
  }

  .mail-open-attachments{
    padding:10px !important;
    border-radius:18px !important;
  }

  .mail-open-attachment{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:10px !important;
    border-radius:15px !important;
  }

  .mail-open-download{
    width:100% !important;
    min-height:38px !important;
    border-radius:13px !important;
  }

  .mail-open-preview-v4 .actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .mail-open-preview-v4 .actions button{
    width:100% !important;
    min-height:40px !important;
    border-radius:14px !important;
  }

  /* Drawer menu mobile coerente con sidebar desktop. */
  #mobileDrawer.mobile-drawer.show{
    z-index:2147483200 !important;
  }

  #mobileDrawer .mobile-drawer-panel{
    width:min(88vw, 360px) !important;
    max-width:360px !important;
    border-radius:0 28px 28px 0 !important;
    background:linear-gradient(180deg,#0b1b30 0%,#031020 100%) !important;
    color:#fff !important;
    box-shadow:28px 0 80px rgba(15,23,42,.28) !important;
  }

  #mobileDrawer .mobile-drawer-head{
    border-bottom:1px solid rgba(255,255,255,.11) !important;
  }

  #mobileDrawerNav.mobile-drawer-nav button{
    min-height:46px !important;
    border-radius:15px !important;
    margin-bottom:7px !important;
    color:#eaf2ff !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.08) !important;
  }
}

@media (max-width: 430px){
  .main{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .topbar,
  .topbar.rabbit-pro-topbar{
    grid-template-columns:40px minmax(0,1fr) 40px !important;
    gap:7px !important;
    padding:7px !important;
    border-radius:18px !important;
  }

  .mobile-menu-btn,
  .rabbit-admin-chip,
  .rabbit-bell{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
  }

  .rabbit-bell{
    display:none !important;
  }

  .rabbit-admin-chip{
    padding:0 !important;
    justify-content:center !important;
    border-radius:14px !important;
  }

  .rabbit-admin-chip b{
    display:none !important;
  }

  .rabbit-avatar-dot{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
  }

  #home .command-panel,
  #home .rabbit-pro-hero,
  #home .command-panel.rabbit-pro-hero{
    min-height:204px !important;
    padding:16px !important;
    border-radius:24px !important;
  }

  #home .command-title,
  #home .rabbit-pro-hero h1,
  #home .command-title span{
    font-size:clamp(28px, 9vw, 35px) !important;
  }

  #home .command-panel .muted,
  #home .command-subtitle,
  #home .rabbit-pro-hero p{
    font-size:12px !important;
  }

  #home .pulse-strip,
  #home .rabbit-pro-kpis{
    grid-template-columns:1fr 1fr !important;
  }

  #home .rabbit-maildesk-summary-v3,
  #home .rabbit-maildesk-wide-card.rabbit-maildesk-summary-v3{
    padding:12px !important;
    border-radius:24px !important;
  }

  #home .maildesk-summary-identity{
    grid-template-columns:44px minmax(0,1fr) !important;
    gap:10px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:17px !important;
  }

  #home .rabbit-maildesk-summary-v3 h4{
    font-size:26px !important;
  }

  #home .rabbit-maildesk-summary-v3 p{
    font-size:11.5px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-stats span{
    min-height:68px !important;
    padding:10px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-stats b{
    font-size:26px !important;
  }

  #home .rabbit-macro-cover{
    min-height:164px !important;
    padding:14px !important;
  }

  #home .rabbit-macro-cover h4{
    font-size:23px !important;
  }

  #home .ror-head{
    grid-template-columns:1fr !important;
  }

  #home .ror-head button{
    width:100% !important;
  }
}

@media (max-width: 360px){
  .topbar input#globalSearch,
  .topbar .search input{
    padding-left:11px !important;
    padding-right:31px !important;
    font-size:15px !important;
  }

  #home .command-actions button,
  #home .rabbit-pro-hero-actions button,
  #home .hero-actions button{
    min-width:104px !important;
    padding:0 11px !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-actions{
    grid-template-columns:1fr !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-actions button:first-child{
    grid-column:auto !important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-wide-stats{
    grid-template-columns:1fr 1fr !important;
  }

  .mask-title h2{
    font-size:20px !important;
  }
}