/* 
 * RECAP.PRO - Módulo de Configurações e Dados
 * Layout focado em abas e formulários estruturados
 */

.config-container {
    display: flex;
    height: 100%;
    background: #fff;
}

/* Sidebar de Navegação interna */
.config-sidebar {
    width: 200px;
    background: #f3f3f3;
    border-right: 1px solid #ddd;
    display: flex;
    flex-direction: column;
}

.config-nav-item {
    padding: 12px 20px;
    font-size: 12px;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #444;
}

.config-nav-item:hover { background: #e5f1fb; }
.config-nav-item.active { background: #fff; border-right: 3px solid #0078d4; font-weight: 700; color: #0078d4; }

.config-content {
    flex: 1;
    overflow: auto;
    padding: 30px;
}

.config-form-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.config-form-group label {
    font-size: 11px;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
}

.config-form-group input, .config-form-group select {
    height: 36px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff;
}

.config-form-group input:focus { border-color: #0078d4; }

/* Grid de Dados da Empresa */
.config-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.config-footer {
    padding-top: 20px;
    border-top: 1px solid #eee;
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
}