/* Double gauge layout - shared container and visual elements */
/* Note: .gauge-wrapper, .gauge-container, .custom-gauge, .custom-gauge-track,
   .custom-gauge-arc, .gauge-text-p, and .gauge-text are also defined in gauge.css
   for the single gauge. These rules extend/override for the double gauge context. */

/* Double gauge needle groups */
.dg-needle {
    transform-origin: 110px 130px;
    transform: rotate(-90deg);
    transition: transform 1400ms cubic-bezier(0.22, 1, 0.36, 1);
}

.dg-needle-1 line { stroke: #00e5ff; stroke-width: 5; stroke-linecap: round; filter: drop-shadow(0 0 6px rgba(0,229,255,0.75)); }
.dg-needle-2 line { stroke: #ff33bb; stroke-width: 5; stroke-linecap: round; filter: drop-shadow(0 0 6px rgba(255,51,187,0.75)); }
.dg-needle-3 line { stroke: #ff6600; stroke-width: 5; stroke-linecap: round; filter: drop-shadow(0 0 6px rgba(255,102,0,0.75)); }
.dg-needle-4 line { stroke: #00ff66; stroke-width: 5; stroke-linecap: round; filter: drop-shadow(0 0 6px rgba(0,255,102,0.75)); }

/* Double gauge number text container */
.dg-text-p {
    translate: 0px 130px;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 0;
    gap: 0px;
    line-height: 0.8;
    flex-direction: column;
}

/* Double gauge number spans */
.dg-number {
    font-size: 18px;
}

.dg-number-1 { color: #00e5ff; text-shadow: 0 0 12px rgba(0,229,255,0.65); margin-bottom: 3px; }
.dg-number-2 { color: #ff33bb; text-shadow: 0 0 12px rgba(255,51,187,0.65); margin-top: 3px; }
.dg-number-3 { color: #ff6600; text-shadow: 0 0 12px rgba(255,102,0,0.65); margin-top: 3px; }
.dg-number-4 { color: #00ff66; text-shadow: 0 0 12px rgba(0,255,102,0.65); margin-top: 3px; }