:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#f3f5f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:1fr;gap:16px;padding:16px}.mobile-header,.lead-queue,.workspace,.conversation-frame,.context-panel,.funnel-column{background:#fff;border:1px solid #d9dee5;border-radius:8px}.mobile-header{display:flex;align-items:center;gap:12px;padding:12px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#113a5c;color:#fff;font-weight:800}.nav-rail,.funnel-board{display:none}.lead-queue,.workspace,.conversation-frame,.context-panel{min-width:0;padding:16px}.section-head,.detail-head,.workspace-head,.funnel-column header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workspace{display:grid;gap:16px}.workspace.pipeline{display:none}.eyebrow{margin:0 0 4px;color:#5d6a74;font-size:.76rem;font-weight:700;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:1.32rem;line-height:1.18}h2{margin-bottom:6px;font-size:1.05rem}.count-pill,.urgency,.card-meta span{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 9px;font-size:.78rem;font-weight:700;white-space:nowrap}.count-pill{background:#e4f1eb;color:#245b43}.stage-tabs{display:flex;gap:8px;margin:16px 0;overflow-x:auto;padding-bottom:2px}.stage-tabs button{min-height:36px;border:1px solid #c8d0d8;border-radius:8px;background:#f7f9fb;color:#38434d;padding:0 12px;font-size:.82rem;font-weight:800}.stage-tabs button.selected{background:#113a5c;border-color:#113a5c;color:#fff}.search-box{display:grid;gap:6px;margin-bottom:14px;color:#5d6a74;font-size:.82rem;font-weight:700}.search-box input{width:100%;min-height:42px;border:1px solid #c8d0d8;border-radius:8px;padding:0 12px}.mobile-list{display:grid;gap:10px}.lead-card{position:relative;display:grid;width:100%;min-height:150px;gap:6px;padding:14px;text-align:left;border:1px solid #d9dee5;border-radius:8px;background:#fff;color:#202124}.lead-card.selected{border-color:#0d6b73;box-shadow:0 0 0 2px #0d6b7324}.lead-card strong{padding-right:72px;font-size:1rem}.lead-card p{margin-bottom:4px;color:#38434d;line-height:1.35}.muted{color:#6d7882;font-size:.9rem}.urgency{position:absolute;top:12px;right:12px}.urgency-alta{background:#ffe5df;color:#9d2f18}.urgency-media{background:#fff2c7;color:#765707}.urgency-baja{background:#e3f2f4;color:#275e65}.card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.card-meta span{background:#edf1f5;color:#38434d}.conversation-frame,.context-panel{display:grid;gap:16px}.conversation-frame{align-content:start}.primary-action,.secondary-action,.task-card{border:0;border-radius:8px}.primary-action{min-height:40px;background:#0d6b73;color:#fff;padding:0 14px;font-weight:800}.secondary-action{min-height:38px;background:#edf1f5;color:#26323c;padding:0 12px;font-weight:800}.timeline{display:grid;gap:10px}.message{border-radius:8px;padding:12px}.message span,.composer span,.task-card span{display:block;color:#5d6a74;font-size:.78rem;font-weight:800;margin-bottom:4px}.message p,.composer p,.context-panel p{margin-bottom:0;line-height:1.45}.message.customer{background:#f4efe6}.message.agent{background:#e9f2f2}.message.system,.composer{background:#f0f3f6}.composer{border:1px dashed #aab5bf;border-radius:8px;padding:12px}.context-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.context-facts div{display:grid;gap:4px;min-height:68px;border:1px solid #d9dee5;border-radius:8px;padding:10px;background:#f7f9fb}.context-facts span{color:#5d6a74;font-size:.75rem;font-weight:800;text-transform:uppercase}.action-stack{display:grid;gap:10px}.task-card{display:grid;gap:5px;width:100%;min-height:78px;padding:12px;text-align:left;background:#f7f9fb;border:1px solid #d9dee5;color:#202124}@media (min-width: 980px){.app-shell{grid-template-columns:72px minmax(280px,340px) minmax(0,1fr);grid-template-rows:1fr;gap:14px;padding:18px;height:100vh;max-height:100vh;overflow:hidden}.mobile-header,.lead-queue{display:none}.nav-rail{display:flex;flex-direction:column;align-items:center;gap:22px;padding:14px 10px;background:#fff;border:1px solid #d9dee5;border-radius:8px}.nav-rail nav{display:grid;gap:8px;width:100%}.nav-rail a,.nav-rail button{display:grid;place-items:center;width:100%;min-height:42px;border:0;border-radius:8px;background:transparent;color:#5d6a74;font-size:.78rem;font-weight:800;text-decoration:none}.nav-rail a.active,.nav-rail button.active{background:#e3f2f4;color:#0d5960}.context-panel{grid-column:2;grid-row:1;min-height:0;overflow:auto}.workspace,.workspace.pipeline{grid-column:3;grid-row:1;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;overflow:hidden}.funnel-board{display:grid;grid-template-columns:repeat(5,minmax(185px,1fr));gap:10px;min-height:0;min-width:0;overflow-x:auto}.funnel-column{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:185px;padding:10px;overflow:hidden}.column-scroll{min-height:0;overflow-y:auto;padding-right:2px}.funnel-column header{align-items:center;margin-bottom:8px}.funnel-column h2{margin:0;font-size:.78rem}.funnel-column .lead-card{min-height:128px;margin-bottom:8px;padding:12px}.funnel-column .lead-card strong{font-size:.92rem;padding-right:56px}.conversation-frame{min-height:0;overflow:auto}}