@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

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

:root {
    --primary: #059669; --primary-hover: #047857; --primary-light: #d1fae5;
    --sidebar-bg: #0f172a; --sidebar-hover: #1e293b;
    --bg-body: #f8fafc; --bg-card: #ffffff;
    --text-main: #334155; --text-dark: #0f172a; --text-muted: #64748b;
    --border-light: #e2e8f0; --border-input: #cbd5e1;
}

html, body {
    max-width: 100vw; overflow-x: hidden; margin: 0; padding: 0;
}

body {
    font-family: 'Inter', sans-serif; background-color: var(--bg-body); color: var(--text-main);
    display: flex; height: 100vh;
}

/* Скролбар (Світлий та Темний) */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

body.dark-mode ::-webkit-scrollbar { width: 8px; height: 8px; }
body.dark-mode ::-webkit-scrollbar-track { background: #0f172a; }
body.dark-mode ::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; }
body.dark-mode ::-webkit-scrollbar-thumb:hover { background: #64748b; }

/* Плавний перехід для темної теми */
body, .app-layout, .main-content, .card, .sidebar, .modal-content, input, select, table, th, td { 
    transition: background-color 0.3s, border-color 0.3s, color 0.3s; 
}

body.dark-mode { background-color: #0f172a !important; color: #f1f5f9 !important; }

/* Приховування шаблонів PDF */
.hidden-pdf { position: absolute; left: -9999px; top: -9999px; width: 800px; display: none; }