/* =========================================================
   Rabbit Workspace OS v108 — Home space justification
   - elimina la seconda colonna interna che comprime i contenuti
   - uniforma gutter, allineamenti e altezze
   - rende Mail Desk realmente full-width
   - trasforma il monitor operativo interno in fascia orizzontale
   ========================================================= */
:root{
  --rabbit-v108-page-gap:18px;
  --rabbit-v108-card-gap:16px;
  --rabbit-v108-page-pad:clamp(18px,2vw,30px);
  --rabbit-v108-radius:28px;
}

@media (min-width:1181px){
  /* La Home usa l'intera colonna centrale. La rightbar principale resta esterna. */
  #home.view.active,
  #home.view.rabbit-home-with-rightbar-v1.active{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:22px var(--rabbit-v108-page-pad) 42px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    gap:var(--rabbit-v108-page-gap)!important;
    align-items:stretch!important;
    overflow:visible!important;
  }

  #home.view.active>br,
  #home.view.rabbit-home-with-rightbar-v1.active>br{
    display:none!important;
  }

  #home.view.active>*{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Hero e centro azioni: stessa altezza, spazi coerenti. */
  #home>.command-center,
  #home>.command-center.rabbit-pro-command,
  #home>.rabbit-pro-command{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
    gap:var(--rabbit-v108-card-gap)!important;
    align-items:stretch!important;
  }

  #home .command-panel,
  #home .command-panel.rabbit-pro-hero,
  #home .rabbit-pro-hero,
  #home .rabbit-attention-center-v62{
    width:100%!important;
    min-width:0!important;
    min-height:318px!important;
    height:100%!important;
    margin:0!important;
    border-radius:var(--rabbit-v108-radius)!important;
  }

  #home .command-panel,
  #home .command-panel.rabbit-pro-hero,
  #home .rabbit-pro-hero{
    position:relative!important;
    padding:28px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }

  #home .command-panel .badge{
    position:relative!important;
    z-index:3!important;
    margin:0!important;
  }

  #home .command-panel .command-title,
  #home .command-panel .command-title span{
    position:relative!important;
    z-index:3!important;
    width:min(520px,100%)!important;
    max-width:100%!important;
    margin:22px 0 10px!important;
    color:#f8fbff!important;
    font-size:clamp(42px,3.15vw,58px)!important;
    line-height:.95!important;
    letter-spacing:-.072em!important;
    text-shadow:0 8px 28px rgba(0,0,0,.28)!important;
    opacity:1!important;
    visibility:visible!important;
  }

  #home .command-panel .muted,
  #home .command-panel p{
    position:relative!important;
    z-index:3!important;
    width:min(540px,100%)!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    color:rgba(232,240,252,.82)!important;
    font-size:12.5px!important;
    line-height:1.48!important;
    font-weight:720!important;
  }

  #home .command-actions{
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    max-width:620px!important;
    margin:auto 0 0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }

  #home .command-actions button{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 10px!important;
    border-radius:14px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
    font-weight:900!important;
    background:rgba(255,255,255,.93)!important;
    color:#10284a!important;
    border:1px solid rgba(255,255,255,.7)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
  }

  #home .command-actions button.primary{
    background:linear-gradient(135deg,#2f7df0,#18b99c)!important;
    color:#fff!important;
    border-color:transparent!important;
  }

  #home .rabbit-attention-center-v62{
    padding:20px!important;
    display:flex!important;
    flex-direction:column!important;
  }

  #home .rac-list-v62{
    flex:1 1 auto!important;
    align-content:start!important;
  }

  #home .rac-actions-v62{
    margin-top:auto!important;
    padding-top:12px!important;
  }

  /* Il contenitore "Vai dove ti serve" occupa tutta la larghezza disponibile. */
  #home>#homeLauncherCards,
  #home.rabbit-home-with-rightbar-v1>#homeLauncherCards{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

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

  #home .home-launcher-head,
  #home .rabbit-macro-head{
    width:100%!important;
    margin:0 0 12px!important;
    padding:0!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
  }

  #home .home-launcher-head h3,
  #home .rabbit-macro-head h3{
    margin:0!important;
    font-size:29px!important;
    line-height:1!important;
    letter-spacing:-.065em!important;
  }

  #home .home-launcher-head p,
  #home .rabbit-macro-head p{
    margin:7px 0 0!important;
    color:#64748b!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:720!important;
  }

  /* Smart Mail Console: piena larghezza e colonne che possono restringersi davvero. */
  #home .rabbit-maildesk-summary-v3,
  #home .rabbit-maildesk-wide-card.rabbit-maildesk-summary-v3{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:286px!important;
    margin:0 0 var(--rabbit-v108-page-gap)!important;
    padding:20px!important;
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(180px,.55fr) minmax(310px,1.08fr)!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    gap:14px 16px!important;
    align-items:stretch!important;
    overflow:hidden!important;
    border-radius:30px!important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-summary-left{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    justify-content:flex-start!important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-summary-center{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    align-self:stretch!important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-summary-right{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    min-width:0!important;
    align-self:stretch!important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-summary-actions-rail{
    grid-column:1 / 3!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    align-self:end!important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-summary-identity{
    min-width:0!important;
  }

  #home .rabbit-maildesk-summary-v3 h4,
  #home .rabbit-maildesk-summary-v3 p,
  #home .rabbit-maildesk-summary-v3 b,
  #home .rabbit-maildesk-summary-v3 small{
    max-width:100%!important;
  }

  #home .rabbit-maildesk-summary-v3 h4{
    font-size:clamp(28px,2vw,34px)!important;
    line-height:.98!important;
  }

  #home .rabbit-maildesk-summary-v3 p{
    overflow-wrap:anywhere!important;
  }

  /* Macrocard perfettamente allineate su due colonne. */
  #home .rabbit-macro-grid,
  #home .home-launcher-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:var(--rabbit-v108-card-gap)!important;
    align-items:start!important;
  }

  #home .rabbit-macro-card{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  #home .rabbit-macro-cover{
    min-height:218px!important;
    height:100%!important;
  }

  /* Il monitor interno diventa una fascia orizzontale, non una seconda rightbar. */
  #home .rabbit-ops-rightbar-v1{
    grid-column:1!important;
    grid-row:auto!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    max-height:none!important;
    height:auto!important;
    margin:0!important;
    padding:18px!important;
    display:grid!important;
    grid-template-columns:minmax(230px,.34fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:14px 18px!important;
    overflow:visible!important;
    border-radius:28px!important;
  }

  #home .rabbit-ops-rightbar-v1 .ror-head{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    padding:2px 0 12px!important;
  }

  #home .rabbit-ops-rightbar-v1 .ror-summary{
    grid-column:1!important;
    grid-row:2!important;
    min-width:0!important;
    margin:0!important;
    align-self:start!important;
  }

  #home .rabbit-ops-rightbar-v1 .ror-sections{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-content:start!important;
  }

  #home .rabbit-ops-rightbar-v1 .ror-section{
    min-width:0!important;
    height:100%!important;
    margin:0!important;
  }

  #home .rabbit-ops-rightbar-v1 .ror-item,
  #home .rabbit-ops-rightbar-v1 .ror-program{
    min-width:0!important;
  }

  #home .rabbit-ops-rightbar-v1 .ror-item b,
  #home .rabbit-ops-rightbar-v1 .ror-item small,
  #home .rabbit-ops-rightbar-v1 .ror-program b,
  #home .rabbit-ops-rightbar-v1 .ror-program small{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Nei desktop medi la colonna centrale è più stretta per la rightbar globale:
   Mail Desk passa a due colonne senza comprimere testo e KPI. */
@media (min-width:1181px) and (max-width:1599px){
  #home .rabbit-maildesk-summary-v3,
  #home .rabbit-maildesk-wide-card.rabbit-maildesk-summary-v3{
    grid-template-columns:minmax(0,1fr) minmax(300px,.88fr)!important;
    grid-template-rows:auto auto auto!important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-summary-left{
    grid-column:1!important;
    grid-row:1!important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-summary-center{
    grid-column:1!important;
    grid-row:2!important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-summary-actions-rail{
    grid-column:1!important;
    grid-row:3!important;
  }

  #home .rabbit-maildesk-summary-v3 .maildesk-summary-right{
    grid-column:2!important;
    grid-row:1 / span 3!important;
  }
}

@media (min-width:1181px) and (max-width:1450px){
  #home>.command-center,
  #home>.command-center.rabbit-pro-command,
  #home>.rabbit-pro-command{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #home .command-panel,
  #home .command-panel.rabbit-pro-hero,
  #home .rabbit-pro-hero,
  #home .rabbit-attention-center-v62{
    min-height:290px!important;
  }

  #home .rabbit-ops-rightbar-v1{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }

  #home .rabbit-ops-rightbar-v1 .ror-head,
  #home .rabbit-ops-rightbar-v1 .ror-summary,
  #home .rabbit-ops-rightbar-v1 .ror-sections{
    grid-column:1!important;
    grid-row:auto!important;
  }

  #home .rabbit-ops-rightbar-v1 .ror-sections{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (min-width:1850px){
  #home .rabbit-ops-rightbar-v1 .ror-sections{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:1180px){
  #home.view.active,
  #home.view.rabbit-home-with-rightbar-v1.active{
    gap:14px!important;
  }

  #home .home-launcher-head,
  #home .rabbit-macro-head{
    margin-bottom:12px!important;
  }

  #home .rabbit-ops-rightbar-v1{
    margin-top:0!important;
  }
}