:root{--red:#e30613;--red2:#b90f18;--ink:#17191d;--muted:#69737e;--line:#e4e8ec;--bg:#f4f6f8;--green:#008c98;--amber:#e59a19;--blue:#15b2ff;--purple:#7754d8;--cyan:#008c98;--pink:#ff78c9;--shadow:0 16px 48px rgba(18,24,32,.1);--soft:0 8px 24px rgba(18,24,32,.075)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button,a{transition:.18s}.login-body{background:#111419}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-visual{padding:54px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:#17191d}.login-logo{width:210px;max-width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 4px 18px rgba(0,0,0,.18))}.aura-kicker,.eyebrow{font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--red)}.login-visual h1{font-size:clamp(44px,7vw,82px);line-height:.92;letter-spacing:-.06em;margin:14px 0 20px}.login-visual p{max-width:500px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.72)}.login-visual small{color:rgba(255,255,255,.42)}.login-panel{background:#fff;display:grid;place-items:center;padding:36px}.login-card{width:min(470px,100%)}.login-card h2{font-size:30px;margin:10px 0 7px;letter-spacing:-.04em}.login-card>p{color:var(--muted);margin:0}.form-stack{display:grid;gap:14px;margin-top:26px}.form-stack label,.form-field{font-size:12px;font-weight:800;display:grid;gap:7px}.form-stack input,.form-field input,.form-field select,.form-field textarea,.control{width:100%;border:1px solid var(--line);background:#fff;padding:11px 12px;border-radius:11px;outline:none;color:var(--ink)}textarea{min-height:100px;resize:vertical}.form-stack input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.control:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(227,6,19,.08)}.form-error{margin-top:18px;padding:12px 13px;border-radius:11px;background:#fff0f1;color:#a31820;font-weight:750}.demo-access{margin-top:20px;padding:13px 14px;border:1px dashed #ccd2d8;border-radius:12px;background:#fafbfc;color:var(--muted);font-size:12px;line-height:1.65}.btn{border:1px solid transparent;border-radius:10px;padding:10px 13px;font-weight:850;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:7px}.btn.primary{background:var(--red);color:#fff;box-shadow:0 10px 22px rgba(227,6,19,.17)}.btn.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn.light{background:#fff;color:var(--red2)}.btn.ghost-light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}.btn.danger{background:#fff0f1;color:#a71820;border-color:#f4c9cc}.btn.small{padding:8px 10px;font-size:11px}.btn.wide{width:100%}.btn:hover{transform:translateY(-1px)}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#17191d;padding:22px 16px;color:#fff;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:4px 7px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:124px;max-width:100%;height:auto;display:block;object-fit:contain}.brand div{padding-left:12px;border-left:1px solid rgba(255,255,255,.18)}.brand strong{display:block;font-size:18px;text-transform:lowercase}.brand span{display:block;font-size:10px;color:rgba(255,255,255,.45)}.nav{display:grid;gap:6px;margin-top:21px}.nav-item{border:0;background:transparent;color:rgba(255,255,255,.67);display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;font-weight:750;text-align:left;cursor:pointer}.nav-item span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.07)}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:var(--red);color:#fff;box-shadow:0 12px 25px rgba(227,6,19,.2)}.side-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px 6px 9px;border-top:1px solid rgba(255,255,255,.08)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-weight:900}.side-user strong{display:block;font-size:12px}.side-user span{display:block;font-size:10px;color:rgba(255,255,255,.5)}.logout{color:rgba(255,255,255,.55);font-size:11px;text-decoration:none;padding:7px 6px}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;min-height:70px;padding:13px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(244,246,248,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.top-left{display:flex;align-items:center;gap:11px}.top-left h1{font-size:19px;margin:0}.top-left p{font-size:11px;color:var(--muted);margin:3px 0 0}.top-actions,.toolbar-actions,.panel-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 10px;cursor:pointer}.notif-count{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:var(--red);color:#fff;font-size:9px}.content{padding:22px 24px 44px}.view{display:none}.view.active{display:block}.hello-card{border-radius:20px;padding:24px 26px;color:#fff;background:#20242b;box-shadow:var(--shadow);display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.hello-card h2{font-size:24px;margin:8px 0 5px}.hello-card p{margin:0;color:rgba(255,255,255,.67)}.hello-actions{display:flex;gap:9px}.dashboard-filters{display:flex;gap:10px;margin:16px 0}.dashboard-filters label{font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase}.dashboard-filters select{display:block;margin-top:5px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:15px 0}.stats-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--soft)}.stat-label{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:900}.stat-value{font-size:22px;font-weight:900;margin-top:10px}.stat-note{font-size:10px;color:var(--muted);margin-top:5px}.dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--soft)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.panel-head h3{font-size:15px;margin:0}.panel-head p,.section-sub{font-size:11px;color:var(--muted);margin:4px 0 0}.monthly-chart{height:250px;display:flex;align-items:flex-end;gap:10px;padding:18px 8px 0;border-top:1px solid #edf0f2}.month-col{flex:1;min-width:32px;text-align:center}.month-bar-wrap{height:190px;display:flex;align-items:flex-end;justify-content:center}.month-bar{width:min(30px,75%);border-radius:8px 8px 3px 3px;background:var(--red);position:relative;min-height:4px}.month-bar:hover:after{content:attr(data-value);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#17191d;color:#fff;padding:5px 7px;border-radius:7px;font-size:9px;white-space:nowrap}.month-label{font-size:9px;color:var(--muted);margin-top:8px}.stack-list{display:grid;gap:9px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f2}.list-row:last-child{border-bottom:0}.list-row strong{font-size:11px}.list-row span{font-size:10px;color:var(--muted)}.alert-row{padding:11px 12px;border-radius:11px;border-left:4px solid var(--amber);background:#fff8e9}.alert-row.danger{border-left-color:var(--red);background:#fff1f2}.alert-row.good{border-left-color:var(--green);background:#edfaf4}.alert-row strong{display:block;font-size:11px}.alert-row span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;background:#fafbfc;color:var(--muted);font-size:9px;text-transform:uppercase;padding:11px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid #edf0f2;font-size:11px}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.filters{display:flex;gap:8px;flex-wrap:wrap}.control{width:auto;min-width:160px;padding:9px 11px}.funnel-help{font-size:11px;color:var(--muted);background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:11px;margin-bottom:12px}.kanban{display:grid;grid-template-columns:repeat(6,minmax(265px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px;align-items:start}.kanban-col{background:var(--col-bg);border:1px solid var(--col-line);border-radius:15px;padding:10px;min-height:565px}.kanban-col.dragover{outline:3px dashed var(--col-color)}.col-head{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 11px}.col-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900}.col-dot{width:9px;height:9px;border-radius:50%;background:var(--col-color)}.col-count{font-size:9px;font-weight:900;background:#fff;padding:4px 7px;border-radius:999px}.lead-list{display:grid;gap:9px}.lead-card{background:#fff;border:1px solid #e1e5e9;border-top:4px solid var(--card-color);border-radius:12px;padding:12px;box-shadow:0 5px 15px rgba(18,24,32,.06);cursor:grab}.lead-card.dragging{opacity:.42}.lead-card h4{font-size:12px;margin:0}.lead-card .contact{font-size:10px;color:var(--muted);margin-top:4px}.lead-amount{font-size:16px;font-weight:900;margin-top:10px}.badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.badge{font-size:8px;font-weight:900;padding:5px 7px;border-radius:999px;background:#f1f3f5;color:#59636e}.badge.category{background:#eef4ff;color:var(--card-color)}.lead-meta{display:flex;justify-content:space-between;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #edf0f2;font-size:9px;color:var(--muted)}.card-actions{display:flex;gap:5px;margin-top:9px}.card-actions button{flex:1;border:0;border-radius:8px;padding:7px 5px;font-size:9px;font-weight:850;cursor:pointer}.advance{background:#eef4ff;color:#285fbd}.sale-action{background:var(--green)!important;color:#fff!important}.detail-action{background:#f1f3f5}.empty{padding:24px 12px;text-align:center;border:1px dashed #ccd2d8;background:#fff;border-radius:12px;color:var(--muted);font-size:10px}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.client-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--soft);cursor:pointer}.client-card:hover{transform:translateY(-2px)}.client-top{display:flex;justify-content:space-between;gap:12px}.client-card h3{font-size:13px;margin:0}.client-card .rut{font-size:9px;color:var(--muted);margin-top:4px}.zone-pill{font-size:9px;font-weight:900;padding:5px 7px;border-radius:999px;background:#eef4ff;color:#2e69cc}.stock-box{margin-top:14px;padding:11px;border-radius:11px;background:#f6f8fa}.stock-line{display:flex;justify-content:space-between;font-size:10px}.stock-line strong{font-size:12px}.stock-track{height:7px;border-radius:999px;background:#e4e8ec;margin-top:8px;overflow:hidden}.stock-fill{height:100%;border-radius:999px;background:var(--green)}.stock-fill.over{background:var(--red)}.client-foot{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-size:9px;color:var(--muted)}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.task-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:13px;padding:14px;box-shadow:var(--soft)}.task-card.overdue{border-left-color:var(--red)}.task-card.done{opacity:.57;border-left-color:var(--green)}.task-card h3{font-size:12px;margin:0}.task-card p{font-size:10px;color:var(--muted)}.task-meta{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-title{font-size:18px;margin:0}.hint{font-size:10px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(12,15,19,.64);backdrop-filter:blur(5px);z-index:80;display:grid;place-items:center;padding:18px}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:19px;box-shadow:0 30px 95px rgba(0,0,0,.3)}.modal.wide{width:min(1050px,100%)}.modal-head{display:flex;justify-content:space-between;gap:12px;padding:19px 21px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px;margin:0}.modal-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.close-btn{border:0;background:#f0f2f4;width:32px;height:32px;border-radius:9px;cursor:pointer}.modal-body{padding:20px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-item{padding:11px;background:#f7f8fa;border-radius:10px}.detail-item span{font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:900}.detail-item strong{display:block;font-size:11px;margin-top:5px}.tabs{display:flex;gap:6px;margin:16px 0 10px;border-bottom:1px solid var(--line)}.tab-btn{border:0;background:transparent;padding:9px 10px;font-size:10px;font-weight:900;color:var(--muted);cursor:pointer}.tab-btn.active{color:var(--red);border-bottom:2px solid var(--red)}.tab-panel{display:none}.tab-panel.active{display:block}.toast{position:fixed;right:20px;bottom:20px;background:#17191d;color:#fff;padding:12px 14px;border-radius:11px;font-size:11px;font-weight:800;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.22s;z-index:120}.toast.show{opacity:1;transform:translateY(0)}.mobile-only{display:none}@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.client-grid,.task-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:246px;transition:.22s}.sidebar.open{left:0}.mobile-only{display:inline-flex}.desktop-only{display:none}.content{padding:17px 14px 35px}.topbar{padding:12px 14px}.hello-card{align-items:flex-start;flex-direction:column}.dash-grid,.settings-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.client-grid,.task-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:40vh;padding:30px}.login-visual h1{font-size:46px}.login-panel{padding:28px 20px}.stats-grid,.stats-grid.compact{grid-template-columns:1fr 1fr}.client-grid,.task-grid{grid-template-columns:1fr}.section-toolbar{align-items:stretch;flex-direction:column}.filters,.toolbar-actions{width:100%}.control{width:100%}.hello-actions{width:100%;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.detail-grid{grid-template-columns:1fr}.top-actions .secondary{display:none}}
/* aura v4.1 - componentes dinámicos */
.hidden{display:none!important}.btn.success{background:#008c98;color:#fff;box-shadow:0 10px 22px rgba(21,152,97,.18)}.btn:disabled{opacity:.55;cursor:wait;transform:none}.stat-card{display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.stat-card>div span,.stat-card.mini>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:900}.stat-card>div strong,.stat-card.mini>strong{display:block;font-size:20px;margin-top:8px}.stat-card>b{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;font-size:15px;background:#f1f3f5}.accent-green{border-top:3px solid var(--green)}.accent-green>b{color:var(--green);background:#eaf8f1}.accent-blue{border-top:3px solid var(--blue)}.accent-blue>b{color:var(--blue);background:#eef4ff}.accent-purple{border-top:3px solid var(--purple)}.accent-purple>b{color:var(--purple);background:#f2edff}.accent-orange{border-top:3px solid var(--amber)}.accent-orange>b{color:#a86700;background:#fff5e3}.accent-pink{border-top:3px solid var(--pink)}.accent-pink>b{color:var(--pink);background:#fff0f7}.stat-card.mini{display:block}.monthly-chart{height:260px;align-items:stretch}.month-col{display:grid;grid-template-rows:28px 1fr 20px;height:100%;align-items:end}.month-value{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-bar{width:100%;height:100%;background:#eef1f4;border-radius:9px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.month-bar i{display:block;width:72%;min-height:2px;border-radius:7px 7px 0 0;background:var(--red)}.month-col>span{font-size:9px;text-transform:capitalize;color:var(--muted)}.clickable{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.clickable:hover{background:#fafbfc}.list-row span{display:block}.list-row span strong{display:block;color:var(--ink);font-size:11px}.list-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.zone-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.zone-norte{background:#e28a13}.zone-centro{background:#3578f6}.zone-sur{background:#159861}.zone-extremo-sur{background:#7b57d1}.alert-row{width:100%;border:0;border-left:4px solid var(--amber);display:flex;gap:10px;text-align:left;cursor:pointer}.alert-row.stock{border-left-color:var(--red);background:#fff0f1}.alert-row.follow{border-left-color:var(--amber);background:#fff8e9}.alert-row>span{font-size:17px;margin:0}.alert-row small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.success-empty{padding:14px;border-radius:11px;background:#eaf8f1;color:#176947;font-size:11px;font-weight:800}.person{display:flex;align-items:center;gap:9px}.person>span,.mini-avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:#1d2228;color:#fff;font-size:9px;font-style:normal;font-weight:900}.person strong,.person small{display:block}.person small{font-size:9px;color:var(--muted);margin-top:2px}
.kanban{grid-template-columns:repeat(7,minmax(265px,1fr));min-width:1940px}.kanban-column{background:var(--stage-soft);border:1px solid color-mix(in srgb,var(--stage) 22%,#dfe4e8);border-radius:15px;padding:10px;min-height:580px;transition:.16s}.kanban-column.drag-over{outline:3px dashed var(--stage);transform:translateY(-2px)}.kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 11px}.kanban-column>header>div{display:grid;grid-template-columns:12px 1fr;align-items:center;gap:5px}.kanban-column>header strong{font-size:11px}.kanban-column>header small{grid-column:2;font-size:8px;color:var(--muted)}.kanban-column>header>b{font-size:9px;background:#fff;padding:5px 8px;border-radius:999px}.stage-dot{display:block;width:9px;height:9px;border-radius:50%;background:var(--stage)}.kanban-list{display:grid;gap:9px}.column-empty{padding:22px 10px;border:1px dashed color-mix(in srgb,var(--stage) 35%,#cbd2d8);border-radius:11px;color:var(--muted);font-size:9px;text-align:center}.lead-card{border-top-color:var(--stage);position:relative}.lead-card.category-ope{border-top-color:#18a56f}.lead-card.category-herramientas{border-top-color:#3578f6}.lead-card.category-birumen{border-top-color:#008c98}.lead-card.category-accesorios{border-top-color:#7b57d1}.lead-card.category-otros{border-top-color:#6c7580}.lead-card-top{display:flex;justify-content:space-between;align-items:center}.category-badge{display:inline-flex;padding:5px 7px;border-radius:999px;background:#f1f3f5;color:#55606b;font-size:8px;font-weight:900}.dots{border:0;background:transparent;color:#89919a;cursor:pointer;padding:2px 4px}.lead-card h4{margin:8px 0 0}.lead-card p{font-size:9px;color:var(--muted);margin:4px 0 0}.lead-amount{display:block}.lead-meta span{display:flex;align-items:center;gap:5px}.mini-avatar{width:22px;height:22px;font-size:7px}.lead-actions{margin-top:9px}.quick{width:100%;border:0;border-radius:8px;padding:8px;font-size:9px;font-weight:900;background:#eaf3ff;color:#2764bb;cursor:pointer}.quick.won{background:#e8f8f0;color:#126c47}.quick.muted{background:#f1f3f5;color:#5f6872}
.client-card{cursor:default}.client-card.overstock{border-top:3px solid var(--red)}.client-card-head{display:flex;align-items:center;gap:10px}.client-icon,.profile-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#47484b;color:#fff;font-size:11px;font-weight:900}.client-card-head h3{margin:0;font-size:12px}.client-card-head p{margin:3px 0 0;color:var(--muted);font-size:9px}.client-grid-data{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.client-grid-data span{padding:8px;background:#f7f8fa;border-radius:9px;min-width:0}.client-grid-data small,.client-grid-data strong{display:block}.client-grid-data small{font-size:8px;text-transform:uppercase;color:var(--muted)}.client-grid-data strong{font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-box>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:9px}.stock-box strong{font-size:10px}.stock-track i{display:block;height:100%;background:var(--green);border-radius:999px}.overstock .stock-track i{background:var(--red)}.stock-warning{display:block;margin-top:7px;color:var(--red);font-size:8px;font-weight:900}.client-card-actions{display:flex;gap:7px;margin-top:12px}.client-card-actions .btn{flex:1}.link-btn{border:0;background:transparent;color:#2868c5;font-weight:850;cursor:pointer;padding:0}.file-link{color:#2868c5;text-decoration:none;font-weight:750}.status-pill{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}.status-pill.active{background:#eaf8f1;color:#176947}.status-pill.inactive{background:#fff0f1;color:#a71820}
.task-card{display:grid;grid-template-columns:32px 1fr 24px;gap:10px;align-items:start}.task-check{width:28px;height:28px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--green);font-weight:900;cursor:pointer}.task-card h3{margin:5px 0 2px}.task-card p{margin:0 0 5px}.task-card small{font-size:9px;color:var(--muted)}.task-date{font-size:8px;font-weight:900;color:var(--blue)}.task-date.late{color:var(--red)}
.modal-head h3{font-size:17px;margin:0}.modal-close{border:0;background:#f0f2f4;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line);flex-wrap:wrap}.form-field>span{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.checkbox{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750}.checkbox input{width:auto}.action-highlight{display:flex;gap:11px;padding:13px;border-radius:12px;background:#effaf6;border:1px solid #ccebdd;margin-bottom:15px}.action-highlight>span{font-size:20px}.action-highlight strong{font-size:11px}.action-highlight p{font-size:9px;color:var(--muted);margin:4px 0 0}.client-profile{padding-bottom:6px}.profile-top{display:flex;align-items:center;gap:14px}.profile-icon{width:58px;height:58px;font-size:14px}.profile-data{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;flex:1}.profile-data span,.profile-stock>div{padding:9px;background:#f7f8fa;border-radius:9px}.profile-data small,.profile-data strong,.profile-stock span,.profile-stock strong{display:block}.profile-data small,.profile-stock span{font-size:8px;color:var(--muted);text-transform:uppercase}.profile-data strong,.profile-stock strong{font-size:10px;margin-top:4px}.profile-stock{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.profile-actions{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.tabs button{border:0;background:transparent;padding:9px 10px;font-size:9px;font-weight:900;color:var(--muted);cursor:pointer}.tabs button.active{color:var(--red);border-bottom:2px solid var(--red)}.tab-content{display:none}.tab-content.active{display:block}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.document-card{display:flex;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink)}.document-card>span{font-size:19px}.document-card strong,.document-card small{display:block}.document-card strong{font-size:10px}.document-card small{font-size:8px;color:var(--muted);margin-top:3px}.timeline{display:grid;gap:10px}.timeline>div{display:flex;gap:9px}.timeline i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #fff0f1}.timeline strong,.timeline small{display:block}.timeline strong{font-size:10px}.timeline small{font-size:8px;color:var(--muted);margin-top:3px}.notification-list{display:grid;gap:8px}.notification{display:flex;gap:10px;padding:11px;background:#f7f8fa;border-radius:10px}.notification.read{opacity:.6}.notification>span{font-weight:900;color:var(--red)}.notification strong,.notification p,.notification small{display:block}.notification strong{font-size:10px}.notification p{font-size:9px;color:var(--muted);margin:3px 0}.notification small{font-size:8px;color:var(--muted)}.toast.error{background:#a71820}.toast.success{background:#17191d}
@media(max-width:900px){.kanban{min-width:1940px}.profile-data,.profile-stock{grid-template-columns:1fr 1fr}.document-grid{grid-template-columns:1fr}}@media(max-width:640px){.profile-top{align-items:flex-start}.profile-data{grid-template-columns:1fr}.profile-stock{grid-template-columns:1fr 1fr}.client-card-actions{flex-direction:column}.monthly-chart{overflow-x:auto}.month-col{min-width:42px}.modal-actions .btn{flex:1}.stat-card>div strong{font-size:17px}}


/* aura 4.2 · gráficos limpios y búsqueda rápida de clientes */
.monthly-chart{height:auto;min-height:285px;display:block;position:relative}
.clean-chart-summary{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin:-4px 2px 6px;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:850;letter-spacing:.04em}
.clean-chart-summary strong{color:var(--ink);font-size:13px;letter-spacing:0;text-transform:none}
.clean-chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden}
.clean-sales-chart{display:block;width:100%;min-width:720px;height:auto;overflow:visible}
.chart-grid line{stroke:#e8ebee;stroke-width:1}
.chart-grid text{fill:#8a939d;font-size:9px;font-weight:700}
.chart-month{fill:#7b858f;font-size:9px;text-transform:capitalize}
.chart-area{fill:url(#auraChartArea)}
.chart-line{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.chart-point circle:first-child{fill:#fff;stroke:var(--red);stroke-width:3}
.chart-point .chart-hit{fill:transparent;stroke:transparent;cursor:pointer}
.chart-point:hover circle:first-child{fill:var(--red);r:5}
.clean-chart-empty{min-height:245px;display:grid;place-content:center;text-align:center;color:var(--muted)}
.clean-chart-empty>span{font-size:26px;color:#c8ced4}
.clean-chart-empty strong{font-size:12px;color:var(--ink);margin-top:8px}
.clean-chart-empty small{font-size:9px;margin-top:4px}

.client-picker-field{position:relative;z-index:12}
.client-picker-control{position:relative;display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:11px;transition:.18s}
.client-picker-control:focus-within{border-color:var(--red);box-shadow:0 0 0 4px rgba(227,6,19,.08)}
.client-picker-control>b{position:absolute;left:11px;color:#8a939d;font-size:13px;pointer-events:none}
.form-field .client-picker-search{border:0!important;box-shadow:none!important;padding-left:32px;padding-right:35px;background:transparent}
.client-picker-clear{position:absolute;right:7px;width:25px;height:25px;border:0;border-radius:8px;background:#f0f2f4;color:#69737e;font-size:16px;cursor:pointer}
.client-picker-help{font-size:8px;color:var(--muted);font-weight:650}
.client-picker-results{display:none;position:absolute;left:0;right:0;top:67px;z-index:40;max-height:290px;overflow:auto;background:#fff;border:1px solid #dce1e6;border-radius:12px;padding:6px;box-shadow:0 18px 45px rgba(18,24,32,.18)}
.client-picker-results.open{display:grid;gap:4px}
.client-picker-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:#fff;padding:10px;border-radius:9px;text-align:left;cursor:pointer}
.client-picker-option:hover,.client-picker-option.active{background:#fff0f1}
.client-picker-option span{min-width:0}
.client-picker-option strong,.client-picker-option small{display:block}
.client-picker-option strong{font-size:10px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-picker-option small{font-size:8px;color:var(--muted);margin-top:3px}
.client-picker-option em{font-size:8px;font-style:normal;font-weight:900;color:#5e6974;background:#f1f3f5;padding:5px 7px;border-radius:999px;white-space:nowrap}
.client-picker-empty{padding:14px 10px;color:var(--muted);font-size:9px;text-align:center}
@media(max-width:640px){
  .clean-sales-chart{min-width:640px}
  .clean-chart-summary{justify-content:flex-start}
  .client-picker-results{position:fixed;left:16px;right:16px;top:auto;max-height:42vh}
}


/* logos ajustados */
.brand{align-items:center}
.brand div{padding-left:10px}
.login-logo,.brand img{
  image-rendering:auto;
  background:transparent !important;
}


/* aura 4.3 · integración webhook */
.webhook-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.integration-status{margin-top:11px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#f7f8fa;color:var(--muted);font-size:9px;font-weight:750;line-height:1.45}
.integration-status.success{border-color:#bfe8d5;background:#edfaf4;color:#10734c}
.integration-status.error{border-color:#f0c3c7;background:#fff1f2;color:#a51c24}
.integration-status.loading{border-color:#c8d9f6;background:#eef4ff;color:#285fbd}
@media(max-width:640px){
  .webhook-actions .btn{flex:1 1 calc(50% - 7px)}
}

/* aura 5 UX/UI */
.content{max-width:1600px;margin:auto}.side-user{width:100%;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.workspace-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.workspace-head h2{font-size:24px;margin:5px 0 4px}.workspace-head p{margin:0;color:var(--muted);font-size:11px}.form-section-title{display:flex;justify-content:space-between;margin:8px 0 12px;padding-bottom:9px;border-bottom:1px solid #edf0f2}.form-section-title span{font-weight:900;font-size:12px}.form-section-title small{font-size:9px;color:var(--muted)}.logo-uploader{display:grid;gap:7px;font-size:12px;font-weight:800}.logo-uploader input{display:none}.logo-upload-box{display:flex;align-items:center;gap:12px;padding:13px;border:1px dashed #cfd5db;border-radius:13px;background:#fafbfc;cursor:pointer}.logo-upload-box img,.logo-upload-box>b{width:58px;height:58px;object-fit:contain;border:1px solid #e4e8ec;border-radius:13px;display:grid;place-items:center}.logo-upload-box strong,.logo-upload-box small{display:block}.logo-upload-box small{font-size:9px;color:var(--muted);margin-top:4px}.client-logo{width:50px;height:50px;border:1px solid #e4e8ec;border-radius:13px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.client-logo img{width:100%;height:100%;object-fit:contain;padding:5px}.client-logo span{font-weight:900;color:var(--red)}.client-heading{flex:1;min-width:0}.client-title-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.client-type{font-size:8px;font-weight:900;padding:4px 7px;border-radius:999px}.client-type.recurring{background:#eaf8f1;color:#14794f}.client-type.one-time{background:#f1f3f5;color:#68727d}.profile-client-logo{width:100%;height:100%;object-fit:contain}.readonly-field input{background:#f1f3f5!important}.readonly-field small{font-size:8px;color:var(--muted)}.route-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.route-list,.daily-agenda{display:grid;gap:9px}.route-card{display:grid;grid-template-columns:95px 1fr auto;gap:12px;align-items:center;width:100%;border:1px solid #e5e9ed;background:#fff;border-radius:13px;padding:12px;text-align:left;cursor:pointer}.route-card strong,.route-card small{display:block}.route-card small{font-size:9px;color:var(--muted);margin-top:4px}.route-card em{font-style:normal;color:var(--red);font-size:9px;font-weight:900}.agenda-day{padding:12px;border:1px solid #e5e9ed;border-radius:13px}.agenda-day>div{display:flex;justify-content:space-between}.agenda-day p{border-top:1px solid #edf0f2;padding-top:8px}.agenda-day b,.agenda-day small{display:block}.agenda-day small{font-size:8px;color:var(--muted)}.route-client-results,.selected-route-clients{display:grid;gap:6px;margin-top:8px}.route-client-results button{border:1px solid #e5e9ed;background:#fff;border-radius:10px;padding:9px;display:flex;justify-content:space-between;text-align:left}.route-client-results strong,.route-client-results small{display:block}.route-client-results small{font-size:8px;color:var(--muted)}.selected-route-client{display:grid;grid-template-columns:28px 1fr 28px;gap:9px;align-items:center;padding:9px;background:#f7f8fa;border-radius:10px}.selected-route-client>b{width:25px;height:25px;background:var(--ink);color:#fff;border-radius:8px;display:grid;place-items:center}.selected-route-client strong,.selected-route-client small{display:block}.selected-route-client small{font-size:8px;color:var(--muted)}.route-empty{font-size:9px;color:var(--muted);padding:12px;text-align:center}.route-stops{display:grid;gap:8px;margin-top:13px}.route-stops>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #e5e9ed;border-radius:11px}.route-stops b{width:27px;height:27px;background:var(--red);color:#fff;border-radius:9px;display:grid;place-items:center}.route-stops strong,.route-stops small{display:block}.route-stops small,.route-note{font-size:8px;color:var(--muted)}.status-hero{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid #cde9db;background:#effaf4;border-radius:15px;margin-bottom:14px}.status-hero>span{width:12px;height:12px;border-radius:50%;background:#169968}.status-hero strong,.status-hero small{display:block}.status-hero small{font-size:9px;color:#527366}.status-components{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.status-component{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid #e5e9ed;border-radius:12px}.status-dot{width:9px;height:9px;border-radius:50%;background:#169968}.status-dot.attention{background:#e59a19}.status-component strong,.status-component small{display:block}.status-component small{font-size:8px;color:var(--muted)}.status-component em{font-style:normal;font-size:8px;font-weight:900}.region-assignment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.region-assignment-grid label{display:grid;gap:5px;padding:9px;background:#f7f8fa;border-radius:10px}.region-assignment-grid span{font-size:8px;font-weight:900}.region-assignment-grid select{border:1px solid #dde2e7;border-radius:8px;padding:8px;background:#fff}@media(max-width:900px){.route-layout{grid-template-columns:1fr}.region-assignment-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.workspace-head{flex-direction:column;align-items:stretch}.status-components,.region-assignment-grid{grid-template-columns:1fr}.route-card{grid-template-columns:80px 1fr}.route-card em{display:none}}


/* aura 5.1 · navegación fija, funnel ejecutivo, mapas y carga visual */
@media(min-width:901px){
  .app-shell{display:block}
  .sidebar{position:fixed!important;left:0;top:0;width:246px;height:100vh}
  .main{margin-left:246px;min-width:0}
}
.avatar img,.person>span img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.view-switch{display:inline-flex;padding:3px;background:#e9edf1;border-radius:10px}
.view-switch button{width:34px;height:32px;border:0;border-radius:8px;background:transparent;color:#66717c;font-size:16px;cursor:pointer}
.view-switch button.active{background:#fff;color:var(--red);box-shadow:0 4px 12px rgba(20,25,33,.1)}
.funnel-summary{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--soft)}
.summary-funnel-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px}
.summary-funnel-head div{display:grid;gap:4px}
.summary-funnel-head span{font-size:9px;color:var(--muted);font-weight:900;text-transform:uppercase}
.summary-funnel-head strong{font-size:18px}
.summary-funnel-shape{display:flex;flex-direction:column;align-items:center;gap:7px}
.summary-stage{min-height:54px;background:var(--funnel-color);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-radius:5px}
.summary-stage span{font-size:11px;font-weight:850}.summary-stage strong{font-size:23px}.summary-stage small{text-align:right;color:rgba(255,255,255,.82);font-size:10px}
.summary-lost{margin:13px auto 0;width:min(44%,420px);padding:10px 15px;border:1px solid #f1c9cc;background:#fff1f2;color:#b5252c;border-radius:10px;display:flex;justify-content:space-between;font-size:11px;font-weight:900}
.category-badge{border:1px solid transparent}
.category-ope .category-badge{background:#eaf8f1!important;color:#14794f!important;border-color:#c8ead8}
.category-herramientas .category-badge{background:#eef4ff!important;color:#2864c2!important;border-color:#d4e2fb}
.category-birumen .category-badge{background:#eaf9fb!important;color:#087f91!important;border-color:#c9edf2}
.category-accesorios .category-badge{background:#f4efff!important;color:#6e49bd!important;border-color:#e1d7fa}
.category-otros .category-badge{background:#fff4df!important;color:#9d650e!important;border-color:#f3dfb9}

.upload-status{font-size:9px;color:var(--muted);margin-top:5px;font-weight:700}
.upload-status.success{color:#14794f}
.upload-status.error{color:#b5252c}
.map-picker{margin:13px 0;padding:13px;border:1px solid #e3e7eb;border-radius:14px;background:#fafbfc}
.map-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.map-picker-head strong,.map-picker-head small{display:block}
.map-picker-head strong{font-size:11px}.map-picker-head small{font-size:8px;color:var(--muted);margin-top:4px}
.map-picker-head>div:last-child{display:flex;gap:6px}
.client-map{height:300px;border-radius:12px;overflow:hidden;background:#e8ecef}
.map-fallback{height:100%;display:grid;place-items:center;text-align:center;padding:20px;color:var(--muted);font-size:10px}
.form-field select:disabled{background:#f0f2f4;color:#929aa3;cursor:not-allowed}
.origin-field{display:flex;gap:7px}.origin-field input{flex:1}
.btn.whatsapp{background:#20a867;color:#fff;border-color:#20a867}
.exact-location{display:inline-flex;margin-top:11px;color:#2864c2;text-decoration:none;font-size:10px;font-weight:850}
.user-photo-box img{object-fit:cover}
.person>span{overflow:hidden}
.person>span img{display:block}
.hidden{display:none!important}

/* Login móvil simplificado */
.mobile-login-brand{display:none}
@media(max-width:900px){
  .main{margin-left:0}
}
@media(max-width:640px){
  .login-body{background:#f4f6f8}
  .login-shell{display:block;min-height:100vh}
  .login-visual{display:none!important}
  .login-panel{min-height:100vh;padding:22px 18px;background:#f4f6f8}
  .login-card{background:#fff;border:1px solid #e4e8ec;border-radius:18px;padding:23px;box-shadow:0 15px 45px rgba(20,25,33,.1)}
  .mobile-login-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #edf0f2}
  .mobile-login-brand img{width:112px;background:#e30613;padding:6px;border-radius:6px}
  .mobile-login-brand strong{font-size:24px;letter-spacing:-.05em}
  .login-card h2{font-size:25px}
  .login-card .eyebrow{font-size:9px}
  .summary-funnel-head{flex-direction:column}
  .summary-stage{width:100%!important;clip-path:none;border-radius:10px;padding:0 14px}
  .summary-lost{width:100%}
  .map-picker-head{align-items:flex-start;flex-direction:column}
  .map-picker-head>div:last-child{width:100%;flex-wrap:wrap}
  .client-map{height:240px}
}

.commission-privacy{margin:10px 0 0;padding:10px 11px;border-radius:10px;background:#f4f6f8;color:#6c7680;font-size:9px;font-weight:700}


/* aura 5.2 · Seguimiento estilo Notion y selector visible de funnel */
.view-switch{border:1px solid #dfe4e8;background:#f3f5f7}
.view-switch::before{content:"Vista";display:flex;align-items:center;padding:0 7px;font-size:8px;font-weight:900;text-transform:uppercase;color:#7b858f}
.view-switch button{position:relative}
.view-switch button#summaryFunnelBtn::after{content:"Embudo";position:absolute;top:37px;left:50%;transform:translateX(-50%);font-size:8px;color:#7b858f;white-space:nowrap;opacity:0;pointer-events:none}
.view-switch button#summaryFunnelBtn:hover::after{opacity:1}
.task-view-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
.task-view-toolbar .filters{width:100%}
.task-view-toolbar .control{min-width:150px}
#taskSearch{flex:1;min-width:240px}
.notion-task-board{background:#fff;border:1px solid #e4e8ec;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px rgba(20,25,33,.055)}
.notion-task-table-head,.notion-task-row{display:grid;grid-template-columns:minmax(260px,2.2fr) 105px 90px 95px minmax(180px,1.35fr) 130px 38px;gap:10px;align-items:center}
.notion-task-table-head{padding:10px 13px;background:#fafbfc;border-bottom:1px solid #e7ebee;color:#7a848e;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.notion-task-list{display:grid}
.notion-task-row{padding:11px 13px;border-bottom:1px solid #edf0f2;transition:.15s}
.notion-task-row:last-child{border-bottom:0}
.notion-task-row:hover{background:#fafbfc}
.notion-task-row.done{opacity:.62}
.notion-task-title{display:flex;align-items:flex-start;gap:9px;min-width:0}
.notion-task-title>span{min-width:0}
.notion-task-title strong,.notion-task-title small{display:block}
.notion-task-title strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notion-task-title small{font-size:8px;color:#78828c;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.property-pill{justify-self:start;font-size:8px;font-weight:850;padding:5px 7px;border-radius:7px;background:#f1f3f5;color:#606a74;white-space:nowrap}
.status-pendiente{background:#fff4df;color:#9a650e}
.status-en-curso{background:#eef4ff;color:#2e66be}
.status-en-espera{background:#f4efff;color:#714bbf}
.status-completada{background:#eaf8f1;color:#157950}
.priority-baja{background:#f1f3f5;color:#68727d}
.priority-media{background:#eef4ff;color:#2d65be}
.priority-alta{background:#fff1e6;color:#b35d14}
.priority-urgente{background:#fff0f1;color:#b5232b}
.scope-personal{background:#edf8f4;color:#137750}
.scope-interarea{background:#f4efff;color:#6f49bb}
.task-area-cell{min-width:0}
.task-area-cell strong,.task-area-cell small{display:block}
.task-area-cell strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-area-cell small{font-size:8px;color:#7b858f;margin-top:3px}
.task-due{font-size:9px;color:#56616c}
.task-due.late{color:#b5232b;font-weight:900}
.notion-empty{padding:35px;text-align:center;color:#7b858f}
.notion-empty strong,.notion-empty span{display:block}
.notion-empty strong{font-size:11px;color:#333a41}
.notion-empty span{font-size:9px;margin-top:5px}
.notion-form-section{margin:5px 0 12px;padding-bottom:8px;border-bottom:1px solid #edf0f2}
.notion-form-section span{font-size:10px;font-weight:900;color:#3d454d}
.interarea-fields{margin-top:15px;padding:13px;border:1px solid #e7dffa;background:#faf8ff;border-radius:13px}
@media(max-width:1150px){
  .notion-task-table-head{display:none}
  .notion-task-row{grid-template-columns:1fr auto auto;gap:8px}
  .notion-task-title{grid-column:1/-1}
  .task-area-cell{grid-column:1/3}
  .task-due{grid-column:1/3}
}
@media(max-width:640px){
  .task-view-toolbar .filters{display:grid;grid-template-columns:1fr}
  .task-view-toolbar .control,#taskSearch{width:100%;min-width:0}
  .notion-task-row{grid-template-columns:1fr auto}
  .property-pill{justify-self:start}
  .task-area-cell,.task-due{grid-column:1/-1}
  .view-switch::before{display:none}
}


/* =========================================================
   aura 6.0 · Sales Intelligence Workspace
   ========================================================= */
:root{
  --accent-custom:#e30613;
  --surface:#ffffff;
  --surface-2:#f7f8fa;
  --surface-3:#eef1f4;
  --page:#f4f6f8;
  --text:#17191d;
  --text-soft:#69737e;
  --border:#e4e8ec;
  --shadow-v6:0 14px 38px rgba(19,25,33,.075);
}
html[data-theme="dark"]{
  --surface:#1a1d22;
  --surface-2:#20242a;
  --surface-3:#292e35;
  --page:#111318;
  --text:#f4f5f7;
  --text-soft:#a4adb7;
  --border:#30363e;
  --ink:#f4f5f7;
  --muted:#9ca6b0;
  --line:#30363e;
  --bg:#111318;
  --shadow-v6:0 16px 42px rgba(0,0,0,.28);
}
body{background:var(--page);color:var(--text)}
.main,.content{background:var(--page)}
.panel,.stat-card,.client-card,.notion-task-board,.funnel-summary-v6{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-v6)}
.topbar{background:color-mix(in srgb,var(--page) 88%,transparent);border-color:var(--border)}
.control,.form-stack input,.form-field input,.form-field select,.form-field textarea,.client-picker-control{background:var(--surface);color:var(--text);border-color:var(--border)}
.table-wrap table th{background:var(--surface-2)}
.table-wrap td,.table-wrap th{border-color:var(--border)}
.modal{background:var(--surface);color:var(--text)}
.modal-head,.modal-actions{border-color:var(--border)}
.icon-btn,.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}
.btn.primary{background:var(--accent-custom);box-shadow:0 10px 24px color-mix(in srgb,var(--accent-custom) 24%,transparent)}
.eyebrow,.aura-kicker{color:var(--accent-custom)}
.nav-item.active{background:var(--accent-custom)}
.avatar{background:var(--accent-custom)}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-soft) 72%,transparent)}
.sidebar{box-shadow:12px 0 38px rgba(10,13,18,.06)}
.quick-search-trigger{display:flex;align-items:center;gap:7px;padding:8px 10px}
.quick-search-trigger em{font-style:normal;font-size:10px;font-weight:800}
.quick-search-trigger kbd{font-size:8px;color:var(--text-soft);border:1px solid var(--border);background:var(--surface-2);padding:3px 5px;border-radius:6px}
.assistant-trigger{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--accent-custom) 24%,var(--border));background:color-mix(in srgb,var(--accent-custom) 8%,var(--surface));color:var(--accent-custom);padding:9px 11px;border-radius:10px;font-weight:900;cursor:pointer}
.assistant-trigger span{font-size:15px}.assistant-trigger em{font-style:normal;font-size:10px}

.smart-brief{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin:14px 0;padding:15px 17px;border:1px solid color-mix(in srgb,var(--accent-custom) 22%,var(--border));background:var(--surface);border-radius:16px}
.smart-brief-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-custom);color:#fff;font-size:18px}
.smart-brief span,.smart-brief strong,.smart-brief p{display:block}.smart-brief span{font-size:8px;text-transform:uppercase;font-weight:900;color:var(--accent-custom);letter-spacing:.06em}.smart-brief strong{font-size:12px;margin-top:4px}.smart-brief p{font-size:9px;color:var(--text-soft);margin:4px 0 0}

.pipeline-head{align-items:center}
.premium-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px}
.premium-switch::before{display:none}
.premium-switch button{width:auto;height:auto;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px}
.premium-switch button span{font-size:15px}.premium-switch button small{font-size:9px;font-weight:850}
.pipeline-filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.pipeline-insight-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:13px}
.pipeline-insight-bar>div{padding:12px 13px;background:var(--surface);border:1px solid var(--border);border-radius:12px}
.pipeline-insight-bar span,.pipeline-insight-bar strong{display:block}
.pipeline-insight-bar span{font-size:8px;color:var(--text-soft);text-transform:uppercase;font-weight:900}
.pipeline-insight-bar strong{font-size:16px;margin-top:6px}
.pipeline-insight-bar .danger{border-color:#efc9cc;background:color-mix(in srgb,#e30613 5%,var(--surface))}
.pipeline-insight-bar .warning{border-color:#eddcb4;background:color-mix(in srgb,#e59a19 5%,var(--surface))}

.funnel-summary-v6{padding:21px;border-radius:18px}
.pipeline-summary-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--border)}
.pipeline-summary-title span{font-size:8px;text-transform:uppercase;font-weight:900;color:var(--accent-custom);letter-spacing:.08em}
.pipeline-summary-title h3{font-size:20px;margin:6px 0 4px;letter-spacing:-.035em}
.pipeline-summary-title p{font-size:9px;color:var(--text-soft);margin:0}
.pipeline-summary-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:390px}
.pipeline-summary-kpis>div{padding:11px 12px;background:var(--surface-2);border-radius:11px}
.pipeline-summary-kpis span,.pipeline-summary-kpis strong{display:block}.pipeline-summary-kpis span{font-size:8px;color:var(--text-soft);text-transform:uppercase;font-weight:900}.pipeline-summary-kpis strong{font-size:15px;margin-top:5px}
.pipeline-flow{display:grid;grid-template-columns:repeat(11,auto);align-items:center;gap:8px;padding:24px 0 20px}
.pipeline-flow-stage{min-width:0;width:100%}
.flow-stage-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.flow-stage-head span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:900}.flow-stage-head i{width:8px;height:8px;border-radius:50%;background:var(--flow)}
.flow-stage-head b{font-size:13px}
.flow-bar{height:46px;background:var(--surface-3);border-radius:10px;margin:8px 0;display:flex;align-items:center;padding:5px;overflow:hidden}
.flow-bar i{display:block;width:var(--bar);height:100%;border-radius:7px;background:var(--flow);min-width:10px}
.pipeline-flow-stage>strong,.pipeline-flow-stage>small{display:block}.pipeline-flow-stage>strong{font-size:11px}.pipeline-flow-stage>small{font-size:8px;color:var(--text-soft);margin-top:3px}
.flow-arrow{color:var(--text-soft);font-size:14px}
.pipeline-lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:13px}
.pipeline-panel{border:1px solid var(--border);border-radius:14px;padding:15px;background:var(--surface)}
.pipeline-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.pipeline-panel-head span,.pipeline-panel-head strong{display:block}.pipeline-panel-head span{font-size:8px;color:var(--text-soft);text-transform:uppercase;font-weight:900}.pipeline-panel-head strong{font-size:11px;margin-top:4px}.pipeline-panel-head em{font-style:normal;font-size:10px;font-weight:900;background:var(--surface-2);padding:6px 8px;border-radius:8px}
.risk-deals{display:grid;gap:6px}.risk-deals button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:0;background:transparent;padding:9px;border-radius:10px;text-align:left;color:var(--text);cursor:pointer}.risk-deals button:hover{background:var(--surface-2)}.risk-deals strong,.risk-deals small{display:block}.risk-deals strong{font-size:9px}.risk-deals small{font-size:8px;color:var(--text-soft);margin-top:3px}.risk-deals b{font-size:9px}
.risk-score{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;font-size:9px;font-weight:900}.risk-score.good{background:#eaf8f1;color:#157950}.risk-score.medium{background:#fff4df;color:#9a650e}.risk-score.risk{background:#fff0f1;color:#b5232b}
.category-mix{display:grid;gap:9px}.category-mix>div{display:grid;grid-template-columns:110px 1fr 35px;gap:8px;align-items:center}.category-mix span{font-size:8px;font-weight:850;display:flex;justify-content:space-between}.category-mix i{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.category-mix i em{display:block;height:100%;background:var(--accent-custom);border-radius:999px}.category-mix small{font-size:8px;color:var(--text-soft);text-align:right}
.pipeline-empty{padding:20px;text-align:center;font-size:9px;color:var(--text-soft)}

.lead-card{background:var(--surface);border-color:var(--border);box-shadow:0 6px 18px rgba(18,24,32,.055)}
.lead-card-top{display:flex;justify-content:space-between;align-items:center}
.deal-health{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:8px;font-weight:900}.deal-health.good{background:#eaf8f1;color:#14794f}.deal-health.medium{background:#fff4df;color:#9a650e}.deal-health.risk{background:#fff0f1;color:#b5232b}
.next-best-action{margin-top:10px;padding:8px 9px;border-radius:9px;background:var(--surface-2)}.next-best-action span,.next-best-action strong{display:block}.next-best-action span{font-size:7px;color:var(--text-soft);text-transform:uppercase;font-weight:900}.next-best-action strong{font-size:8px;margin-top:3px}

.assistant-backdrop{position:fixed;inset:0;background:rgba(10,13,17,.25);backdrop-filter:blur(2px);z-index:89;opacity:0;pointer-events:none;transition:.2s}
.assistant-backdrop.show{opacity:1;pointer-events:auto}
.assistant-drawer{position:fixed;top:0;right:-430px;width:min(420px,100vw);height:100vh;background:var(--surface);color:var(--text);z-index:90;box-shadow:-20px 0 55px rgba(10,13,18,.2);transition:.25s;display:flex;flex-direction:column}
.assistant-drawer.open{right:0}
.assistant-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border)}
.assistant-head>div{display:flex;gap:10px;align-items:center}.assistant-head>div>span{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:var(--accent-custom);color:#fff}.assistant-head strong,.assistant-head small{display:block}.assistant-head strong{font-size:12px}.assistant-head small{font-size:8px;color:var(--text-soft);margin-top:3px}
.assistant-body{padding:17px;overflow:auto}.assistant-intro{padding:14px;border:1px solid color-mix(in srgb,var(--accent-custom) 20%,var(--border));background:color-mix(in srgb,var(--accent-custom) 6%,var(--surface));border-radius:13px}.assistant-intro strong{font-size:11px}.assistant-intro p{font-size:9px;color:var(--text-soft);line-height:1.5;margin:5px 0 0}
.assistant-prompts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.assistant-prompts button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px;border-radius:10px;font-size:9px;font-weight:850;cursor:pointer}.assistant-prompts button:hover{border-color:var(--accent-custom);color:var(--accent-custom)}
.assistant-output{display:grid;gap:10px}.assist-result-head span,.assist-result-head strong{display:block}.assist-result-head span{font-size:8px;color:var(--accent-custom);text-transform:uppercase;font-weight:900}.assist-result-head strong{font-size:13px;margin-top:5px}
.assist-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.assist-metrics>div{padding:11px;background:var(--surface-2);border-radius:10px}.assist-metrics span,.assist-metrics strong{display:block}.assist-metrics span{font-size:8px;color:var(--text-soft)}.assist-metrics strong{font-size:13px;margin-top:4px}
.assist-summary-text{padding:12px;border:1px solid var(--border);border-radius:11px}.assist-summary-text p{font-size:9px;line-height:1.55;margin:0 0 8px}.assist-summary-text p:last-child{margin:0}
.assist-list,.assist-action-list{display:grid;gap:6px}.assist-list button,.assist-action-list button{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px;border-radius:10px;text-align:left;cursor:pointer}.assist-list strong,.assist-list small,.assist-action-list strong,.assist-action-list small{display:block}.assist-list strong,.assist-action-list strong{font-size:9px}.assist-list small,.assist-action-list small{font-size:8px;color:var(--text-soft);margin-top:3px}.assist-action-list button>b{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);font-size:9px}
.assist-task-groups{display:grid;gap:11px}.assist-task-groups>div>span{font-size:8px;text-transform:uppercase;font-weight:900;color:var(--text-soft)}.assist-task-groups button{display:block;width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:9px 0;text-align:left}.assist-task-groups strong,.assist-task-groups small{display:block}.assist-task-groups strong{font-size:9px}.assist-task-groups small{font-size:8px;color:var(--text-soft);margin-top:3px}
.assistant-note{font-size:8px;color:var(--text-soft);line-height:1.5;margin-top:15px;padding-top:12px;border-top:1px solid var(--border)}
.assistant-empty{padding:20px;text-align:center;font-size:9px;color:var(--text-soft)}

.toast-stack{position:fixed;right:18px;bottom:18px;z-index:130;display:grid;gap:8px;width:min(360px,calc(100vw - 32px))}
.toast-v6{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:12px 13px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:13px;box-shadow:0 18px 50px rgba(10,13,18,.18);opacity:0;transform:translateY(12px) scale(.98);transition:.22s;overflow:hidden}
.toast-v6.show{opacity:1;transform:none}.toast-v6 .toast-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eaf8f1;color:#14794f;font-weight:900}.toast-v6.error .toast-icon{background:#fff0f1;color:#b5232b}.toast-v6.warning .toast-icon{background:#fff4df;color:#9a650e}.toast-v6.info .toast-icon{background:#eef4ff;color:#2864c2}.toast-v6 strong,.toast-v6 p{display:block}.toast-v6 strong{font-size:9px}.toast-v6 p{font-size:8px;color:var(--text-soft);margin:3px 0 0}.toast-v6 button{border:0;background:transparent;color:var(--text-soft);cursor:pointer}.toast-v6>i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--accent-custom);animation:toastLife 3.6s linear forwards}@keyframes toastLife{to{width:0}}

.appearance-modal{display:grid;gap:18px}.appearance-section>span{font-size:9px;font-weight:900;text-transform:uppercase;color:var(--text-soft)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.theme-options button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:14px;border-radius:12px;cursor:pointer}.theme-options button b,.theme-options button span{display:block}.theme-options button b{font-size:22px}.theme-options button span{font-size:9px;margin-top:5px}.theme-options button.active{border-color:var(--accent-custom);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-custom) 10%,transparent)}
.accent-options{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.accent-options button{border:1px solid var(--border);background:var(--surface);padding:8px;border-radius:10px;cursor:pointer}.accent-options i{display:block;width:100%;height:30px;border-radius:7px;background:var(--choice)}.accent-options span{display:block;font-size:7px;color:var(--text-soft);margin-top:4px}.accent-options button.active{border-color:var(--choice);box-shadow:0 0 0 3px color-mix(in srgb,var(--choice) 12%,transparent)}
.appearance-preview{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px}.appearance-preview>span{width:10px;height:10px;border-radius:50%;background:var(--accent-custom)}.appearance-preview>div{flex:1}.appearance-preview strong,.appearance-preview small{display:block}.appearance-preview strong{font-size:10px}.appearance-preview small{font-size:8px;color:var(--text-soft);margin-top:3px}

.global-search-input{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-size:18px;padding:12px 2px;outline:none}.global-search-results{display:grid;gap:5px;margin-top:10px;max-height:440px;overflow:auto}.global-search-results button{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;border:0;background:transparent;color:var(--text);padding:10px;border-radius:10px;text-align:left;cursor:pointer}.global-search-results button:hover,.global-search-results button.active{background:var(--surface-2)}.search-type{font-size:8px;font-weight:900;color:var(--accent-custom);text-transform:uppercase}.global-search-results strong,.global-search-results small{display:block}.global-search-results strong{font-size:10px}.global-search-results small{font-size:8px;color:var(--text-soft);margin-top:3px}.search-empty{padding:25px;text-align:center;font-size:9px;color:var(--text-soft)}.keyboard-hint{font-size:8px;color:var(--text-soft)}

.category-stock-editor{display:grid;gap:8px;margin-bottom:14px}.client-stock-row{display:grid;grid-template-columns:130px 1fr 1fr;gap:9px;align-items:end;padding:10px;border:1px solid var(--border);background:var(--surface-2);border-radius:11px}.stock-category-name{align-self:center;font-size:9px;font-weight:900;padding:6px 8px;border-radius:8px;background:var(--surface)}.client-stock-row label small{display:block;font-size:8px;color:var(--text-soft);margin-bottom:5px}.client-stock-row input{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px;border-radius:9px}
.stock-category-mini{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.stock-category-mini span,.sale-mix-chip{font-size:7px;font-weight:900;padding:5px 6px;border-radius:7px;background:var(--surface-2);color:var(--text-soft)}.stock-category-mini b{margin-left:3px}
.stock-category-detail{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:12px 0}.stock-detail-row{padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.stock-detail-row span,.stock-detail-row strong{display:block}.stock-detail-row span{font-size:8px;font-weight:900}.stock-detail-row strong{font-size:9px;margin-top:4px}.stock-detail-row>i{display:block;height:6px;border-radius:999px;background:var(--surface-3);margin-top:8px;overflow:hidden}.stock-detail-row>i em{display:block;height:100%;background:var(--accent-custom);border-radius:999px}
.sale-lines-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 9px}.sale-lines-head strong,.sale-lines-head small{display:block}.sale-lines-head strong{font-size:11px}.sale-lines-head small{font-size:8px;color:var(--text-soft);margin-top:3px}.sale-lines{display:grid;gap:7px;margin-bottom:14px}.sale-line{display:grid;grid-template-columns:30px minmax(150px,1fr) 120px 150px 30px;gap:8px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.sale-line-number{width:26px;height:26px;border-radius:8px;background:var(--text);color:var(--surface);display:grid;place-items:center;font-size:8px;font-weight:900;align-self:center}.sale-line label small{display:block;font-size:8px;color:var(--text-soft);margin-bottom:4px}.sale-line select,.sale-line input{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px;border-radius:9px}.sale-line-remove{width:28px;height:28px;border:0;border-radius:8px;background:#fff0f1;color:#b5232b;cursor:pointer;align-self:center}.sale-mix{display:flex;flex-wrap:wrap;gap:4px}

.category-ope,.stock-cat-ope{--category-color:#169968}.category-herramientas,.stock-cat-herramientas{--category-color:#3578f6}.category-birumen,.stock-cat-birumen{--category-color:#008c98}.category-accesorios,.stock-cat-accesorios{--category-color:#7754d8}.category-otros,.stock-cat-otros{--category-color:#e59a19}
.stock-category-name.category-ope,.stock-category-mini .stock-cat-ope,.sale-mix-chip.category-ope{background:#eaf8f1;color:#14794f}
.stock-category-name.category-herramientas,.stock-category-mini .stock-cat-herramientas,.sale-mix-chip.category-herramientas{background:#eef4ff;color:#2864c2}
.stock-category-name.category-birumen,.stock-category-mini .stock-cat-birumen,.sale-mix-chip.category-birumen{background:#eaf9fb;color:#087f91}
.stock-category-name.category-accesorios,.stock-category-mini .stock-cat-accesorios,.sale-mix-chip.category-accesorios{background:#f4efff;color:#6e49bd}
.stock-category-name.category-otros,.stock-category-mini .stock-cat-otros,.sale-mix-chip.category-otros{background:#fff4df;color:#9d650e}

html[data-theme="dark"] .login-card,
html[data-theme="dark"] .notion-task-table-head,
html[data-theme="dark"] .notion-task-row:hover,
html[data-theme="dark"] .logo-upload-box,
html[data-theme="dark"] .map-picker,
html[data-theme="dark"] .client-picker-option,
html[data-theme="dark"] .route-client-results button{background:var(--surface)}
html[data-theme="dark"] .login-panel{background:var(--page)}
html[data-theme="dark"] .profile-data>span,
html[data-theme="dark"] .profile-stock>div,
html[data-theme="dark"] .detail-item,
html[data-theme="dark"] .stock-box,
html[data-theme="dark"] .action-highlight{background:var(--surface-2)}
html[data-theme="dark"] .form-error{background:#3a2023;color:#ffb5ba}
html[data-theme="dark"] .btn.whatsapp{color:#fff}
html[data-theme="dark"] .monthly-chart,
html[data-theme="dark"] .chart-grid line{border-color:var(--border);stroke:var(--border)}
html[data-theme="dark"] .chart-grid text,.chart-month{fill:var(--text-soft)}

@media(max-width:1250px){
  .pipeline-flow{grid-template-columns:repeat(3,1fr)}
  .flow-arrow{display:none}
  .pipeline-lower-grid{grid-template-columns:1fr}
  .stock-category-detail{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1000px){
  .pipeline-insight-bar{grid-template-columns:repeat(3,1fr)}
  .pipeline-summary-top{flex-direction:column}
  .pipeline-summary-kpis{min-width:0;width:100%}
  .pipeline-flow{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .quick-search-trigger em,.quick-search-trigger kbd,.assistant-trigger em{display:none}
  .smart-brief{grid-template-columns:auto 1fr}.smart-brief button{grid-column:1/-1}
  .pipeline-insight-bar{grid-template-columns:repeat(2,1fr)}
  .premium-switch button small{display:none}
  .pipeline-summary-kpis{grid-template-columns:1fr}
  .pipeline-flow{grid-template-columns:1fr}
  .stock-category-detail{grid-template-columns:1fr 1fr}
  .client-stock-row{grid-template-columns:1fr 1fr}.stock-category-name{grid-column:1/-1}
  .sale-line{grid-template-columns:28px 1fr 28px}.sale-line label:nth-of-type(1){grid-column:2}.sale-line label:nth-of-type(2),.sale-line label:nth-of-type(3){grid-column:1/4}.sale-line-remove{grid-column:3;grid-row:1}
  .assistant-drawer{width:100vw}
  .accent-options{grid-template-columns:repeat(3,1fr)}
  .theme-options{grid-template-columns:1fr}
}


/* =========================================================
   aura 6.5 · CRM + ERP visual refinement
   ========================================================= */
:root{
  --green:#008c98;
  --blue:#15b2ff;
  --graphite:#47484b;
  --pink:#ff78c9;
}
.btn,.nav-item,.avatar,.hello-card,.smart-brief,.flow-bar i,.chart-area,.chart-line{
  background-image:none!important;
}
.btn.primary,.nav-item.active,.avatar,.smart-brief-icon,.aura-chat-bubble{
  background:var(--accent-custom)!important;
}
.sidebar,.login-visual{background:#17191d!important}
.hello-card{background:#20242b!important}
.action-highlight{background:#effaf6!important}
.btn.success,.sale-action{background:#008c98!important;color:#fff!important}
.chart-area{fill:color-mix(in srgb,var(--accent-custom) 12%,transparent)}
.chart-line{stroke:var(--accent-custom)}
.month-bar{background:var(--accent-custom)!important}

/* Contraste y legibilidad */
html[data-theme="dark"]{
  --surface:#1c1f24;
  --surface-2:#24282e;
  --surface-3:#30353c;
  --page:#111317;
  --text:#f7f8fa;
  --text-soft:#bbc2ca;
  --border:#383e46;
}
html[data-theme="dark"] .property-pill,
html[data-theme="dark"] .category-badge,
html[data-theme="dark"] .sale-mix-chip,
html[data-theme="dark"] .stock-category-name,
html[data-theme="dark"] .client-type,
html[data-theme="dark"] .profile-badges span{
  color:#111317!important;
}
html[data-theme="dark"] .status-pendiente,
html[data-theme="dark"] .priority-media,
html[data-theme="dark"] .scope-personal,
html[data-theme="dark"] .scope-interarea,
html[data-theme="dark"] .client-type.recurring,
html[data-theme="dark"] .client-type.one-time{
  color:#111317!important;
}
html[data-theme="dark"] .btn.secondary,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .control,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  color:#f7f8fa!important;
}
html[data-theme="dark"] option{background:#1c1f24;color:#f7f8fa}
html[data-theme="dark"] .modal-close,
html[data-theme="dark"] .close-btn{background:#30353c;color:#fff}
html[data-theme="dark"] .client-picker-option:hover,
html[data-theme="dark"] .global-search-results button:hover,
html[data-theme="dark"] .risk-deals button:hover{background:#30353c}

/* Funnel ejecutivo 6.5 */
.crm-pipeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--border)}
.crm-pipeline-header>div:first-child span{font-size:8px;font-weight:900;text-transform:uppercase;color:var(--accent-custom);letter-spacing:.08em}
.crm-pipeline-header h3{font-size:19px;margin:6px 0 4px;letter-spacing:-.025em}
.crm-pipeline-header p{font-size:9px;color:var(--text-soft);margin:0}
.crm-pipeline-metrics{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:8px}
.crm-pipeline-metrics>div{padding:11px 12px;border:1px solid var(--border);background:var(--surface-2);border-radius:10px}
.crm-pipeline-metrics small,.crm-pipeline-metrics strong{display:block}
.crm-pipeline-metrics small{font-size:8px;color:var(--text-soft);text-transform:uppercase;font-weight:850}
.crm-pipeline-metrics strong{font-size:14px;margin-top:5px}
.crm-funnel-layout{display:grid;grid-template-columns:minmax(420px,1fr) minmax(330px,.8fr);gap:17px;margin-top:18px}
.crm-funnel-chart{display:flex;flex-direction:column;align-items:center;gap:7px;padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.crm-funnel-row{width:100%;display:grid;grid-template-columns:1fr 86px;gap:9px;align-items:center}
.crm-funnel-stage{width:var(--funnel-width);justify-self:center;min-height:54px;display:grid;grid-template-columns:1fr 45px minmax(120px,.8fr);align-items:center;gap:12px;padding:0 18px;background:var(--funnel-color);color:#fff;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}
.crm-funnel-stage span{font-size:10px;font-weight:800}
.crm-funnel-stage strong{font-size:20px;text-align:center}
.crm-funnel-stage b{font-size:10px;text-align:right}
.crm-funnel-conversion{font-size:8px;color:var(--text-soft);font-weight:800;text-align:right}
.crm-funnel-lost{width:58%;display:grid;grid-template-columns:1fr 40px 1fr;gap:10px;align-items:center;padding:10px 13px;border:1px solid #efc6c9;background:#fff0f1;color:#9f1e25;border-radius:10px}
.crm-funnel-lost span{font-size:9px;font-weight:850}.crm-funnel-lost strong{font-size:16px;text-align:center}.crm-funnel-lost b{font-size:9px;text-align:right}
.crm-pipeline-side{display:grid;gap:11px;align-content:start}
.crm-side-block{padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.crm-side-block header{margin-bottom:10px}.crm-side-block header span,.crm-side-block header strong{display:block}
.crm-side-block header span{font-size:8px;text-transform:uppercase;color:var(--text-soft);font-weight:900}
.crm-side-block header strong{font-size:11px;margin-top:4px}
.funnel-summary-v6{padding:20px}
.pipeline-flow,.pipeline-summary-top,.pipeline-lower-grid{display:none!important}

/* Ficha cliente amplia y sin recortes */
.modal.client-modal-wide{width:min(1240px,calc(100vw - 32px));max-height:calc(100vh - 28px);overflow:hidden;display:flex;flex-direction:column}
.client-modal-wide .modal-head{flex:0 0 auto;position:sticky;top:0;z-index:5;background:var(--surface)}
.client-modal-wide .modal-body{overflow:auto;flex:1;min-height:0}
.client-modal-wide .modal-actions{flex:0 0 auto;background:var(--surface);position:sticky;bottom:0;z-index:5}
.client-modal-wide .profile-icon{width:92px;height:92px;min-width:92px;overflow:hidden}
.client-modal-wide .profile-icon img{width:100%;height:100%;object-fit:contain;padding:7px}
.client-modal-wide .profile-top{align-items:center}
.client-modal-wide .table-wrap{max-height:390px}
.client-modal-wide .document-card{min-width:0}
.modal img{max-width:100%}

/* Recuperación de acceso */
.login-form-links{display:flex;justify-content:flex-end;margin-top:-3px}
.login-form-links a,.auth-link{font-size:10px;color:var(--accent-custom);font-weight:800;text-decoration:none}
.auth-simple{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f4f6f8}
.auth-card{width:min(470px,100%);background:#fff;padding:25px;border:1px solid #e4e8ec;border-radius:18px}
.auth-brand{display:flex!important;margin-bottom:22px}
.form-success{margin-top:18px;padding:12px 13px;border-radius:11px;background:#e9f8f7;color:#006d76;font-weight:750}

/* Aura Assist flotante */
.aura-chat-bubble{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border:0;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:22px;cursor:pointer;z-index:78;box-shadow:0 14px 38px color-mix(in srgb,var(--accent-custom) 35%,transparent)}
.aura-chat-bubble i{position:absolute;right:3px;top:4px;width:10px;height:10px;border-radius:50%;background:#008c98;border:2px solid #fff}
.assistant-drawer{width:min(430px,100vw)}
.assistant-conversation{flex:1;min-height:0;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:10px;background:var(--surface-2)}
.chat-message{display:flex;gap:8px;align-items:flex-start}
.chat-message>span{width:28px;height:28px;flex:0 0 auto;border-radius:9px;background:var(--accent-custom);color:#fff;display:grid;place-items:center}
.chat-message>div{max-width:88%;padding:10px 11px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}
.chat-message.user{justify-content:flex-end}
.chat-message.user>div{background:var(--accent-custom);color:#fff;border-color:var(--accent-custom)}
.chat-message p{font-size:9px;line-height:1.55;margin:0}
.chat-message .assist-result-head strong{font-size:11px}
.chat-message .assist-metrics{margin-top:9px}
.assistant-prompts{padding:9px 12px;margin:0;background:var(--surface);border-top:1px solid var(--border);grid-template-columns:1fr 1fr}
.assistant-chat-input{display:grid;grid-template-columns:1fr auto;gap:7px;padding:11px 12px;border-top:1px solid var(--border);background:var(--surface)}
.assistant-chat-input input{min-width:0;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:10px 11px;border-radius:10px}
.assistant-chat-input button{border:0;background:var(--accent-custom);color:#fff;border-radius:10px;padding:0 13px;font-size:9px;font-weight:850;cursor:pointer}
.assistant-note{margin:0;padding:8px 12px;background:var(--surface);border-top:1px solid var(--border)}
.assistant-body,.assistant-output,.assistant-intro{display:none!important}

/* Nueva paleta */
.accent-options{grid-template-columns:repeat(7,1fr)}
.accent-options button[data-accent-choice="#008c98"] i{background:#008c98}
.accent-options button[data-accent-choice="#15b2ff"] i{background:#15b2ff}
.accent-options button[data-accent-choice="#47484b"] i{background:#47484b}
.accent-options button[data-accent-choice="#ff78c9"] i{background:#ff78c9}

@media(max-width:1000px){
  .crm-pipeline-header{flex-direction:column}
  .crm-pipeline-metrics{width:100%}
  .crm-funnel-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
  .crm-pipeline-metrics{grid-template-columns:1fr}
  .crm-funnel-row{grid-template-columns:1fr}
  .crm-funnel-conversion{text-align:center}
  .crm-funnel-stage{grid-template-columns:1fr 35px;min-height:50px;padding:0 12px}
  .crm-funnel-stage b{grid-column:1/-1;text-align:center;font-size:8px;margin-top:-8px}
  .crm-funnel-lost{width:100%}
  .client-modal-wide .profile-top{align-items:flex-start}
  .aura-chat-bubble{right:15px;bottom:15px}
}

.toast-stack{bottom:92px}


/* =========================================================
   aura 7.0 · Contrast system and conversational assistant
   ========================================================= */

/* Native controls: explicit contrast in both appearances */
html[data-theme="light"] .control,
html[data-theme="light"] select.control,
html[data-theme="light"] .form-field select,
html[data-theme="light"] .form-field input,
html[data-theme="light"] .form-field textarea,
html[data-theme="light"] .client-picker-control{
  background-color:#ffffff!important;
  color:#20242b!important;
  -webkit-text-fill-color:#20242b!important;
  border-color:#cbd2d9!important;
  color-scheme:light;
}
html[data-theme="light"] select option{
  background:#ffffff!important;
  color:#20242b!important;
}
html[data-theme="dark"] .control,
html[data-theme="dark"] select.control,
html[data-theme="dark"] .form-field select,
html[data-theme="dark"] .form-field input,
html[data-theme="dark"] .form-field textarea,
html[data-theme="dark"] .client-picker-control,
html[data-theme="dark"] .pipeline-filterbar select,
html[data-theme="dark"] .filters select{
  background-color:#24282e!important;
  color:#f7f8fa!important;
  -webkit-text-fill-color:#f7f8fa!important;
  border-color:#59616b!important;
  box-shadow:none!important;
  color-scheme:dark;
}
html[data-theme="dark"] select option{
  background-color:#24282e!important;
  color:#f7f8fa!important;
  -webkit-text-fill-color:#f7f8fa!important;
}
html[data-theme="dark"] select:disabled,
html[data-theme="dark"] input:disabled{
  background-color:#30353c!important;
  color:#cbd1d8!important;
  -webkit-text-fill-color:#cbd1d8!important;
  opacity:1!important;
}
html[data-theme="dark"] .form-field>span,
html[data-theme="dark"] .filters label,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .panel-head p,
html[data-theme="dark"] .section-sub,
html[data-theme="dark"] .hint{
  color:#c4cbd3!important;
}
html[data-theme="dark"] .control::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{
  color:#aeb6bf!important;
  -webkit-text-fill-color:#aeb6bf!important;
  opacity:1!important;
}
html[data-theme="dark"] .pipeline-insight-bar>div,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .smart-brief,
html[data-theme="dark"] .client-card,
html[data-theme="dark"] .panel{
  border-color:#4b535d!important;
}
html[data-theme="dark"] .smart-brief p,
html[data-theme="dark"] .smart-brief span,
html[data-theme="dark"] .stat-note,
html[data-theme="dark"] .client-card p,
html[data-theme="dark"] .lead-meta,
html[data-theme="dark"] .next-best-action span{
  color:#c4cbd3!important;
}
html[data-theme="dark"] .smart-brief strong,
html[data-theme="dark"] .stat-value,
html[data-theme="dark"] .pipeline-insight-bar strong,
html[data-theme="dark"] .client-card h3,
html[data-theme="dark"] .lead-card h4{
  color:#ffffff!important;
}

/* Ensure browser arrows remain visible */
select{
  accent-color:var(--accent-custom);
}
html[data-theme="dark"] select{
  background-image:none!important;
}

/* Aura Assist 7.0 */
.assistant-drawer{
  display:flex;
  flex-direction:column;
}
.assistant-conversation{
  scrollbar-color:#59616b transparent;
}
.chat-message>div{
  color:var(--text);
}
.chat-message.user>div{
  color:#ffffff!important;
}
.chat-message.user p{
  color:#ffffff!important;
}
.assistant-typing>div{
  min-width:58px;
  display:flex;
  gap:5px;
  align-items:center;
  justify-content:center;
}
.assistant-typing i{
  width:6px;
  height:6px;
  display:block;
  border-radius:50%;
  background:var(--text-soft);
  animation:auraTyping 1s infinite ease-in-out;
}
.assistant-typing i:nth-child(2){animation-delay:.14s}
.assistant-typing i:nth-child(3){animation-delay:.28s}
@keyframes auraTyping{
  0%,60%,100%{transform:translateY(0);opacity:.45}
  30%{transform:translateY(-4px);opacity:1}
}
.assistant-chat-input input:disabled,
.assistant-chat-input button:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.assist-stock-list{
  display:grid;
  gap:7px;
  margin-top:9px;
}
.assist-stock-list>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 10px;
  border:1px solid var(--border);
  background:var(--surface);
  border-radius:9px;
}
.assist-stock-list span{font-size:9px;font-weight:850}
.assist-stock-list strong{font-size:10px}
.assist-capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.assist-capabilities span{
  padding:6px 8px;
  border:1px solid var(--border);
  background:var(--surface-2);
  border-radius:8px;
  font-size:8px;
  font-weight:850;
}
.assist-doc{
  width:29px;
  height:29px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:var(--surface-2);
  color:var(--accent-custom);
  font-size:9px;
  font-weight:900;
}

/* Higher legibility for pink accent */
html[style*="#ff78c9"] .btn.primary,
html[style*="#ff78c9"] .nav-item.active,
html[style*="#ff78c9"] .aura-chat-bubble{
  color:#20242b!important;
}


/* =========================================================
   aura 7.5 · refined palette, contrast and audit interface
   ========================================================= */
:root{
  --accent-fill:#d90a17;
  --accent-on:#ffffff;
  --accent-soft:#fff0f1;
  --accent-soft-text:#8e252b;
  --ink-soft:#35373b;
  --charcoal:#35373b;
  --charcoal-2:#474a4f;
  --dark-surface:#181b20;
}
body{color:var(--charcoal)}
.btn.primary,
.nav-item.active,
.avatar,
.smart-brief-icon,
.aura-chat-bubble,
.assistant-chat-input button,
.chat-message.user>div{
  background:var(--accent-fill)!important;
  color:var(--accent-on)!important;
}
.notif-count{
  background:var(--accent-fill)!important;
  color:var(--accent-on)!important;
}
.eyebrow{color:var(--accent-fill)!important}
.aura-kicker{
  color:#f7f8f9!important;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.aura-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ef3340;
  display:block;
}
.login-aura-word{
  color:#d90a17;
  font-weight:900;
}
.login-visual,.sidebar{background:#181b20!important}
.login-visual p{color:#d1d5da!important}
.login-visual small{color:#9ca3ab!important}
.login-panel{background:#f5f6f7}
.login-card{
  padding:30px;
  background:#ffffff;
  border:1px solid #e1e4e7;
  border-radius:20px;
  box-shadow:0 20px 55px rgba(35,39,44,.10);
}
.login-card h2{color:#35373b}
.login-card>p{color:#626971}
.login-card .eyebrow{color:#b70b16!important}

/* Soft accent surfaces always use dark readable text */
.smart-brief,
.assistant-intro,
.appearance-preview{
  background:var(--accent-soft)!important;
  border-color:color-mix(in srgb,var(--accent-fill) 28%,#dfe3e6)!important;
}
.smart-brief span,
.smart-brief p,
.assistant-intro,
.assistant-intro p,
.appearance-preview strong,
.appearance-preview small{
  color:var(--accent-soft-text)!important;
}
.smart-brief strong{color:#35373b!important}

/* Saturated boxes use white text; pale boxes use charcoal */
.category-badge,
.property-pill,
.sale-mix-chip,
.stock-category-name,
.client-type,
.profile-badges span{
  color:#35373b;
}
.status-pendiente{background:#fff1cd;color:#664b16!important}
.status-en-curso{background:#dceffc;color:#24546c!important}
.status-en-espera{background:#eee7fb;color:#50416e!important}
.status-completada{background:#dff3ef;color:#245d57!important}
.priority-baja{background:#eceeef;color:#4d5359!important}
.priority-media{background:#dceffc;color:#24546c!important}
.priority-alta{background:#fee8d7;color:#75452b!important}
.priority-urgente{background:#f9dadd;color:#7b2f35!important}
.scope-personal{background:#dff3ef;color:#245d57!important}
.scope-interarea{background:#eee7fb;color:#50416e!important}
.client-type.recurring{background:#dff3ef;color:#245d57!important}
.client-type.one-time{background:#eceeef;color:#4d5359!important}

/* Dark appearance */
html[data-theme="dark"]{
  --page:#14171b;
  --surface:#1d2126;
  --surface-2:#252a30;
  --surface-3:#31373e;
  --text:#f4f5f6;
  --text-soft:#bcc3ca;
  --border:#424a53;
  --ink:#f4f5f6;
  --muted:#b7bec6;
  --line:#424a53;
  --bg:#14171b;
}
html[data-theme="dark"] body{color:#f4f5f6}
html[data-theme="dark"] .login-card{background:#1d2126;border-color:#424a53}
html[data-theme="dark"] .login-card h2{color:#f4f5f6}
html[data-theme="dark"] .login-card>p{color:#c3c9cf}
html[data-theme="dark"] .login-aura-word{color:#ff5965}
html[data-theme="dark"] .smart-brief{
  background:#252a30!important;
  border-color:#555e68!important;
}
html[data-theme="dark"] .smart-brief span{color:#ff8a94!important}
html[data-theme="dark"] .smart-brief p{color:#c9cfd5!important}
html[data-theme="dark"] .smart-brief strong{color:#ffffff!important}

/* Audit log */
.audit-panel{margin-top:14px}
.audit-filter{min-width:145px}
.audit-timeline{display:grid}
.audit-event{
  display:grid;
  grid-template-columns:30px 1fr auto;
  gap:11px;
  align-items:start;
  padding:12px 2px;
  border-bottom:1px solid var(--border);
}
.audit-event:last-child{border-bottom:0}
.audit-icon{
  width:28px;
  height:28px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#eef0f2;
  color:#5b6269;
  font-weight:900;
}
.audit-event.security .audit-icon{
  background:#fff0f1;
  color:#b32831;
}
.audit-event.severity-high .audit-icon,
.audit-event.severity-critical .audit-icon{
  background:#ef3340;
  color:#ffffff;
}
.audit-title{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.audit-title strong{font-size:10px;color:var(--text)}
.audit-title em{
  font-style:normal;
  font-size:7px;
  text-transform:uppercase;
  font-weight:900;
  padding:4px 6px;
  border-radius:6px;
  background:#eef0f2;
  color:#596168;
}
.audit-event.severity-warning .audit-title em{background:#fff1cd;color:#664b16}
.audit-event.severity-high .audit-title em,
.audit-event.severity-critical .audit-title em{background:#ef3340;color:#fff}
.audit-event p{
  margin:4px 0 0;
  font-size:9px;
  color:var(--text-soft);
  line-height:1.5;
}
.audit-event small{
  display:block;
  margin-top:5px;
  font-size:8px;
  color:var(--text-soft);
}
.audit-event time{
  font-size:8px;
  color:var(--text-soft);
  white-space:nowrap;
  padding-top:3px;
}
html[data-theme="dark"] .audit-icon{background:#31373e;color:#d3d8dd}
html[data-theme="dark"] .audit-event.security .audit-icon{background:#4b262a;color:#ff9ba2}

/* Cleaner controls */
.control,.form-field input,.form-field select,.form-field textarea,.form-stack input{
  color:#35373b;
  border-color:#cbd1d6;
}
.control:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.form-stack input:focus{
  border-color:var(--accent-fill)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-fill) 12%,transparent)!important;
}
html[data-theme="dark"] .control,
html[data-theme="dark"] .form-field input,
html[data-theme="dark"] .form-field select,
html[data-theme="dark"] .form-field textarea,
html[data-theme="dark"] .form-stack input{
  background:#252a30!important;
  color:#f4f5f6!important;
  -webkit-text-fill-color:#f4f5f6!important;
  border-color:#56606a!important;
}

/* Pink remains saturated enough for white text */
html[style*="#ff78c9"] .btn.primary,
html[style*="#ff78c9"] .nav-item.active,
html[style*="#ff78c9"] .aura-chat-bubble,
html[style*="#ff78c9"] .assistant-chat-input button{
  background:#d946a2!important;
  color:#ffffff!important;
}

@media(max-width:700px){
  .audit-event{grid-template-columns:28px 1fr}
  .audit-event time{grid-column:2}
  .login-card{padding:23px}
}


/* =========================================================
   aura 7.5.1 · runtime fix and dark-mode readability
   ========================================================= */
:root{
  --green:#00a7b5;
  --blue:#22baff;
  --purple:#8b63ef;
  --amber:#ffad32;
  --pink:#ec49ac;
}

/* Client grid: keep all cards inside the available workspace */
.client-grid{
  grid-template-columns:repeat(2,minmax(360px,1fr));
  width:100%;
  max-width:100%;
  overflow:visible;
}
.client-card{min-width:0}
.client-heading h3{overflow-wrap:anywhere}

/* Brighter commercial accents */
.btn.primary,
.aura-chat-bubble,
.assistant-chat-input button,
.nav-item.active{
  background:var(--accent-fill,#d90a17)!important;
  color:#ffffff!important;
}
.stock-track i{background:#00a7b5!important}
.sale-action,.btn.success{background:#00a7b5!important;color:#ffffff!important}

/* Dark theme: remove inherited white surfaces */
html[data-theme="dark"] .client-grid-data span,
html[data-theme="dark"] .region-assignment-grid label,
html[data-theme="dark"] .stock-box,
html[data-theme="dark"] .detail-item,
html[data-theme="dark"] .profile-data>span,
html[data-theme="dark"] .profile-stock>div,
html[data-theme="dark"] .route-card,
html[data-theme="dark"] .agenda-day,
html[data-theme="dark"] .route-client-results button,
html[data-theme="dark"] .selected-route-client,
html[data-theme="dark"] .document-card,
html[data-theme="dark"] .list-row,
html[data-theme="dark"] .empty{
  background:#252a30!important;
  border-color:#4b545e!important;
  color:#f5f7f8!important;
}
html[data-theme="dark"] .client-grid-data small,
html[data-theme="dark"] .region-assignment-grid span,
html[data-theme="dark"] .detail-item span,
html[data-theme="dark"] .profile-data small,
html[data-theme="dark"] .profile-stock span,
html[data-theme="dark"] .route-card small,
html[data-theme="dark"] .agenda-day small{
  color:#aeb8c2!important;
}
html[data-theme="dark"] .client-grid-data strong,
html[data-theme="dark"] .region-assignment-grid strong,
html[data-theme="dark"] .detail-item strong,
html[data-theme="dark"] .profile-data strong,
html[data-theme="dark"] .profile-stock strong{
  color:#ffffff!important;
}
html[data-theme="dark"] .region-assignment-grid select,
html[data-theme="dark"] .dashboard-filters select,
html[data-theme="dark"] .pipeline-filterbar select,
html[data-theme="dark"] .filters select{
  background:#1f242a!important;
  color:#f6f7f8!important;
  -webkit-text-fill-color:#f6f7f8!important;
  border-color:#59636e!important;
  opacity:1!important;
}
html[data-theme="dark"] .region-assignment-grid select option,
html[data-theme="dark"] select option{
  background:#1f242a!important;
  color:#f6f7f8!important;
}
html[data-theme="dark"] .client-logo{
  background:#f7f8f9!important;
  border-color:#d8dde2!important;
}
html[data-theme="dark"] .client-card-actions .btn.secondary{
  background:#1e2329!important;
  border-color:#59636e!important;
  color:#ffffff!important;
}
html[data-theme="dark"] .client-card{
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}

/* Labels remain readable and lively */
.stock-cat-herramientas,.sale-mix-chip.category-herramientas{background:#dff4ff!important;color:#155978!important}
.stock-cat-ope,.sale-mix-chip.category-ope{background:#d9f6f3!important;color:#155f59!important}
.stock-cat-birumen,.sale-mix-chip.category-birumen{background:#ddf7fb!important;color:#17606a!important}
.stock-cat-accesorios,.sale-mix-chip.category-accesorios{background:#eee6ff!important;color:#55408a!important}
.stock-cat-otros,.sale-mix-chip.category-otros{background:#fff0d4!important;color:#76531d!important}

/* Pink palette: vivid action, readable pale surfaces */
html[style*="#ff78c9"] .btn.primary,
html[style*="#ff78c9"] .nav-item.active,
html[style*="#ff78c9"] .aura-chat-bubble,
html[style*="#ff78c9"] .assistant-chat-input button{
  background:#ec49ac!important;
  color:#ffffff!important;
}
html[style*="#ff78c9"] .smart-brief{
  background:#fff0f9!important;
  color:#4f3545!important;
}

@media(max-width:1120px){
  .client-grid{grid-template-columns:1fr}
}


/* =========================================================
   aura 8.0 · vivid theme palettes and multilingual UI
   ========================================================= */
:root{
  --vivid-teal:#00c9d8;
  --vivid-blue:#28c3ff;
  --vivid-purple:#a784ff;
  --vivid-orange:#ffad24;
  --vivid-pink:#ff63bd;
  --vivid-red:#ff3347;
}
html[data-theme="light"]{
  --page:#f5f7f9;
  --surface:#ffffff;
  --surface-2:#f1f4f7;
  --surface-3:#e8edf2;
  --text:#30343a;
  --text-soft:#68717c;
  --border:#d5dce3;
}
html[data-theme="dark"]{
  --page:#0e1319;
  --surface:#171d24;
  --surface-2:#202832;
  --surface-3:#2b3541;
  --text:#f8fafc;
  --text-soft:#c4ced8;
  --border:#465463;
}
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .client-card,
html[data-theme="dark"] .notion-task-board,
html[data-theme="dark"] .funnel-summary-v6{
  background:#171d24!important;
  border-color:#465463!important;
}
html[data-theme="dark"] .smart-brief{
  background:var(--accent-soft)!important;
  border-color:color-mix(in srgb,var(--accent-fill) 48%,#465463)!important;
}
html[data-theme="dark"] .smart-brief strong,
html[data-theme="dark"] .smart-brief p,
html[data-theme="dark"] .smart-brief span{
  color:var(--accent-soft-text)!important;
}
html[data-theme="light"] .smart-brief{
  background:var(--accent-soft)!important;
}
.btn.primary,.nav-item.active,.aura-chat-bubble,.assistant-chat-input button,.chat-message.user>div{
  background:var(--accent-fill)!important;
  color:#fff!important;
}
.aura-chat-bubble{
  width:50px!important;
  height:50px!important;
  font-size:17px!important;
  right:20px;
  bottom:20px;
  box-shadow:0 12px 30px color-mix(in srgb,var(--accent-fill) 42%,transparent)!important;
}
.aura-chat-bubble i{
  width:8px!important;
  height:8px!important;
  right:2px!important;
  top:3px!important;
  background:#00d4a8!important;
}
.chat-message.user>div{
  border-color:var(--accent-fill)!important;
  border-radius:14px 14px 4px 14px!important;
}
.chat-message.aura>div{
  border-radius:14px 14px 14px 4px!important;
}
.assistant-welcome>div{
  border-color:color-mix(in srgb,var(--accent-fill) 26%,var(--border))!important;
}
.assistant-prompts button{
  background:var(--surface-2)!important;
  border-color:var(--border)!important;
  color:var(--text)!important;
}
.assistant-prompts button:hover{
  background:var(--accent-soft)!important;
  border-color:var(--accent-fill)!important;
  color:var(--accent-soft-text)!important;
}
.language-options{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:8px;
}
.language-options button{
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--text);
  border-radius:12px;
  padding:13px 10px;
  cursor:pointer;
}
.language-options button b,
.language-options button span{
  display:block;
}
.language-options button b{
  font-size:13px;
  color:var(--accent-fill);
}
.language-options button span{
  margin-top:4px;
  font-size:9px;
}
.language-options button.active{
  border-color:var(--accent-fill);
  background:var(--accent-soft);
  color:var(--accent-soft-text);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-fill) 12%,transparent);
}
.nav-item b{
  font:inherit;
  font-weight:inherit;
}
html[lang="ja"] body{
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
}
@media(max-width:640px){
  .language-options{grid-template-columns:1fr}
  .aura-chat-bubble{right:14px!important;bottom:14px!important}
}


/* =========================================================
   aura 8.1 · dark-theme contrast and vivid semantic colors
   ========================================================= */

/* Dashboard */
html[data-theme="dark"] .smart-brief{
  background:#4a1d3a!important;
  border-color:#d84aa4!important;
}
html[data-theme="dark"] .smart-brief-icon{
  background:#ff55b8!important;
  color:#ffffff!important;
}
html[data-theme="dark"] .smart-brief span{
  color:#ff9ed3!important;
}
html[data-theme="dark"] .smart-brief strong{
  color:#ffffff!important;
}
html[data-theme="dark"] .smart-brief p{
  color:#f2c9e2!important;
}
html[data-theme="dark"] #openSmartBrief{
  background:#ff55b8!important;
  border-color:#ff55b8!important;
  color:#ffffff!important;
  box-shadow:0 7px 18px rgba(255,85,184,.25)!important;
}
html[data-theme="dark"] #openSmartBrief:hover{
  background:#ff72c4!important;
}
html[data-theme="light"] #openSmartBrief{
  background:var(--accent-fill)!important;
  color:#ffffff!important;
  border-color:var(--accent-fill)!important;
}

/* Funnel: dark mode uses deep stage surfaces instead of pale columns */
html[data-theme="dark"] .kanban-column{
  background:#19212a!important;
  border:1px solid #48596a!important;
  box-shadow:0 12px 28px rgba(0,0,0,.2)!important;
}
html[data-theme="dark"] .kanban-column header{
  background:#222d38!important;
  border-bottom:1px solid #48596a!important;
}
html[data-theme="dark"] .kanban-column header strong{
  color:#ffffff!important;
}
html[data-theme="dark"] .kanban-column header small{
  color:#bfcbd6!important;
}
html[data-theme="dark"] .kanban-column header b{
  color:#ffffff!important;
  background:#344252!important;
}
html[data-theme="dark"] .kanban-list{
  background:#19212a!important;
}
html[data-theme="dark"] .column-empty{
  color:#aebbc7!important;
  border-color:#4b5a68!important;
  background:#202a34!important;
}
html[data-theme="dark"] .lead-card{
  background:#121920!important;
  border:1px solid #405161!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] .lead-card h4,
html[data-theme="dark"] .lead-amount{
  color:#ffffff!important;
}
html[data-theme="dark"] .lead-card .contact,
html[data-theme="dark"] .lead-meta{
  color:#c1ccd6!important;
}
html[data-theme="dark"] .next-best-action{
  background:#222d38!important;
  border:1px solid #344555!important;
}
html[data-theme="dark"] .next-best-action span{
  color:#94a6b7!important;
}
html[data-theme="dark"] .next-best-action strong{
  color:#f6f9fb!important;
}
html[data-theme="dark"] .detail-action{
  background:#283542!important;
  color:#ffffff!important;
  border-color:#4d6072!important;
}
html[data-theme="dark"] .advance{
  background:#1d69e8!important;
  color:#ffffff!important;
  border-color:#1d69e8!important;
}
html[data-theme="dark"] .sale-action{
  background:#00b8c8!important;
  color:#ffffff!important;
}

/* Vivid category badges in dark mode */
html[data-theme="dark"] .category-badge,
html[data-theme="dark"] .sale-mix-chip,
html[data-theme="dark"] .stock-category-mini span,
html[data-theme="dark"] .stock-category-name{
  border:1px solid transparent!important;
  font-weight:900!important;
}
html[data-theme="dark"] .category-ope,
html[data-theme="dark"] .category-badge:has(+ *){
  color:inherit;
}
html[data-theme="dark"] .sale-mix-chip.category-ope,
html[data-theme="dark"] .stock-cat-ope,
html[data-theme="dark"] .stock-category-name.category-ope,
html[data-theme="dark"] .category-ope .category-badge{
  background:#0bc9a7!important;color:#082f2a!important;border-color:#54efd5!important;
}
html[data-theme="dark"] .sale-mix-chip.category-herramientas,
html[data-theme="dark"] .stock-cat-herramientas,
html[data-theme="dark"] .stock-category-name.category-herramientas,
html[data-theme="dark"] .category-herramientas .category-badge{
  background:#38bdf8!important;color:#082f49!important;border-color:#7dd3fc!important;
}
html[data-theme="dark"] .sale-mix-chip.category-birumen,
html[data-theme="dark"] .stock-cat-birumen,
html[data-theme="dark"] .stock-category-name.category-birumen,
html[data-theme="dark"] .category-birumen .category-badge{
  background:#22d3ee!important;color:#083344!important;border-color:#67e8f9!important;
}
html[data-theme="dark"] .sale-mix-chip.category-accesorios,
html[data-theme="dark"] .stock-cat-accesorios,
html[data-theme="dark"] .stock-category-name.category-accesorios,
html[data-theme="dark"] .category-accesorios .category-badge{
  background:#a78bfa!important;color:#2e1065!important;border-color:#c4b5fd!important;
}
html[data-theme="dark"] .sale-mix-chip.category-otros,
html[data-theme="dark"] .stock-cat-otros,
html[data-theme="dark"] .stock-category-name.category-otros,
html[data-theme="dark"] .category-otros .category-badge{
  background:#fbbf24!important;color:#422006!important;border-color:#fcd34d!important;
}

/* Sales table */
html[data-theme="dark"] #salesTable tr:hover{
  background:#202a34!important;
}
html[data-theme="dark"] #salesTable td,
html[data-theme="dark"] #salesTable th{
  border-color:#43515f!important;
}
html[data-theme="dark"] #salesTable .link-btn{
  color:#38bdf8!important;
}
html[data-theme="dark"] #salesTable strong{
  color:#ffffff!important;
}

/* Follow-up table */
html[data-theme="dark"] .notion-task-board{
  background:#171f27!important;
  border-color:#465564!important;
}
html[data-theme="dark"] .notion-task-table-head{
  background:#222d38!important;
  color:#b7c4cf!important;
  border-color:#465564!important;
}
html[data-theme="dark"] .notion-task-row{
  background:#171f27!important;
  border-color:#465564!important;
}
html[data-theme="dark"] .notion-task-row:hover{
  background:#202b35!important;
}
html[data-theme="dark"] .notion-task-title strong,
html[data-theme="dark"] .task-area-cell strong{
  color:#ffffff!important;
}
html[data-theme="dark"] .notion-task-title small,
html[data-theme="dark"] .task-area-cell small{
  color:#aebbc7!important;
}
html[data-theme="dark"] .task-check{
  background:#26333f!important;
  border-color:#5a6b7b!important;
  color:#ffffff!important;
}
html[data-theme="dark"] .status-pendiente{
  background:#fbbf24!important;color:#422006!important;
}
html[data-theme="dark"] .status-en-curso{
  background:#38bdf8!important;color:#082f49!important;
}
html[data-theme="dark"] .status-en-espera{
  background:#a78bfa!important;color:#2e1065!important;
}
html[data-theme="dark"] .status-completada{
  background:#2dd4bf!important;color:#073b36!important;
}
html[data-theme="dark"] .priority-baja{
  background:#64748b!important;color:#ffffff!important;
}
html[data-theme="dark"] .priority-media{
  background:#60a5fa!important;color:#082f49!important;
}
html[data-theme="dark"] .priority-alta{
  background:#fb923c!important;color:#431407!important;
}
html[data-theme="dark"] .priority-urgente{
  background:#fb7185!important;color:#4c0519!important;
}
html[data-theme="dark"] .scope-personal{
  background:#2dd4bf!important;color:#073b36!important;
}
html[data-theme="dark"] .scope-interarea{
  background:#c084fc!important;color:#3b0764!important;
}
html[data-theme="dark"] .task-due{
  color:#d4dde5!important;
}
html[data-theme="dark"] .task-due.late{
  color:#ff5b6d!important;
}

/* Routes */
html[data-theme="dark"] .route-card,
html[data-theme="dark"] .agenda-day{
  background:#171f27!important;
  border-color:#465564!important;
}
html[data-theme="dark"] .route-card:hover{
  background:#202b35!important;
  border-color:#38bdf8!important;
}
html[data-theme="dark"] .route-card strong,
html[data-theme="dark"] .agenda-day strong,
html[data-theme="dark"] .agenda-day b{
  color:#ffffff!important;
}
html[data-theme="dark"] .route-card small,
html[data-theme="dark"] .agenda-day span,
html[data-theme="dark"] .agenda-day small{
  color:#b4c0cb!important;
}
html[data-theme="dark"] .route-card em{
  color:#38bdf8!important;
}

/* Users */
html[data-theme="dark"] .status-pill.active{
  background:#2dd4bf!important;
  color:#073b36!important;
  border-color:#5eead4!important;
}
html[data-theme="dark"] .status-pill.inactive{
  background:#64748b!important;
  color:#ffffff!important;
  border-color:#94a3b8!important;
}
html[data-theme="dark"] #usersTable td,
html[data-theme="dark"] #usersTable th{
  border-color:#465564!important;
}
html[data-theme="dark"] #usersTable tr:hover{
  background:#202b35!important;
}

/* Status page */
html[data-theme="dark"] .status-hero{
  background:#12352f!important;
  border-color:#20b486!important;
  color:#d9fff2!important;
}
html[data-theme="dark"] .status-hero strong,
html[data-theme="dark"] .status-hero small{
  color:#d9fff2!important;
}
html[data-theme="dark"] .status-component{
  background:#171f27!important;
  border-color:#526170!important;
}
html[data-theme="dark"] .status-component strong{
  color:#ffffff!important;
}
html[data-theme="dark"] .status-component small{
  color:#b5c1cc!important;
}
html[data-theme="dark"] .status-component em{
  color:#ffffff!important;
  background:#273541!important;
  padding:5px 8px;
  border-radius:7px;
}
html[data-theme="dark"] .status-dot.operational{
  background:#20d49a!important;
}
html[data-theme="dark"] .status-dot.attention{
  background:#ffb020!important;
}
html[data-theme="dark"] .audit-panel,
html[data-theme="dark"] .audit-event{
  background:#171f27!important;
  border-color:#465564!important;
}
html[data-theme="dark"] .audit-title strong{
  color:#ffffff!important;
}
html[data-theme="dark"] .audit-event p,
html[data-theme="dark"] .audit-event small,
html[data-theme="dark"] .audit-event time{
  color:#b7c3ce!important;
}
html[data-theme="dark"] .empty{
  color:#c0cad3!important;
  background:#202a34!important;
  border-color:#4c5b69!important;
}

/* Settings */
html[data-theme="dark"] .region-assignment,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .integration-card{
  background:#171f27!important;
  border-color:#465564!important;
}
html[data-theme="dark"] .region-assignment label,
html[data-theme="dark"] .settings-card label{
  color:#d6dfe7!important;
}

/* Aura Assist readability */
.assistant-conversation{
  font-size:11px!important;
}
.chat-message p{
  font-size:10.5px!important;
  line-height:1.62!important;
}
.chat-message strong{
  font-size:11px!important;
}
.assist-result-head span{
  font-size:8.5px!important;
}
.assist-result-head strong{
  font-size:12px!important;
}
.assist-list strong,
.assist-action-list strong,
.assist-task-groups strong{
  font-size:10px!important;
}
.assist-list small,
.assist-action-list small,
.assist-task-groups small{
  font-size:9px!important;
}
.assistant-prompts button{
  font-size:9.5px!important;
  line-height:1.35!important;
}
.assistant-chat-input input{
  font-size:10.5px!important;
}
.assistant-chat-input button{
  font-size:10px!important;
}

/* Japanese layout */
html[lang="ja"] .nav-item{
  letter-spacing:0;
}
html[lang="ja"] .topbar h1,
html[lang="ja"] .workspace-head h2{
  line-height:1.25;
}


/* =========================================================
   AJUSTE PERSONALIZADO
   Color #ff78c9 = Ali
   Funnel a ancho completo
   ========================================================= */

/*
 * El nombre visible "Ali" se define en assets/js/app.js.
 * En CSS el color debe mantenerse como un valor hexadecimal válido.
 */
:root {
    --pink: #ff78c9; /* Ali */
}

/* El contenido general puede usar todo el ancho disponible. */
.content {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* El Funnel comienza inmediatamente dentro del área de contenido. */
#view-funnel {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* Encabezado, filtros y resumen del Funnel a ancho completo. */
#view-funnel .workspace-head,
#view-funnel .section-toolbar,
#view-funnel .filters,
#view-funnel .funnel-summary-v6 {
    width: 100%;
    max-width: none;
}

/*
 * El tablero ocupa todo el ancho.
 * Las columnas se distribuyen y, cuando no caben, se desplazan
 * horizontalmente dentro del tablero sin cortar la página.
 */
#view-funnel .kanban {
    width: 100%;
    max-width: none;
    grid-template-columns: repeat(6, minmax(220px, 1fr));
    gap: 10px;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 14px;
    scrollbar-width: thin;
    overscroll-behavior-inline: contain;
}

/* Columnas del Funnel. */
#view-funnel .kanban-col {
    width: auto;
    min-width: 220px;
    max-width: none;
}

/* Evita que las tarjetas ensanchen la columna. */
#view-funnel .lead-list,
#view-funnel .lead-card,
#view-funnel .next-best-action {
    min-width: 0;
}

/* Pantallas grandes. */
@media (min-width: 1500px) {
    #view-funnel .kanban {
        grid-template-columns: repeat(6, minmax(205px, 1fr));
    }
}

/* Notebook y pantallas medianas. */
@media (max-width: 1400px) {
    #view-funnel .kanban {
        grid-template-columns: repeat(6, 230px);
    }
}

/* Tablet. */
@media (max-width: 900px) {
    #view-funnel .kanban {
        grid-template-columns: repeat(6, minmax(245px, 78vw));
    }
}

/* Móvil. */
@media (max-width: 640px) {
    #view-funnel .kanban {
        grid-template-columns: repeat(6, minmax(270px, 88vw));
        gap: 9px;
    }

    #view-funnel .kanban-col {
        min-width: 270px;
    }
}