/* ═══════════════════════════════════════════════════════════════
   CSS PANNELLO TOTALI - FIX FINALE CON HTMLFRAME
   ═══════════════════════════════════════════════════════════════ */

/* Pannello totali: sfondo blu scuro */
#UniContainerPanelTotali {
  background: #1e2640 !important;
  position: relative;
  overflow: hidden;
}

/* Decorazione geometrica angolo alto-destra */
#UniContainerPanelTotali::after {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37,99,235,0.25) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Contenuto sopra decorazione */
#UniContainerPanelTotaliInner,
#UniContainerPanelBarraUtilizzo {
  position: relative;
  z-index: 1;
}

/* ═══════════════════════════════════════════════════════════════
   LABEL SUPERIORI (STANZIAMENTO, TOTALE ACCERTATO, ecc.)
   ═══════════════════════════════════════════════════════════════ */
[id*="Label"][id$="Label"] {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: rgba(255,255,255,0.45) !important;
  margin-bottom: 4px !important;
}

/* ═══════════════════════════════════════════════════════════════
   VALORI (importi e percentuale)
   ═══════════════════════════════════════════════════════════════ */
#UniLabelStanziamento,
#UniLabelTotImpegnato,
#UniLabelDisponibile,
#UniLabelUtilizzo {
  font-family: 'Courier New', 'Courier', monospace !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: -0.2px;
  color: #ffffff !important;
}

/* Colore specifico: Stanziamento AZZURRO */
#UniLabelStanziamento {
  color: #60a5fa !important;
}

/* Colore specifico: Utilizzo */
#UniLabelUtilizzo {
  font-size: 15px !important;
}

/* ═══════════════════════════════════════════════════════════════
   SEPARATORI VERTICALI tra colonne
   ═══════════════════════════════════════════════════════════════ */
#UniContainerPanelStanziamento,
#UniContainerPanelTotaleImpAcc,
#UniContainerPanelDisponibile {
  border-right: 1px solid rgba(255,255,255,0.08) !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX HTMLFRAME - RIMUOVE BORDER E PADDING BRUTTI
   ═══════════════════════════════════════════════════════════════ */
#UniContainerPanelBarraUtilizzo {
  min-height: 25px !important;
  height: auto !important;
}

#UniHTMLFrame1 {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 20px !important;
  height: auto !important;
}

/* Rimuove iframe border (questo è il problema principale!) */
#UniHTMLFrame1 iframe {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  display: block !important;
  min-height: 20px !important;
}

/* Rimuove body padding dentro iframe */
#UniHTMLFrame1 iframe body {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

/* ═══════════════════════════════════════════════════════════════
   BARRA PROGRESSO UTILIZZO
   ═══════════════════════════════════════════════════════════════ */
.budget-bar-wrapper {
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}

.budget-bar-track {
  height: 10px;
  background: rgba(255,255,255,0.1);
  border-radius: 0px;
  overflow: hidden;
  /*margin-bottom: 6px;*/
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.budget-bar-fill {
  height: 100%;
  border-radius: 0px;
  transition: width 0.7s cubic-bezier(0.4,0,0.2,1);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.budget-bar-labels {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  font-weight: 600;
  color: rgba(255,255,255,0.3);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  line-height: 1;
}

.budget-bar-labels span {
  color: rgba(255,255,255,0.3);
}

.budget-bar-labels .budget-bar-center {
  color: rgba(255,255,255,0.5);
  font-weight: 700;
}