:root{--bg-deep: #080F1A;--bg-surface: #0D1420;--bg-surface-alt: #0A1628;--bg-elevated: #111827;--bg-active: #1E2A3A;--text-primary: #E2E8F0;--text-muted: #64748B;--accent: #6366F1;--accent-bg: #1E1B4B;--green: #10B981;--green-bg: #0D2A1A;--red: #EF4444;--red-bg: #2A0D0D;--orange: #F59E0B;--error: #F87171;--blue: #60A5FA;--purple: #A78BFA;--border: 1px solid #1E2A3A;--border-accent: 1px solid #6366F1;--radius: 8px}#crm-root[data-theme=noir],[data-theme=noir]{--bg-deep: #0D0D0D;--bg-surface: #141414;--bg-surface-alt: #0A0A0A;--bg-elevated: #1A1A1A;--bg-active: #222222;--text-primary: #F0EDE8;--text-muted: #888888;--accent: #C9A84C;--accent-bg: #1A1200;--border: 1px solid #2A2A2A;--border-accent: 1px solid #C9A84C}#crm-root[data-theme=atelier],[data-theme=atelier]{--bg-deep: #F4F2EC;--bg-surface: #F5F3ED;--bg-surface-alt: #EAE8E2;--bg-elevated: #FFFFFF;--bg-active: #DDD9D0;--text-primary: #0A0A0A;--text-muted: #6B6B6B;--accent: #C9A84C;--accent-bg: #FFF8E7;--green: #2D7A4F;--green-bg: #E8F5EE;--red: #C0392B;--red-bg: #FDECEA;--border: 1px solid #DDD9D0;--border-accent: 1px solid #C9A84C}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg-deep)}#crm-root{height:100%;background:var(--bg-deep)}#root{height:100%}@media (min-width: 768px){.kanban-scroll{gap:16px;padding:16px 24px}.kanban-columna{min-width:260px;max-width:300px}}@media (hover: hover) and (pointer: fine) and (min-width: 1024px){.btn-metricas-toggle{display:none}}.crm-sb-btn:after{content:attr(data-tooltip);position:absolute;left:30px;top:50%;transform:translateY(-50%);background:var(--bg-surface);border:1px solid var(--bg-active);color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-size:11px;white-space:nowrap;padding:4px 8px;border-radius:var(--radius);pointer-events:none;opacity:0;transition:opacity .15s;z-index:200}.crm-sb-btn:hover:after{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{background:var(--bg-surface);border:1px solid var(--bg-active);border-radius:10px;padding:20px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px;font-family:IBM Plex Mono,monospace;color:var(--text-primary)}.modal-box h3{margin:0;font-size:15px;color:var(--text-primary)}.modal-box label{font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.modal-box select,.modal-box input{width:100%;background:var(--bg-deep);border:1px solid var(--bg-active);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:13px;padding:10px 12px;box-sizing:border-box}.modal-error{color:var(--error);font-size:12px;margin:0}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-actions button{background:var(--bg-surface);border:1px solid var(--bg-active);color:var(--text-muted);border-radius:8px;padding:8px 16px;font-size:12px;cursor:pointer;font-family:inherit}.modal-actions button:last-child{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}