/* ==========================================================================
   WORKMEET | ESTILOS GLOBAIS E VARIÁVEIS
   ========================================================================== */
:root { 
    --primary: #2ecc71;         
    --primary-hover: #27ae60;   
    --danger: #e74c3c;          
    --bg: #121212;              
    --panel: #252525;           
    --text-color: #ffffff;
    --text-muted: #aaaaaa;
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    
    /* Camadas (Z-Index) */
    --z-sidebar: 1000;
    --z-video-grid: 1000;
    --z-chat: 1500;
    --z-login: 2000;
    --z-modal-overlay: 2999;
    --z-modal: 3000;
    --z-video-expanded: 4000;
}

*, *::before, *::after { box-sizing: border-box; }

body, html { 
    margin: 0; padding: 0; width: 100%; height: 100%; 
    overflow: hidden; background: var(--bg); 
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: var(--text-color); -webkit-font-smoothing: antialiased; 
}