/* ============================================
   APP.CSS - Common styles for all pages
   ============================================ */

/* Base typography */
* {
    font-size: 14.3px;
    line-height: 20px;
}

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

/* Form elements */
input,
select,
textarea,
button,
input[type="file"] {
    font-family: "Space Grotesk", sans-serif;
    font-size: 14.3px;
    line-height: 20px;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #c3c5d9;
    border-radius: 10px;
}

/* App title (logo text) */
.app-title {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    color: #000000;
}

/* Flatpickr date fields */
.flatpickr-input {
    cursor: pointer !important;
}

/* Selected list item */
.selected-contact {
    border-left: 4px solid #0043cc !important;
    background-color: #e8efff !important;
}

/* Hamburger to X animation */
#hamburgerBtn.open .hamburger-line:first-child {
    transform: rotate(45deg) translate(2px, 2px);
}

#hamburgerBtn.open .hamburger-line:last-child {
    transform: rotate(-45deg) translate(2px, -2px);
}