/* ======================================================== */
/* BASE VARIABLES, RESET & UTILITIES                        */
/* ======================================================== */
:root {
    --bg-app: #f8fafc;
    --sidebar-bg: #0f172a;
    --sidebar-text: #94a3b8;
    --sidebar-hover: #1e293b;
    --panel-bg: #ffffff;
    --text-main: #0f172a;
    --text-muted: #64748b;
    --border: #e2e8f0;
    --accent: #2563eb;
    --accent-hover: #1d4ed8;
    --success: #16a34a;
    --warning: #ea580c;
    --danger: #ef4444;
    --danger-hover: #dc2626;
    --charcoal: #475569;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
}

body {
    background-color: var(--bg-app);
    color: var(--text-main);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

/* Animations & Utilities */
@keyframes spin-anim { 100% { transform: rotate(360deg); } }
.spinning { animation: spin-anim 1s linear infinite; transform-origin: center; }

.static-version-footer { position: fixed !important; bottom: 16px !important; left: 0 !important; width: 100vw !important; text-align: center !important; color: #94a3b8 !important; font-size: 0.85rem !important; z-index: 1010 !important; pointer-events: none !important; }

/* Print Styles */
#print-isolated-target { display: none; }

@media print {
    body > * { display: none !important; }
    body > #print-isolated-target { display: block !important; }
    body { background: white !important; margin: 0 !important; padding: 0 !important; }
    #print-isolated-target { position: static !important; width: 100%; padding: 0; background: white; color: black; page-break-inside: avoid; }
    .btn, select, textarea, input, .sidebar, .top-bar { display: none !important; }
    @page { size: portrait; margin: 15mm; }
}