/* =========================================================
   SOLSTITIUM v36.9 — Plantina Safe Rollback
   Base stabile v36.6. Non altera le coordinate tavoli.
   Obiettivo: più spazio alla mappa, tavoli liberi verdi,
   nessuna sovrapposizione toolbar/tavoli.
   ========================================================= */

#plantina-interattiva.sol-plantina-view{
  padding-block: 24px 46px !important;
}

#plantina-interattiva .sol-plantina-hero,
#plantina-interattiva .sol-plantina-layout{
  width: min(1540px, calc(100vw - 56px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#plantina-interattiva .sol-plantina-hero{
  padding: 22px 26px !important;
  border-radius: 26px !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) !important;
}

#plantina-interattiva .sol-plantina-hero h2{
  font-size: clamp(32px, 3.4vw, 48px) !important;
  line-height: .96 !important;
  margin: 4px 0 6px !important;
}

#plantina-interattiva .sol-plantina-hero p{
  font-size: 13px !important;
}

#plantina-interattiva .sol-table-status-legend .free,
#plantina-legend span[style*="#d3d3d3"],
#plantina-legend span[style*="#C0C0C0"]{
  background: #32a852 !important;
}

/* Mappa a tutta larghezza, ma senza trasformare/centrare il board:
   le coordinate salvate restano veritiere e non si disallineano. */
#plantina-interattiva .sol-plantina-layout{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  align-items: start !important;
  overflow: visible !important;
}

#plantina-interactive-container{
  height: 760px !important;
  min-height: 760px !important;
  max-height: 760px !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  border: 1px solid rgba(212,175,55,.42) !important;
  background: linear-gradient(135deg, rgba(10,12,9,.98), rgba(3,4,3,.98)) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#plantina-toolbar.plantina-toolbar,
#plantina-toolbar{
  position: relative !important;
  top: auto !important;
  min-height: 54px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  overflow: visible !important;
  z-index: 90 !important;
  background: linear-gradient(180deg, rgba(8,8,6,.96), rgba(8,8,6,.88)) !important;
  border-bottom: 1px solid rgba(212,175,55,.16) !important;
}

#plantina-toolbar .plantina-btn{
  min-height: 34px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

/* Funzioni tecniche nascoste nella vista quotidiana, codice intatto. */
#plantina-toolbar #btn-history,
#plantina-toolbar #btn-reset-plantina,
#plantina-toolbar #btn-esporta-csv,
#plantina-toolbar #btn-esporta-json{
  display: none !important;
}

/* Non tocchiamo left/top dei tavoli: solo aspetto. */
#plantina-board{
  position: relative !important;
  width: 100% !important;
  min-height: 700px !important;
  overflow: visible !important;
  transform: none !important;
  transform-origin: top left !important;
  margin: 0 !important;
}

#plantina-board .tavolo-elem.sol-table-token,
#plantina-interattiva .tavolo-elem.sol-table-token{
  width: 50px !important;
  height: 50px !important;
  border-radius: 15px !important;
  border-width: 2px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

#plantina-board .tavolo-elem.sol-table-token[data-stato="libero"],
#plantina-interattiva .tavolo-elem.sol-table-token[data-stato="libero"]{
  background: linear-gradient(180deg, #46c967, #2f9e44) !important;
  border-color: #1f7a35 !important;
  color: #ffffff !important;
}

#plantina-board .tavolo-elem.sol-table-token[data-stato="libero"] .sol-table-token-number,
#plantina-interattiva .tavolo-elem.sol-table-token[data-stato="libero"] .sol-table-token-number{
  color: #ffffff !important;
  background: rgba(255,255,255,.26) !important;
}

#plantina-board .sol-table-token-number,
#plantina-interattiva .sol-table-token-number{
  width: 30px !important;
  height: 30px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#plantina-board .tavolo-elem::after,
#plantina-interattiva .tavolo-elem::after{
  display: none !important;
}

/* I riquadri area restano allineati alle coordinate originali. */
#plantina-interactive-container > div[style*="pointer-events:none"]{
  opacity: .68 !important;
}

/* Dettagli e lista d'attesa sotto la mappa. */
#plantina-interattiva .sol-plantina-layout > div:last-child{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
}

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

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

@media (max-width: 1100px){
  #plantina-interattiva .sol-plantina-hero,
  #plantina-interattiva .sol-plantina-layout{
    width: min(100%, calc(100vw - 28px)) !important;
  }

  #plantina-interattiva .sol-plantina-hero{
    grid-template-columns: 1fr !important;
  }

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

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