.agc{max-width:100%;padding:20px;box-sizing:border-box}
.agc *{box-sizing:border-box}
.agc-inputs label{display:block;margin-top:10px;font-weight:600}
.agc input{width:100%;margin:6px 0;padding:10px;border:1px solid #ccc;border-radius:8px}
.row{display:flex;gap:10px;margin-top:8px}
.row .col{flex:1}
.agc-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.agc-btn{padding:10px 14px;border:0;border-radius:10px;cursor:pointer;color:#000;font-weight:700}
.agc-b1{background:#ffd54f}
.agc-b2{background:#81c784}
.agc-b3{background:#64b5f6}
.agc-b4{background:#e57373}

.agc-results{margin:10px 0;font-weight:700}
.agc-chart-wrap{width:100%;height:460px;border:1px solid #eee;border-radius:12px;padding:10px}
#chart{width:100% !important;height:100% !important}

.agc-table-wrap{margin-top:12px}
.agc-table-title{margin:12px 0 6px 0}
.agc-table{width:100%;border-collapse:collapse}
.agc-table th,.agc-table td{border:1px solid #ddd;padding:6px 8px;text-align:left}
.agc-table th{background:#f5f5f5}

.agc-print-summary{display:none;border:1px solid #ddd;border-radius:12px;padding:12px;margin:12px 0}
.agc-summary-row{margin:6px 0}

/* PRINT: non tagliare grafico o tabelle; usare più pagine se serve */
@media print{
  .agc-buttons{display:none !important}
  .agc-print-summary{display:block}
  /* Metti il grafico su una pagina dedicata per evitare tagli */
  .agc-chart-wrap{page-break-before:always;break-before:page;page-break-inside:avoid;break-inside:avoid;height:420px}
  canvas{page-break-inside:avoid;break-inside:avoid}
  .agc-table-page{page-break-before:always;break-before:page;page-break-inside:avoid;break-inside:avoid}
  table{page-break-inside:avoid;break-inside:avoid}
}