/* ============================================================
   CASALINK - estilos DA AGENDA (so os que comecam com .agenda-)
   (18/09/2026) Este arquivo nasceu como um trecho "para adicionar ao final do
   app.css" e ficou separado, carregado depois dele — e com isso toast, cartoes,
   botao verde, janelas, menu lateral, menu do usuario e o layout do celular do
   SISTEMA INTEIRO moravam aqui. Foi tudo para o fim do app.css, na mesma ordem.
   Aqui ficam so as regras da agenda.
   ============================================================ */

/* -- AGENDA -------------------------------------------------- */
.agenda-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: box-shadow .15s, border-color .15s;
    border-left: 4px solid var(--primary);
}
.agenda-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08); border-color: var(--primary); }
.agenda-hora {
    font-size: 15px;
    font-weight: 700;
    color: var(--primary);
    min-width: 48px;
    padding-top: 2px;
}
.agenda-info { flex: 1; }
.agenda-cliente { font-weight: 700; font-size: 14px; margin-bottom: 2px; }
.agenda-desc { font-size: 12px; color: var(--text-2); }   /* --text-muted nao existe */
.agenda-acoes { display: flex; flex-direction: column; gap: 4px; }

@media (max-width: 768px) {
    .agenda-card { flex-wrap: wrap; }
    .agenda-acoes { flex-direction: row; }
}