/* Cache Killer - Last Updated: 2025-11-13 13:10:39 */

body,td, th, p, span, input, select, textarea, optgroup, h1, h2, h3, h4 {
    font-family: 'Space Grotesk', sans-serif !important;
}
.intergrid-logo-text {
  font-size: 13px !important;
  font-weight: 100 !important;
  text-transform: uppercase;
}

html[data-theme="dark"] .intergrid-logo-text {
  color: #e0e0e0;
}

html[data-theme="light"] .intergrid-logo-text {
  color: #1e293b;
}

body.light-mode .intergrid-logo-text {
  color: #1e293b;
}
td.topoptions b {
  color: var(--dark-accent);
  text-transform: uppercase;
  font-weight: 100;
  padding-left: 5px;
}

/* Vhost Usage Progress Bars - Similar to Cloud Hosting */
html[data-theme="dark"] .vhost-usage-wrapper .vhost-bar-container { background: var(--bg-dark); border-color: rgba(255,255,255,0.1) !important; }
html[data-theme="light"] .vhost-usage-wrapper .vhost-bar-container { background: var(--bg-light); border-color: rgba(0,0,0,0.08) !important; }
html[data-theme="dark"] .vhost-usage-wrapper .vhost-bar-fill { background: var(--color-dark); }
html[data-theme="light"] .vhost-usage-wrapper .vhost-bar-fill { background: var(--color-light); }
html[data-theme="dark"] .vhost-usage-wrapper .vhost-bar-label { color: var(--color-dark); }
html[data-theme="light"] .vhost-usage-wrapper .vhost-bar-label { color: var(--color-light); }
html[data-theme="dark"] .vhost-usage-wrapper .vhost-bar-percent { color: var(--color-dark); }
html[data-theme="light"] .vhost-usage-wrapper .vhost-bar-percent { color: var(--color-light); }

html[data-theme="dark"] .vhost-usage-wrapper-t .vhost-bar-container-t { background: var(--bg-dark); border-color: rgba(255,255,255,0.1) !important; }
html[data-theme="light"] .vhost-usage-wrapper-t .vhost-bar-container-t { background: var(--bg-light); border-color: rgba(0,0,0,0.08) !important; }
html[data-theme="dark"] .vhost-usage-wrapper-t .vhost-bar-fill-t { background: var(--color-dark); }
html[data-theme="light"] .vhost-usage-wrapper-t .vhost-bar-fill-t { background: var(--color-light); }
html[data-theme="dark"] .vhost-usage-wrapper-t .vhost-bar-label-t { color: var(--color-dark); }
html[data-theme="light"] .vhost-usage-wrapper-t .vhost-bar-label-t { color: var(--color-light); }
html[data-theme="dark"] .vhost-usage-wrapper-t .vhost-bar-percent-t { color: var(--color-dark); }
html[data-theme="light"] .vhost-usage-wrapper-t .vhost-bar-percent-t { color: var(--color-light); }

/* Tooltip per vhost-usage-wrapper - INVISIBLE per defecte amb delay de 2s */
div.vhost-usage-wrapper div.tooltip,
div.vhost-usage-wrapper-t div.tooltip { 
	border: 0px solid #eee;
	border-radius: 8px;
	background-color: rgba(0, 0, 0, 0.92);
	opacity: 0;
	visibility: hidden;
	padding: 12px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
	color: #fff;
	overflow: visible;
	font-size: 12px !important;
	position: fixed !important;
	line-height: 140%;
	min-width: 220px;
	max-width: 280px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.4);
	z-index: 99999 !important;
	pointer-events: none;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* Tooltip visible (activat per JavaScript després de 2s) */
div.vhost-usage-wrapper div.tooltip.visible,
div.vhost-usage-wrapper-t div.tooltip.visible {  
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 99999 !important;
}

div.vhost-usage-wrapper,
div.vhost-usage-wrapper-t { 
	position: relative;
}

div.vhost-usage-wrapper:hover,
div.vhost-usage-wrapper-t:hover { 
	cursor: pointer;
}

/* Icones del tooltip - BLANQUES i més petites */
div.vhost-usage-wrapper div.tooltip i.fa,
div.vhost-usage-wrapper-t div.tooltip i.fa {
	color: #ffffff !important;
	font-size: 12px !important;
	width: 16px !important;
}

/* Barres de progrés del tooltip - BLANQUES */
div.vhost-usage-wrapper div.tooltip div[style*=background:#3b82f6],
div.vhost-usage-wrapper div.tooltip div[style*=background:#8b5cf6],
div.vhost-usage-wrapper div.tooltip div[style*=background:#10b981],
div.vhost-usage-wrapper-t div.tooltip div[style*=background:#3b82f6],
div.vhost-usage-wrapper-t div.tooltip div[style*=background:#8b5cf6],
div.vhost-usage-wrapper-t div.tooltip div[style*=background:#10b981] {
	background: rgba(255, 255, 255, 0.8) !important;
}

/* panel_vhost_styles.css | https://control.intergrid.cat/data/panel_vhost_styles.css?v=1 */

.kms_icon.active {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

html[data-theme="dark"] .kms_icon.active {
  /* box-shadow: 0 0 16px rgba(34, 211, 238, 0.3); */
}

.kms_icon {
  /* border-radius: 8px; */
}