/* Wolfxell workspace · visual layer only · 2026-10-16 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--wx-bg:#f5f7fa;--wx-surface:var(--brand-surface,#fff);--wx-text:var(--brand-text,#182731);--wx-muted:var(--brand-muted,#637582);--wx-border:var(--brand-border,#e1e7ed);--wx-accent:var(--brand-primary,#16a6e6);--wx-sidebar:var(--brand-sidebar,#0b1014);--wx-shadow:0 1px 3px #152b3b05,0 6px 20px #152b3b05;--wx-radius:12px;--bg:var(--wx-bg);--card:var(--wx-surface);--text:var(--wx-text);--muted:var(--wx-muted);--border:var(--wx-border);--primary:var(--wx-accent);--sidebar-bg:var(--wx-sidebar);--brand-bg:var(--wx-bg);--brand-radius:var(--wx-radius);--brand-shadow:var(--wx-shadow)}
*{box-sizing:border-box}
body{font-family:'DM Sans',sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
body.dark-mode{--wx-bg:#0b1014;--wx-shadow:0 1px 3px #0003}
.sidebar{background:var(--wx-sidebar)!important;border-right:1px solid #ffffff0e!important}
.sidebar .logo{justify-content:flex-start;margin:0 12px 24px!important;padding-bottom:20px;border-bottom:1px solid #ffffff14}
.sidebar .logo img{width:66px;max-height:70px;object-fit:contain}
.sidebar-menu a,.sidebar-link{display:flex;align-items:center;gap:12px;min-height:40px!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important;border-radius:7px!important;color:#b5c3cc;line-height:1.35;transition:background .16s,color .16s}
.sidebar-menu a.active,.sidebar-link.active{background:color-mix(in srgb,var(--wx-accent) 19%,var(--wx-sidebar))!important;color:#fff!important;box-shadow:inset 2px 0 var(--wx-accent)!important;font-weight:700!important}
.sidebar-menu a:hover,.sidebar-link:hover{color:#fff;background:#ffffff0b}
.sidebar-menu a::before,.sidebar-link::before{content:'';width:17px;height:17px;flex:0 0 17px;background:currentColor;mask:var(--wx-icon) center/contain no-repeat;opacity:.8}
.logout-link{margin-top:24px;height:40px;background:transparent;border:1px solid #ffffff20;border-radius:8px;color:#c4cfd7;font-size:12px;font-weight:500}
.logout-link:hover{background:#ffffff0b;color:#fff}
.content-area{padding:32px 36px 48px!important}
.content-area .page-title{font-size:30px!important;font-weight:700!important;letter-spacing:-.035em;line-height:1.2}
.page-subtitle{font-size:13px!important}
.white-card,.settings-card,.stat-card,.stat-box,.resumen-box,.ai-box,.chat-box,.card,.kpi-card{border:1px solid var(--wx-border)!important;border-radius:var(--wx-radius)!important;box-shadow:var(--wx-shadow)!important;background:var(--wx-surface);color:var(--wx-text)}
.stat-card,.stat-box,.resumen-box{border-top:1px solid var(--wx-border)!important;padding:22px!important}
.stat-number,.stat-value,.kpi-value{font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-weight:700!important;font-size:34px;line-height:1.2}
.stat-label,.stat-title,.kpi-label{font-size:12px!important;font-weight:500!important;color:var(--wx-muted)}
.card-title,.section-title,.main-content h2{font-size:19px;font-weight:700;letter-spacing:-.025em}
.white-card .card-title{margin-bottom:22px}
.crm-workspace-tools{min-height:44px;margin-bottom:26px;padding:0 96px 14px 0;justify-content:flex-start}
.crm-workspace-tools #wf-monitor-badge{font-weight:500;font-size:11px}
.theme-toggle-btn{box-shadow:none!important;border:1px solid var(--wx-border)!important;background:var(--wx-surface)!important;color:var(--wx-text)!important}
button,a,input,select,textarea{transition:border-color .15s,background-color .15s,box-shadow .15s}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{border:1px solid var(--wx-border);border-radius:8px;background:var(--wx-surface);color:var(--wx-text);min-height:40px;font-size:13px;padding:10px 12px;max-width:100%}
input::placeholder,textarea::placeholder{color:var(--wx-muted);opacity:.8}
input:focus,select:focus,textarea:focus{border-color:var(--wx-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--wx-accent) 12%,transparent)}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--wx-accent);outline-offset:3px}
.btn,.btn-save,.btn-primary,.search-btn,.btn-crear,.btn-call{font-size:13px;font-weight:600;border-radius:8px;min-height:38px}
.btn-primary,.btn-save,.search-btn{background:var(--wx-accent);color:var(--brand-on-primary,#0b1014)!important;box-shadow:0 1px 2px #0b101412!important}
.btn:hover,.btn-primary:hover,.btn-save:hover,.search-btn:hover{filter:brightness(.96)}
button:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed}
table th,.table th{background:var(--wx-bg);color:var(--wx-muted);font-size:11px!important;letter-spacing:.045em;text-transform:uppercase;font-weight:600!important;padding:13px 14px!important}
table td,.table td{font-size:13px;line-height:1.5;padding:14px!important;border-color:var(--wx-border)}
tbody tr:hover{background:color-mix(in srgb,var(--wx-accent) 4%,var(--wx-surface))}
.empty-state,.empty-box,.empty{padding:40px 24px;color:var(--wx-muted);font-size:13px;line-height:1.7}
/* POS shares the same tokens and rhythm. */
.app-shell .sidebar{width:236px;flex-shrink:0;position:sticky;top:0;height:100dvh;overflow-y:auto;padding:24px 14px;scrollbar-width:thin}
.sidebar-brand{font-size:14px;line-height:1.35;letter-spacing:-.01em;margin:0 4px 26px;padding-bottom:20px;border-bottom:1px solid #ffffff14}
.sidebar-brand-icon{background:transparent;width:38px;height:38px}
.sidebar-brand-icon img{width:34px;height:34px}
.sidebar-footer{font-size:11px;padding:18px 10px 0;color:#a9bac5}
.main-content{padding:32px 36px 48px;min-width:0;width:100%;max-width:1600px}
.main-content h1{font-size:28px;letter-spacing:-.035em;line-height:1.25;margin:0;font-weight:700}
.main-content .page-header{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--wx-border);min-height:58px;gap:16px}
.main-content .card{padding:24px}
.main-content .table{border-radius:8px}
.main-content .stat-value{margin-top:12px}
.main-content .muted{font-size:13px}
.main-content .badge{font-size:11px;padding:4px 9px}
.main-content .btn-large{font-size:14px;padding:14px}
.main-content .card h3{font-size:17px;letter-spacing:-.02em;margin-top:0}
.centered-screen{min-height:100dvh;height:auto;padding:32px 20px;background:#0b1014;gap:24px}
.centered-screen .brand-header span{color:#edf4f8;font-size:22px;letter-spacing:-.03em}
.centered-screen .card{width:100%;max-width:420px!important;padding:30px}
body:has(.login-wrapper){background:#0b1014!important}
.login-wrapper{max-width:440px;width:100%;padding:20px}
.login-box{border:1px solid #e1e7ed!important;border-radius:16px!important;box-shadow:0 20px 80px #0004!important;padding:36px!important;background:#fff!important}
.login-box .logo img{max-width:90px!important}
.login-box .subtitle{font-size:15px;color:#637582;letter-spacing:-.01em;margin-bottom:28px}
.login-box .btn-login{background:var(--wx-accent)!important;color:#0b1014!important;border-radius:8px;box-shadow:none!important;font-size:14px;font-weight:700}
.login-box .form-label{font-size:12px;font-weight:600;color:#354956}
@media(max-width:767px){
 .content-area{padding:72px 16px 28px!important}
 .crm-workspace-tools{padding-right:0;gap:10px;margin-bottom:22px}
 .content-area .page-title{font-size:26px!important}
 .app-shell{display:block}
 .app-shell .sidebar{position:relative;width:100%;height:auto;padding:16px;overflow:visible}
 .sidebar-brand{margin-bottom:12px;padding-bottom:12px;font-size:13px}
 .app-shell .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .sidebar-link{padding:9px 7px!important;font-size:11px!important;gap:6px;min-width:0}
 .sidebar-link::before{width:14px;height:14px;flex-basis:14px}
 .sidebar-footer{padding:12px 0 0;margin-top:10px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px}
 .main-content{padding:24px 16px;max-width:100%}
 .main-content h1{font-size:25px}
 .main-content .page-header{flex-wrap:wrap;padding-bottom:16px;margin-bottom:20px;gap:10px}
 .main-content .card{padding:18px;max-width:100%;min-width:0}
 .main-content .form-grid,.main-content .stats-row{grid-template-columns:minmax(0,1fr)}
 .main-content [style*="grid-template-columns"],.main-content [style*="grid-template-columns"]>*{min-width:0}
 .main-content [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
 .main-content .form-row .input{min-width:0;flex-basis:100%}
 .main-content .table{display:block;overflow-x:auto;max-width:100%;white-space:normal}
 .main-content .table th,.main-content .table td{padding:10px!important;min-width:75px}
 .main-content .table th:last-child,.main-content .table td:last-child{min-width:100px}
 .main-content .input{min-width:0}
 .main-content [style*="display: flex"]{flex-wrap:wrap}
 .main-content .page-header .btn{max-width:100%;white-space:normal}
 .main-content .modal,.main-content .modal-content{max-width:calc(100vw - 24px)}
 .stat-number,.stat-value{font-size:30px}
 .login-box{padding:26px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.sidebar-menu a[href="/pages/dashboard.php"],.sidebar-link:nth-of-type(1){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/leads.php"],.sidebar-link:nth-of-type(4){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3m1-17a3%203%200%200%201%200%206m2%204a5%205%200%200%201%203%204v3%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/listas.php"],.sidebar-link:nth-of-type(3){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%2214%22%20height%3D%2217%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M9%204V2h6v2M9%2010h6m-6%205h6%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/contracts.php"],.sidebar-link:nth-of-type(10){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8Zm0%200v6h6M8%2013h8m-8%204h5%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/pipeline.php"],.sidebar-link:nth-of-type(2){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h18l-7%208v8l-4%202V11Z%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/agenda.php"],.sidebar-link:nth-of-type(11){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M16%203v4M8%203v4M3%2011h18m-13%204h2m4%200h2%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/mis_tiendas.php"],.sidebar-link:nth-of-type(6){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010h18l-2-7H5ZM5%2010v11h14V10M9%2021v-7h6v7%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/productos.php"],.sidebar-link:nth-of-type(9){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205v9l-9%205-9-5V8Zm0%209%209-4m-9%204L3%208m9%204v10M7%205l10%206%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/reportes.php"],.sidebar-link:nth-of-type(8){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203v18h17M8%2016v-5m5%205V6m5%2010v-8%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/metrics.php"],.sidebar-link:nth-of-type(12){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017%209%2011l4%204%208-10m-6%200h6v6%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/ranking.php"],.sidebar-link:nth-of-type(7){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203h8v7a4%204%200%200%201-8%200Zm0%202H4v4a4%204%200%200%200%204%204m8-8h4v4a4%204%200%200%201-4%204m-4%201v7m-4%200h8%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/wolfchat.php"],.sidebar-link:nth-of-type(15){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a8%208%200%200%201-8%208H7l-4%203V7a4%204%200%200%201%204-4h10a4%204%200%200%201%204%204Z%22/%3E%3Cpath%20d%3D%22M7%208h10M7%2012h7%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/comparativas.php"],.sidebar-link:nth-of-type(5){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h17l-4-4m4%2014H3l4%204M20%207v4M3%2017v-4%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/ai_assistant.php"],.sidebar-link:nth-of-type(13){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22/%3E%3C/svg%3E")}

.sidebar-menu a[href="/pages/settings.php"],.sidebar-link:nth-of-type(14){--wx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2017h16%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2217%22%20r%3D%223%22/%3E%3C/svg%3E")}

body:has(.login-wrapper){padding:16px;font-family:'DM Sans',sans-serif!important}
body:has(.store-tabs),body:has(input[name="link_store_id"]){--accent:var(--wx-accent);background:var(--wx-bg);font-family:'DM Sans',sans-serif}
body:has(input[name="link_store_id"]) header{background:var(--wx-sidebar);padding:32px 24px}
body:has(input[name="link_store_id"]) .container{background:var(--wx-surface);border:1px solid var(--wx-border);border-radius:12px;padding:16px;margin:28px auto;max-width:640px;box-shadow:var(--wx-shadow)}
@media(max-width:767px){body:has(input[name="link_store_id"]) .container{margin:20px 16px}body:has(input[name="link_store_id"]) input{min-width:0}}
/* Review corrections: header contrast, mobile navigation, readable metrics. */
body:has(input[name="link_store_id"]) header h1{color:#edf4f8}
body:has(input[name="link_store_id"]) header .sub{color:#a9bbc7}
.app-shell .stat-label,.app-shell .stat-value{display:block}
.app-shell .stat-value{margin:10px 0 5px}
body:has(.app-shell) .wolftour-fab{position:absolute!important;top:28px!important;bottom:auto!important;right:24px!important;background:var(--wx-surface)!important;color:var(--wx-text)!important;border:1px solid var(--wx-border)!important;border-radius:8px!important;box-shadow:none!important;font-family:inherit!important;font-size:12px!important;padding:8px 12px!important}
.wx-glyph{font-size:0!important;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;flex:0 0 1.2rem}
.wx-glyph::after{content:'';display:block;width:100%;height:100%;background:currentColor;mask:var(--wx-glyph-icon) center/contain no-repeat}
.card-icon,.category-icon{background:var(--brand-soft)!important;color:var(--wx-accent)!important;border:1px solid color-mix(in srgb,var(--wx-accent) 15%,transparent);box-shadow:none!important;border-radius:9px!important}
.card-icon .wx-glyph,.type-btn-icon .wx-glyph{width:22px;height:22px}
.type-btn-icon{color:var(--wx-accent)}
.theme-toggle-btn,.gsearch-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;box-shadow:none!important;border:1px solid var(--wx-border)!important;background:var(--wx-surface)!important;color:var(--wx-text)!important}
@media(max-width:767px){
 .gsearch-toggle-btn{top:8px!important;right:58px!important;z-index:102!important}
 .app-shell .sidebar>div:has(>.sidebar-link){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .app-shell .sidebar-brand{padding-right:90px}
 body:has(.app-shell) .wolftour-fab{top:18px!important;right:16px!important;padding:6px 9px!important;font-size:11px!important}
 .wc-line-owner-row{flex-wrap:wrap;max-width:100%}
 .wc-line-owner-select{min-width:0!important;max-width:100%!important;width:100%}
 .wc-list-header select{min-width:0!important;width:100%;max-width:100%}
 .chat-messages{padding:16px!important;min-height:340px}
 .chat-message{max-width:100%}
 .chat-bubble{max-width:100%!important}
}
.wx-glyph{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%208h8m-8%204h8m-8%204h4%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="🔍"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22m15%2015%206%206%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="🌙"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2014A8%208%200%200%201%2010%204a8%208%200%201%200%2010%2010Z%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="☀"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M12%202v2m0%2016v2M2%2012h2m16%200h2M5%205l2%202m10%2010%202%202M5%2019l2-2M17%207l2-2%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="📊"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203v18h17M8%2016v-5m5%205V6m5%2010v-8%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="📅"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M16%203v4M8%203v4M3%2011h18%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="👤"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="💬"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a8%208%200%200%201-8%208H7l-4%203V7a4%204%200%200%201%204-4h10a4%204%200%200%201%204%204Z%22/%3E%3Cpath%20d%3D%22M7%208h10M7%2012h7%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="⚡"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m13%202-9%2012h7l-1%208%2010-12h-7Z%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="📦"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205v9l-9%205-9-5V8Zm0%209%209-4m-9%204L3%208m9%204v10%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="📞"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h4l2%205-3%202a15%2015%200%200%200%206%206l2-3%205%202v4a2%202%200%200%201-2%202A18%2018%200%200%201%203%205a2%202%200%200%201%202-2Z%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="🔒"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2010V6a4%204%200%200%201%208%200v4m-4%205v3%22/%3E%3C/svg%3E")}
@media(max-width:767px){
 .app-shell .sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 .app-shell .sidebar-brand,.app-shell .sidebar-footer{grid-column:1/-1}
 .chat-msg{gap:10px!important}
 .chat-msg>div:not(.chat-avatar){min-width:0;flex:1}
 .chat-bubble{padding:14px!important;font-size:14px!important}
 .wc-line-owner{flex-wrap:wrap!important}
 .wc-line-owner select{min-width:0!important;max-width:100%!important}
}
body.dark-mode .content-area table th{background:var(--wx-bg)!important;color:var(--wx-muted)!important;border-color:var(--wx-border)!important}
body.dark-mode .content-area table td{border-color:var(--wx-border)!important}
body.dark-mode .content-area table a{color:var(--brand-secondary)!important}
body.dark-mode input[type=date]{color-scheme:dark}
.wx-glyph[data-glyph="🏆"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203h8v7a4%204%200%200%201-8%200Zm0%202H4v4a4%204%200%200%200%204%204m8-8h4v4a4%204%200%200%201-4%204m-4%201v7m-4%200h8%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="🔥"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203c2%206%207%207%207%2012a7%207%200%200%201-14%200c0-3%202-5%203-7%200%204%202%205%203%205%202-3%201-7%201-10Z%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="🔔"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209a6%206%200%200%201%2012%200v7l2%203H4l2-3Zm4%2013h4%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="📡"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204a16%2016%200%200%200%2016%2016M4%204l16%2016M4%204a11%2011%200%200%200%2016%200M4%204a11%2011%200%200%200%200%2016m4-2-2%204h12%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="🛡"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%209%204v6c0%205-9%2010-9%2010S3%2017%203%2012V6Zm-5%2010%203%203%207-7%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="💳"],.wx-glyph[data-glyph="💰"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M2%2010h20M6%2015h4%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="🏪"],.wx-glyph[data-glyph="🏢"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010h18l-2-7H5ZM5%2010v11h14V10M9%2021v-7h6v7%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="🐺"],.wx-glyph[data-glyph="🤖"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%2216%22%20height%3D%2214%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M12%202v4M8%2011h1m6%200h1m-8%205h8M1%2010v6m22-6v6%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="🎓"],.wx-glyph[data-glyph="📚"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m2%208%2010-5%2010%205-10%205Zm4%202v7c4%203%208%203%2012%200v-7m4-2v9%22/%3E%3C/svg%3E")}
.wx-glyph[data-glyph="📈"]{--wx-glyph-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017%209%2011l4%204%208-10m-6%200h6v6%22/%3E%3C/svg%3E")}

.empty-state>div>.wx-glyph{width:40px;height:40px;color:var(--wx-accent)}
@media(max-width:767px){.chat-box{height:auto!important;min-height:0}.chat-messages{flex:none;min-height:0!important;max-height:420px}.chat-msg{max-width:100%!important}.wc-line-owner-box{flex-wrap:wrap}.wc-line-owner-select{flex-basis:100%}.chat-input-bar{flex-shrink:0}}

/* Jerarquía visual · noche 20261016 */
:root{--wx-radius:16px;--wx-shadow:0 4px 24px #152b3b10}
.content-area .page-title{font-size:34px!important;font-weight:800!important}
.stat-card,.stat-box,.resumen-box{border-top:3px solid var(--wx-accent)!important}
.stat-number,.stat-value,.kpi-value{font-weight:800!important;font-size:38px}
.sidebar-menu a.active{box-shadow:inset 3px 0 var(--wx-accent)!important}
.login-box{border-top:4px solid var(--wx-accent)!important}
@media(max-width:767px){.content-area .page-title{font-size:28px!important}}