/**
 * Crypton custom cursor — gold ring dot (#ffcd00).
 * Desktop / fine-pointer only; touch devices keep the system cursor.
 */
@media (hover: hover) and (pointer: fine) {
    :root {
        --crypton-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7' fill='none' stroke='%231a1a1a' stroke-width='1.5' opacity='0.85'/%3E%3Ccircle cx='12' cy='12' r='3.5' fill='%23ffcd00'/%3E%3C/svg%3E") 12 12;
    }

    html {
        cursor: var(--crypton-cursor), auto;
    }

    a,
    button,
    [role="button"],
    label[for],
    select,
    summary,
    .btn,
    .esim-spotlight-row,
    .esim-spotlight-navbar-trigger,
    .app-topbar-menu-toggle,
    [data-esim-spotlight],
    input[type="checkbox"],
    input[type="radio"],
    input[type="submit"],
    input[type="button"],
    input[type="reset"] {
        cursor: var(--crypton-cursor), pointer;
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
    textarea,
    [contenteditable="true"],
    .esim-spotlight-input {
        cursor: text;
    }
}