/* =========================
   ROOT (Paleta Oficial microBRsoil)
========================= */
:root {
    /* Identidade da Marca (Logo) */
    --brand-green: #298246;       /* Verde central do broto */
    --brand-green-dark: #1b5e30;  /* Verde escuro para texto/hover */
    --brand-green-light: #44a664; /* Verde claro de destaque */
    --brand-yellow: #D1B02C;      /* Amarelo dourado do solo */
    
    /* Cores de Sistema baseadas na Identidade */
    --background: #F4F7F5;        /* Fundo bem claro levemente esverdeado */
    --card-bg: #FFFFFF;
    --text-main: #2C3A35;
    --text-muted: #6B7C77;
    --border-color: #E2E8E5;

    /* Variáveis legadas mapeadas para manter compatibilidade com home.css */
    --primary-color-green0: var(--brand-green-dark);
    --primary-color-green1: var(--brand-green);
    --primary-color-green2: var(--brand-green-light);
    --primary-color-green3: #61C583;
    --primary-color-yellow: var(--brand-yellow);
    --complementary-color3: #E74C3C; /* Vermelho para falhas */
    --decoration-color0: #3498DB;    /* Azul para tempos */
    
    /* Tipografia */
    --title-font: "Tienne", serif;
    --ui-font: "Inter", sans-serif;
    --bold: 700;
    --semibold: 600;
    --title-minor-margin-bottom: 1.5rem;
}

/* =========================
   RESET BASE
========================= */
* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background: var(--background);
    font-family: var(--ui-font);
    color: var(--text-main);
    overflow: hidden; /* Bloqueia rolagem geral, repassando para o main-content */
}

/* =========================
   LAYOUT
========================= */
.layout {
    display: flex;
    width: 100%;
    max-width: 100vw;
    height: calc(100vh - 80px); /* Ajuste caso o header mude */
}

/* SIDEBAR */
#leftmenu-placeholder {
    width: 260px;
    background: var(--brand-green-dark);
    flex-shrink: 0;
}

/* MAIN (Aqui está a correção da rolagem horizontal) */
.main-content {
    flex: 1;
    min-width: 0; /* Impede que o conteúdo interno quebre o layout pai */
    padding: 2rem 3rem;
    overflow-y: auto; /* Rolagem vertical apenas no conteúdo */
    overflow-x: hidden; /* Corta vazamentos horizontais */
}

/* =========================
   BASIC FRAME (Modernizado)
========================= */
.basic-frame {
    background: var(--card-bg);
    border-radius: 16px;
    padding: 24px;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 20px rgba(43, 55, 61, 0.04);
}

/* =========================
   TABLE
========================= */
.table thead th {
    background: #EEF4F1;
    font-weight: 600;
    color: var(--brand-green-dark);
    border-bottom: 2px solid var(--border-color);
}

.table tbody tr:hover {
    background: rgba(41, 130, 70, 0.05); /* Verde do logo com transparência */
}

/* =========================
   TITLE
========================= */
.main-title {
    font-family: var(--title-font);
    font-weight: var(--bold);
    color: var(--brand-green-dark);
    margin: 0;
}