/* Minimal styles for reusable gauge component */
.rating-meter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.meter-svg {
    width: 100%;
    height: 100%;
}

.meter-background {
    fill: none;
    stroke: var(--gauge-bg, #e9ecef);
    stroke-width: 1;
    stroke-linecap: round;
}

.meter-segment {
    fill: none;
    stroke-width: 7;
    stroke-linecap: round;
}

.meter-segment.meter-safe { stroke: #34c759; }
.meter-segment.meter-caution { stroke: #ff9500; }
.meter-segment.meter-danger { stroke: #ff3b30; }

.meter-needle {
    stroke-width: 6 !important;
    stroke-linecap: round;
    transition: transform 0.3s ease-out;
    transform-origin: 100px 100px;
    vector-effect: non-scaling-stroke;
}

.meter-needle.danger { stroke: #ff3b30; }
.meter-needle.caution { stroke: #ff9500; }
.meter-needle.safe { stroke: #34c759; }

.meter-center { fill: #000000; stroke: #ffffff; stroke-width: 2; }

.meter-content {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 2;
}

.meter-label { font-size: 12px; font-weight: 600; color: var(--text-secondary, #6c757d); }
.meter-value { font-size: 18px; font-weight: 700; color: var(--text-primary, #212529); }

.caution-icon-group { pointer-events: none; }
.caution-label { fill: var(--text-primary, #212529); font-weight: 600; }