/* =========================================
   AJUSTES FINALES
========================================= */

/* HEADER */

.app-header {
    background-color: #fff;
    border-bottom: 2px solid var(--color-primary);
}

.logo {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tagline {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}

/* INTRO */

.intro {
    background-color: var(--color-surface);
    box-shadow: var(--shadow-soft);
}

/* COMPOSER */

.composer {
    background-color: #fff;
    border-top: 2px solid rgba(0,0,0,0.08);
}

/* SCROLL */

.messages::-webkit-scrollbar {
    width: 6px;
}

.messages::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
}