:root {
    --primary-color: #53954a;
    --primary-gradient: linear-gradient(135deg, #53954a 0%, #3e7a35 100%);
    --bg-app: #fdfdfd;
    --text-main: #1c1e21;
    --text-secondary: #65676b;
    --border-light: #e4e6eb;
}

* { box-sizing: border-box; }

body, html { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%; 
    overflow: hidden; /* Remove scroll da página inteira */
    font-family: 'Lato', sans-serif; 
    background-color: #fff;
    color: var(--text-main);
}

.hidden { display: none !important; }

/* Modais (Genérico) */
.modal-overlay { 
    background: rgba(0,0,0,0.5); 
    display: none; 
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
    z-index: 3000; justify-content: center; align-items: center; 
}
.modal-overlay.open { display: flex; }

.modal-content-new-chat { 
    background: white; 
    width: 90%; max-width: 400px; 
    height: 80%; max-height: 500px;
    border-radius: 12px; 
    display: flex; flex-direction: column; 
    overflow: hidden; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); 
}