:root { --blue:#2563eb; --blue-dark:#1d4ed8; --sidebar-w:224px; --panel-w:480px; --radius:10px; }
body { background:#f3f5f9; letter-spacing:-.012em; }
button,input,select,textarea { font:inherit; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid #93c5fd; outline-offset:3px; }
button { transition:background .15s, transform .15s; }
button:active:not(:disabled) { transform:translateY(1px); }
button:disabled { opacity:.45; cursor:not-allowed; }
[hidden] { display:none !important; }
.sidebar { background:#101d35; }
.sidebar-logo { padding:26px 18px; font-size:16px; }
.sidebar-caption { color:#6d83a4; font-size:9px; letter-spacing:.13em; padding:28px 20px 10px; }
.sidebar-nav { padding:6px 12px; }
.nav-item { padding:13px 12px; margin-bottom:6px; color:#a1b0c9; font-size:13px; }
.nav-item.active { background:#253e64; box-shadow:inset 3px 0 #60a5fa; }
.sidebar-bottom { padding:18px 14px; }
.today-hero { background:#fff; padding:30px 32px 24px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e5eaf2; gap:20px; }
.eyebrow { font-size:10px; letter-spacing:.14em; font-weight:700; color:#8091aa; margin-bottom:10px; }
.today-hero h1 { font-size:28px; letter-spacing:-.045em; color:#13213b; margin-bottom:8px; }
.today-hero p,.view-description { color:#7c8ba1; font-size:13px; line-height:1.6; }
.hero-date { border:1px solid #e5eaf2; border-radius:10px; padding:10px 15px; color:#62738f; font-size:12px; white-space:nowrap; text-transform:capitalize; }
.today-scroll { flex:1; overflow:auto; padding:24px 32px 32px; }
.metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:22px; }
.metric-card { background:white; border:1px solid #e5eaf2; border-radius:14px; text-align:left; padding:20px; cursor:pointer; min-width:0; }
.metric-card:hover { border-color:#a6bfe8; box-shadow:0 4px 18px #16274908; }
.metric-label { color:#697b96; font-size:12px; display:flex; justify-content:space-between; gap:6px; }
.metric-number { display:block; font-size:32px; font-weight:700; letter-spacing:-.045em; color:#183151; margin:14px 0 7px; }
.metric-description { font-size:11px; color:#8c99ad; }
.metric-card.danger .metric-number { color:#ce5145; }
.metric-card.primary .metric-number { color:#2563eb; }
.metric-card.warm .metric-number { color:#bd8739; }
.metric-marker { width:8px; height:8px; background:#dae3f0; border-radius:50%; margin-top:4px; flex-shrink:0; }
.metric-card.danger .metric-marker { background:#edaba4; }.metric-card.primary .metric-marker { background:#84b6ff; }.metric-card.warm .metric-marker { background:#e9cd9b; }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr); gap:20px; }
.workspace-card { background:white; border:1px solid #e5eaf2; border-radius:14px; padding:22px; min-width:0; }
.card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:22px; }
.card-heading h2 { font-size:15px; font-weight:650; color:#213653; }
.card-heading p { font-size:11px; color:#8895a8; margin-top:5px; }
.card-heading button { padding:0; font-size:11px; color:#2563eb; margin-top:3px; }
.agenda-row { display:flex; align-items:center; gap:12px; padding:13px 0; border-top:1px solid #edf1f6; cursor:pointer; }
.agenda-row:hover { background:#fafcff; }
.lead-monogram { width:35px; height:35px; background:#eef4ff; border:1px solid #e0eafb; color:#5576a6; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; border-radius:11px; flex-shrink:0; }
.agenda-person { flex:1; min-width:0; }.agenda-person strong { display:block; font-size:12px; color:#253b5b; }.agenda-person span { display:block; font-size:11px; color:#8491a7; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.agenda-date { font-size:10px; color:#7191b4; text-align:right; white-space:nowrap; }.agenda-date.overdue { color:#c65a50; }
.empty-state { padding:28px 14px; color:#8696ae; text-align:center; font-size:12px; line-height:1.8; }.empty-state strong { display:block; color:#4c627f; font-size:13px; margin-bottom:5px; }.empty-state button { margin-top:14px; }
.funnel-row { display:grid; grid-template-columns:90px 1fr 35px; align-items:center; gap:12px; margin-bottom:18px; cursor:pointer; font-size:11px; color:#74859e; }
.funnel-track { height:7px; border-radius:5px; background:#f2f5fa; overflow:hidden; }.funnel-fill { height:100%; background:#6699e8; border-radius:5px; min-width:0; }.funnel-count { text-align:right; color:#294264; font-weight:650; }
.conversion-line { border-top:1px solid #edf1f6; padding-top:17px; margin-top:18px; color:#8896ad; font-size:11px; }.conversion-line strong { color:#2b8763; font-size:18px; margin-right:6px; }
.team-table { width:100%; border-collapse:collapse; font-size:11px; }.team-table th { text-align:right; padding:0 0 12px; font-size:10px; font-weight:500; color:#98a4b6; }.team-table th:first-child,.team-table td:first-child { text-align:left; }.team-table td { padding:14px 0; border-top:1px solid #edf1f6; text-align:right; color:#5a708d; }.team-table td:first-child { color:#283f60; }.team-edit { color:#4f7eb9; background:none; border:none; cursor:pointer; font-size:10px; margin-left:6px; }
.source-row { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:12px; color:#647995; padding:12px 0; border-top:1px solid #edf1f6; }.source-row strong { color:#294362; }.workspace-card > .btn-secondary { margin-top:18px; font-size:11px; width:100%; }
.view-header { padding:26px 28px 20px; }.view-header h1 { font-size:24px; letter-spacing:-.035em; }.heading-count { background:#edf3fc; color:#7090b8; border-radius:8px; padding:3px 8px; font-size:12px; vertical-align:middle; margin-left:7px; }
.header-actions { margin-top:16px; }.header-actions input,.header-actions select,.header-actions button { min-height:38px; font-size:12px; }
.filter-bar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:14px 28px; border-bottom:1px solid #e5eaf2; background:#fcfdff; }.filter-bar select { font-size:11px; color:#667b98; border:1px solid #dfe7f2; padding:8px; background:white; border-radius:7px; max-width:190px; }.filter-bar button { margin-left:auto; font-size:11px; }
.stats-bar { padding:0 28px; }.stat-item { align-items:flex-start; padding:14px 22px 14px 0; margin-right:22px; }.stat-num { font-size:20px; }.stat-label { font-size:9px; color:#98a5b8; }
.leads-table-wrap { overflow:auto; background:white; }.leads-table { font-size:12px; }.leads-table th,.leads-table td { padding:13px 15px; }.leads-table thead th { background:#fbfcfe; font-size:9px; letter-spacing:.07em; z-index:1; }.leads-table td { border-bottom:1px solid #eef2f7; }.leads-table tr:hover { background:#f8fbff; }.lead-name { display:flex; align-items:center; gap:8px; color:#28405f; }.row-meta { margin-top:5px; font-size:10px; color:#98a6ba; }.lead-next-action { max-width:190px; }.lead-next-action strong { font-size:10px; display:block; color:#6c7d95; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.lead-next-action span { display:block; font-size:10px; margin-top:4px; color:#8d9bb0; }.lead-next-action.is-overdue span { color:#c65a50; }.priority-dot { width:7px; height:7px; border-radius:50%; background:#e9a055; display:inline-block; flex-shrink:0; }.row-checkbox { accent-color:#2563eb; width:14px; height:14px; margin-right:4px; }
.bulk-bar { display:flex; align-items:center; gap:16px; background:#eef4fd; padding:11px 28px; font-size:11px; color:#547294; }.bulk-bar label { display:flex; gap:7px; align-items:center; }.bulk-bar select { border:1px solid #cbdced; border-radius:6px; padding:5px; font-size:11px; }.bulk-bar button { font-size:11px; }.pagination { padding:14px 28px; justify-content:space-between; }
.kanban { padding:24px 28px; align-items:stretch; gap:14px; }.kanban-col { background:#eaf0f8; min-width:240px; width:240px; padding:13px; overflow:auto; max-height:100%; }.kanban-col-header { position:sticky; top:0; padding-bottom:15px; font-size:10px; background:#eaf0f8; z-index:1; }.kanban-card { border:1px solid #dfe8f4; border-radius:10px; padding:15px; box-shadow:0 2px 5px #263f5905; }.kanban-card.dragging { opacity:.4; }.kanban-col.drag-over { outline:2px dashed #709ddd; background:#dfeafa; }.kanban-card-name { color:#294362; font-size:12px; }.kanban-card-phone { font-size:11px; margin-top:7px; }.kanban-followup { font-size:10px; color:#7c93b2; margin-top:10px; }.kanban-more { width:100%; margin-top:10px; font-size:11px; }.kanban-step { width:100%; margin-top:10px; border:1px solid #dce6f3; border-radius:6px; padding:5px; color:#667d9c; font-size:10px; background:#fbfdff; }
.lp-section { padding:20px 24px; }.lead-panel-header { padding:24px; }.lead-panel-header h2 { font-size:21px; letter-spacing:-.025em; }.lp-fields input,.lp-fields select { width:100%; min-width:0; font-size:12px; }.field-wide { grid-column:1/-1; }.followup-section { background:#f4f8fe; }.followup-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }.followup-actions button { font-size:11px; }.followup-section .hint { margin-top:10px; }.original-notes { color:#64748b; font-size:12px; margin-bottom:12px; white-space:pre-wrap; }.lp-field label { font-size:9px; }.activity-content { line-height:1.7; }.activity-item { padding-bottom:10px; }.activity-dot.seguimiento { background:#6a96d9; }.btn-call { font-size:11px; margin-top:10px; }
.import-container { overflow:auto; display:block; }.import-box { max-width:850px; margin:0 auto; text-align:left; }.import-icon { font-size:32px; }.file-drop { text-align:center; }.import-summary { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0 14px; }.import-summary span { font-size:12px; background:#f1f5fb; border-radius:8px; padding:10px; }.import-preview-table { width:100%; border-collapse:collapse; font-size:10px; }.import-preview-table th,.import-preview-table td { text-align:left; padding:9px 6px; border-bottom:1px solid #edf1f6; }.import-preview-table tr.duplicate { color:#a4824e; }.import-preview-table tr.invalid { color:#c26159; }.preview-table-wrap { overflow:auto; }.preview-banner { background:#fef0c7; color:#86692d; padding:8px 20px; font-size:11px; text-align:center; flex-shrink:0; }
#toast-container { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:12000; display:flex; flex-direction:column; gap:8px; pointer-events:none; max-width:calc(100vw - 32px); }.toast { background:#18304f; color:white; border-radius:10px; padding:13px 22px; font-size:12px; box-shadow:0 8px 30px #172b4c22; }.toast.error { background:#aa443b; }
.modal { max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); overflow:auto; }.modal-fields input { font-size:13px; }.login-box { border-radius:22px; border:1px solid #ffffff22; }.login-screen { background:radial-gradient(ellipse at 25% 20%,#274870,#101d35 65%); }
@media (max-width:1150px) { :root { --sidebar-w:190px; }.today-scroll { padding:22px; }.today-hero { padding:26px 22px; }.dashboard-grid { grid-template-columns:1fr; }.metric-grid { gap:10px; }.metric-card { padding:16px; }.metric-description { font-size:10px; }.sidebar-logo { font-size:14px; padding:22px 14px; } }
@media (min-width:761px) and (max-width:900px) { .sidebar-logo span,.user-name,.user-role { display:block; }.nav-item { justify-content:flex-start; }.sidebar-bottom { justify-content:flex-start; } }
@media (max-width:760px) { :root { --sidebar-w:0px; --panel-w:100vw; }body { height:100dvh; }#app { grid-template-columns:1fr; grid-template-rows:64px 1fr; height:100dvh; }.sidebar { height:64px; flex-direction:row; align-items:center; overflow:hidden; padding:0 6px; }.sidebar-logo,.sidebar-caption,.sidebar-bottom { display:none; }.sidebar-nav { display:flex; padding:0; overflow-x:auto; gap:3px; }.nav-item { flex-shrink:0; display:flex; flex-direction:column; gap:4px; margin:0; padding:8px 12px; font-size:9px; border-radius:8px; justify-content:center; }.nav-item.active { box-shadow:inset 0 -2px #60a5fa; }.nav-item svg { width:17px; height:17px; }.main { height:calc(100dvh - 64px); }.today-hero { padding:21px 18px; }.today-hero h1 { font-size:23px; }.today-hero p { font-size:11px; max-width:250px; }.hero-date { display:none; }.today-scroll { padding:16px; }.metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.metric-card { padding:15px; }.metric-number { font-size:27px; margin:9px 0 5px; }.workspace-card { padding:18px; }.dashboard-grid { gap:16px; }.view-header { padding:20px 16px 16px; }.header-actions { gap:7px; }.search-input { min-width:100%; }.header-actions select { flex:1; max-width:50%; }.header-actions button { flex:1; }.filter-bar { padding:12px 16px; gap:6px; }.filter-bar select { flex:1; min-width:120px; max-width:none; }.filter-bar button { font-size:10px; }.stats-bar { padding:0 16px; flex-shrink:0; }.stat-item { margin-right:15px; padding-right:15px; }.leads-table { min-width:1020px; }.bulk-bar { padding:10px 16px; flex-wrap:wrap; gap:9px; }.pagination { padding:12px 16px; }.kanban { padding:16px; }.kanban-col { width:250px; }.lp-section { padding:18px; }.lead-panel-header { padding:20px; }.import-container { padding:16px; }.import-box { padding:20px; }.team-table { font-size:10px; }.hero-date { font-size:10px; }.preview-banner { font-size:9px; }.call-modal-box { width:calc(100vw - 40px); max-width:400px; }#call-modal { bottom:20px; right:20px; } }
.feedback-scroll { overflow:auto; padding:24px 28px; }.feedback-layout { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr); gap:20px; align-items:start; }#tool-feedback-form { display:flex; flex-direction:column; gap:10px; }#tool-feedback-form label { color:#697f9c; font-size:11px; margin-top:5px; }#tool-feedback-form select,#tool-feedback-form textarea,#lp-feedback-content { font:inherit; font-size:12px; border:1px solid #dce5f1; border-radius:8px; padding:10px; width:100%; background:white; }#tool-feedback-form textarea,#lp-feedback-content { resize:vertical; line-height:1.7; }#lp-feedback-content { margin:12px 0; }.feedback-layout .hint { margin-top:18px; line-height:1.8; }.feedback-summary { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px; }.feedback-summary span { font-size:10px; background:#edf3fb; color:#6682a6; padding:7px 10px; border-radius:7px; }.feedback-entry { padding:18px 0; border-top:1px solid #edf1f6; }.feedback-entry-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }.feedback-tag { border-radius:5px; padding:4px 8px; font-size:9px; background:#eff3f9; color:#7188a5; }.feedback-tag.negativo { color:#ac6450; background:#fcf0e9; }.feedback-tag.positivo { color:#458867; background:#edf7f1; }.feedback-lead { display:block; color:#4678b6; border:none; background:none; margin:10px 0; font-size:12px; cursor:pointer; text-align:left; }.feedback-tool-title { display:block; margin:10px 0; font-size:12px; color:#345072; }.feedback-entry p { font-size:12px; color:#607490; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; margin:8px 0; }.feedback-entry small { color:#94a2b6; font-size:10px; }.feedback-pages { display:flex; align-items:center; justify-content:space-between; font-size:11px; margin-top:16px; }
@media (max-width:1050px) {.feedback-layout { grid-template-columns:1fr; }}@media (max-width:760px) {.feedback-scroll { padding:16px; }.feedback-layout .card-heading { flex-wrap:wrap; }}
.supervision-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin-top:18px; }.supervision-filters label { display:flex; flex-direction:column; gap:6px; font-size:10px; color:#8796ad; }.supervision-filters input,.supervision-filters select { border:1px solid #dce5f1; border-radius:7px; padding:9px; font-size:12px; color:#526f95; min-height:37px; background:#fff; }.supervision-filters .row-meta { margin-left:auto; padding-bottom:10px; }.supervision-scroll { overflow:auto; flex:1; padding:24px 28px; }.supervision-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:20px; }.supervision-metrics .metric-card { cursor:default; }.supervision-metrics .metric-number { font-size:27px; }.supervision-scroll > .workspace-card { margin-bottom:20px; }.supervision-table-wrap { overflow:auto; }.supervision-table { width:100%; border-collapse:collapse; font-size:11px; min-width:730px; }.supervision-table th { font-size:9px; color:#95a2b6; letter-spacing:.03em; font-weight:500; text-align:left; padding:0 12px 14px; white-space:nowrap; }.supervision-table td { padding:15px 12px; color:#627997; border-top:1px solid #edf1f6; vertical-align:top; }.supervision-table td .row-meta { display:block; margin-top:5px; }.supervision-table .btn-secondary { padding:5px 9px; font-size:10px; }.table-link { font-size:11px; border:none; background:none; padding:0; color:#3c72b4; cursor:pointer; text-align:left; }.call-state { display:inline-block; border-radius:5px; background:#f0f4f9; color:#7188a4; padding:5px 8px; font-size:10px; white-space:nowrap; }.call-state.completed { background:#edf7f1; color:#438469; }.call-state.in-progress,.call-state.ringing { background:#edf3fd; color:#4d7db8; }.call-state.failed,.call-state.busy,.call-state.no-answer { background:#fcf0eb; color:#b3705e; }.supervision-bottom { display:grid; grid-template-columns:1.2fr 1fr; gap:20px; }.supervision-activity { display:flex; gap:12px; align-items:flex-start; border-top:1px solid #edf1f6; padding:14px 0; }.supervision-activity > div { flex:1; min-width:0; }.supervision-activity strong { color:#4b6789; font-size:11px; }.supervision-activity p { color:#72859f; line-height:1.8; font-size:11px; margin:6px 0; overflow-wrap:anywhere; }.supervision-activity span { font-size:10px; color:#a0acc0; }.supervision-activity button { font-size:10px; padding:0; flex-shrink:0; margin-top:3px; }
.profile-form { display:flex; flex-direction:column; gap:10px; }.profile-form label { color:#7c90ac; font-size:11px; margin-top:6px; }.profile-form input,.profile-form select,.profile-form textarea { width:100%; min-width:0; border:1px solid #dce5f1; border-radius:8px; padding:10px; font:inherit; font-size:12px; background:#fff; }.profile-form textarea { resize:vertical; line-height:1.7; }.profile-form button { margin-top:6px; }.profile-card { max-width:530px; margin:0 auto; }.profile-avatar { width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:#eaf2fe; color:#5986c1; font-size:22px; margin-bottom:15px; }.profile-card h2 { color:#355371; font-size:20px; }.profile-card p { color:#8b9bb3; font-size:12px; margin-top:6px; }.profile-permissions { background:#f3f7fc; border-radius:9px; padding:14px; color:#748ca9; font-size:12px; line-height:1.8; margin:18px 0; }.profile-card > .btn-secondary { margin-top:20px; }.team-member { display:flex; align-items:center; gap:12px; padding:16px 0; border-top:1px solid #edf1f6; }.team-member > div:nth-child(2) { flex:1; }.team-member strong { display:block; color:#3f5b7e; font-size:12px; }.team-member span { display:block; font-size:10px; color:#8c9eb8; margin-top:5px; }.permissions-guide { background:#f5f8fd; border-radius:9px; padding:16px; margin-top:16px; }.permissions-guide p { font-size:11px; color:#7b90ac; line-height:1.8; margin-bottom:8px; }
.lead-call-item { width:100%; display:flex; gap:12px; align-items:center; justify-content:space-between; padding:13px 0; text-align:left; background:none; border:none; border-bottom:1px solid #eef2f7; cursor:pointer; color:#728baa; font-size:10px; }.lead-call-item strong { display:block; color:#4b688b; font-size:11px; margin-bottom:4px; }.lead-call-item small { color:#95a4bc; font-size:10px; }.call-detail-modal { width:570px; }.call-detail-modal > .close-panel { float:right; }.call-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:8px 0 22px; }.call-detail-grid span { display:block; color:#91a3bc; font-size:10px; margin-bottom:6px; }.call-detail-grid strong { font-size:12px; color:#527090; overflow-wrap:anywhere; }.call-detail-modal audio { width:100%; margin:12px 0; }#call-detail-notes { color:#6b83a1; font-size:12px; line-height:1.8; margin-top:15px; white-space:pre-wrap; overflow-wrap:anywhere; }input:disabled,textarea:disabled,select:disabled { color:#607795; opacity:1; background:#f7f9fc; }
@media (max-width:1050px) { .supervision-bottom { grid-template-columns:1fr; }.supervision-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }}@media (max-width:760px) { .supervision-scroll { padding:16px; }.supervision-metrics { gap:10px; }.supervision-metrics .metric-number { font-size:23px; }.supervision-filters { gap:8px; }.supervision-filters label { flex:1; min-width:120px; }.supervision-filters input,.supervision-filters select { width:100%; min-width:0; }.supervision-filters .row-meta { width:100%; margin:0; padding:0; }.supervision-table { min-width:750px; }.supervision-bottom { gap:16px; }.call-detail-modal { max-height:calc(100dvh - 28px); }.call-detail-grid { gap:13px; }.permissions-guide { padding:12px; } }