/* Simple round spinner for admin pages.
   Reuses .cam-loader class names so no HTML changes needed. */

.cam-loader {
    --cam-size: 36px;
    width: var(--cam-size);
    height: var(--cam-size);
    position: relative;
    display: inline-block;
    border: 3px solid var(--border-color, rgba(0,0,0,0.1));
    border-top-color: var(--accent-primary, #4a90d9);
    border-radius: 50%;
    animation: adminSpin 0.7s linear infinite;
}

.cam-loader.cam-sm {
    --cam-size: 22px;
    border-width: 2.5px;
}

.cam-loader.cam-dark {
    border-color: rgba(255,255,255,0.15);
    border-top-color: #fff;
}

.cam-loader.cam-light {
    border-color: rgba(0,0,0,0.1);
    border-top-color: #333;
}

.cam-loader.btn-cam {
    --cam-size: 18px;
    border-width: 2px;
}

@keyframes adminSpin {
    to { transform: rotate(360deg); }
}

/* Hide all camera inner parts */
.cam-loader .cam-vf,
.cam-loader .cam-bd,
.cam-loader .cam-lo,
.cam-loader .cam-ir,
.cam-loader .cam-fl,
.cam-loader .cam-ln {
    display: none !important;
}