/* =========================================================
   SOLSTITIUM v36.10 — Plantina sidebar layout
   Base v36.9 stabile. Non altera coordinate tavoli.
   Obiettivo: togliere spazio vuoto a destra della mappa e
   rimettere Dettagli tavolo / Lista d'attesa nella colonna destra.
   ========================================================= */

#plantina-interattiva .sol-plantina-layout{
  width: min(1320px, calc(100vw - 56px)) !important;
  display: grid !important;
  grid-template-columns: minmax(880px, 960px) minmax(320px, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin-inline: auto !important;
}

#plantina-interactive-container{
  width: 100% !important;
  height: 650px !important;
  min-height: 650px !important;
  max-height: 650px !important;
  overflow: hidden !important;
}

/* La mappa reale arriva a circa 900 px: evitiamo la fascia nera inutile a destra. */
#plantina-board{
  width: 920px !important;
  min-height: 596px !important;
  transform: none !important;
  margin: 0 !important;
}

#plantina-toolbar.plantina-toolbar,
#plantina-toolbar{
  min-height: 50px !important;
  padding: 8px 10px !important;
  gap: 7px !important;
}

#plantina-toolbar .plantina-btn{
  min-height: 30px !important;
  padding: 6px 10px !important;
  font-size: 10.5px !important;
}

/* Colonna destra: torna di fianco alla sala, non sotto. */
#plantina-interattiva .sol-plantina-layout > div:last-child{
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(220px, .85fr) minmax(260px, 1.15fr) !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 650px !important;
  align-self: stretch !important;
}

#plantina-interattiva .sol-plantina-layout > div:last-child > div{
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

#plantina-interattiva .sol-plantina-panel-title{
  margin: 0 0 10px !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

#tavolo-interactive-detail,
#lista-attesa-panel{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  border-radius: 16px !important;
}

/* Tavoli: verdi e leggibili, ma non enormi. */
#plantina-board .tavolo-elem.sol-table-token,
#plantina-interattiva .tavolo-elem.sol-table-token{
  width: 44px !important;
  height: 44px !important;
  border-radius: 13px !important;
}

#plantina-board .sol-table-token-number,
#plantina-interattiva .sol-table-token-number{
  width: 27px !important;
  height: 27px !important;
  font-size: 11px !important;
}

/* Mobile/tablet: sotto i 1260 px la colonna torna sotto per non schiacciare la sala. */
@media (max-width: 1260px){
  #plantina-interattiva .sol-plantina-layout{
    width: min(100%, calc(100vw - 28px)) !important;
    grid-template-columns: 1fr !important;
  }

  #plantina-interactive-container{
    height: 650px !important;
    min-height: 650px !important;
    overflow: auto !important;
  }

  #plantina-interattiva .sol-plantina-layout > div:last-child{
    height: auto !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows: auto !important;
  }

  #tavolo-interactive-detail,
  #lista-attesa-panel{
    min-height: 170px !important;
    max-height: 260px !important;
  }
}

@media (max-width: 760px){
  #plantina-interactive-container{
    height: 590px !important;
    min-height: 590px !important;
  }

  #plantina-interattiva .sol-plantina-layout > div:last-child{
    grid-template-columns: 1fr !important;
  }
}