/* Dashboard logo (used on dashboard + login) */
.dashboard-logo .logo-icon {
    font-size: 3rem;
    display: inline-block;
}
.dashboard-logo .logo-icon .bi {
    filter: drop-shadow(0 0 8px rgba(13, 110, 253, 0.6));
}

/* Lock screen / Login overlay */
.login-overlay .btn-numpad {
    width: 3.5rem;
    height: 3.2rem;
    font-size: 1.2rem;
}
.login-overlay .pin-dot {
    width: 2.6rem;
    height: 2.9rem;
    font-size: 1.35rem;
    caret-color: transparent;
}

/* Clickable secret text */
.secret-copy {
    cursor: pointer;
    text-decoration: underline dotted;
}

/* --- Mobile adjustments (small screens) --- */
@media (max-width: 576px) {
    /* Overall text size a bit bigger */
    body {
        font-size: 0.95rem;
    }

    .dashboard-dark {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .dashboard-dark h1.h4 {
        font-size: 1.4rem;
    }

    .dashboard-dark .btn {
        font-size: 0.95rem;
        padding: 0.45rem 0.9rem;
    }

    /* Clients table modal: use full width on mobile */
    #clientsTableModal .modal-dialog {
        max-width: 100%;
        margin: 0.5rem;
    }

    #clientsTableModal .modal-content {
        border-radius: 0.5rem;
    }

    #clientsTableModal table {
        font-size: 0.8rem;
    }

    /* Client detail modal */
    #clientModal .modal-dialog {
        max-width: 100%;
        margin: 0.5rem;
    }

    #clientModal .modal-content {
        font-size: 0.9rem;
    }

    /* Login overlay: bigger buttons and PIN dots */
    .login-box {
        max-width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .login-overlay .btn-numpad {
        width: 3.2rem;
        height: 3.2rem;
        font-size: 1.2rem;
    }

    .login-overlay .pin-dot {
        width: 2.4rem;
        height: 2.8rem;
        font-size: 1.4rem;
    }
}