/* ==========================================================================
   Identity Admin – Global Styles
   Extracted from the temporal/templates design system.
   ========================================================================== */

/* ---------- Font imports ---------- */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700;800;900&display=swap');

/* ---------- Material Symbols ---------- */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

/* ---------- Base ---------- */
body {
    font-family: 'Public Sans', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* ---------- Form card (used in create/edit forms) ---------- */
.form-card {
    background-color: white;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

/* ---------- Login glass card ---------- */
.glass-card {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.input-glow:focus {
    box-shadow: 0 0 10px rgba(79, 70, 229, 0.4);
}

/* ---------- Toggle dot animation ---------- */
.toggle-dot {
    transition: all 0.3s ease-in-out;
}

input:checked ~ .toggle-dot {
    transform: translateX(100%);
}