:root 
      {
        --hu-navy:     #1B3A6B;
        --hu-navy2:    #2563A8;
        --hu-navy3:    #3A78C9;
        --hu-orange:   #E07B1A;
        --hu-orange2:  #F59B45;
        --bg:          #EAEFF7;
        --surface:     #FFFFFF;
        --surface2:    #F4F7FC;
        --border:      #DDE4EE;
        --border2:     #C8D3E5;
        --text:        #16202E;
        --text2:       #445168;
        --text3:       #8795AA;
        --green:       #0D6B52; --green-bg: #DFF5EE; --green-b: #52C49A;
        --red:         #9C2424; --red-bg: #FCEAEA; --red-b: #EF8888;
        --amber:       #78410A; --amber-bg: #FEF3E3; --amber-b: #F0A030;
        --purple:      #3A339A; --purple-bg: #EEEDFE; --purple-b: #ABA5EC;
        --blue-bg:     #E4EFF9; --blue-b: #80B2E8;
        --r:  7px; --r2: 11px; --r3: 16px;
        font-family: 'IBM Plex Sans', sans-serif;
      }
      *{box-sizing:border-box;margin:0;padding:0;}
      /*body{background:var(--bg);color:var(--text);font-size:11px;line-height:1.4;overflow:hidden;width:500px;height:800px;}*/
      /*
      body{
        background:var(--bg);
        color:var(--text);
        font-size:11px;
        line-height:1.4;
        overflow:hidden;

        width:100vw;
        min-height:100vh;
      }
      */
      /* Ajuste para el cuerpo de la página */
      body 
      {
        background: var(--bg);
        color: var(--text);
        font-size: 11px;
        line-height: 1.4;
        overflow-y: auto; /* Permitir scroll si el contenido crece */
        min-height: 100vh;
        display: flex;
        flex-direction: column;
      }

      /* ─── SCROLLBAR ─────────────────────────────── */
      ::-webkit-scrollbar{width:4px;}
      ::-webkit-scrollbar-track{background:transparent;}
      ::-webkit-scrollbar-thumb{background:#B8C4D8;border-radius:4px;}

      /* ─── TOPBAR ─────────────────────────────────── */
      .topbar
      {
        background:var(--hu-navy);color:#fff;
        display:flex;align-items:center;justify-content:space-between;
        padding:0 12px;height:30px;position:sticky;top:0;z-index:200;
        box-shadow:0 1px 4px rgba(0,0,0,.25);
      }
      .topbar-left{display:flex;align-items:center;gap:18px;}
      .tb-brand{font-size:11px;font-weight:700;letter-spacing:.2px;display:flex;align-items:center;gap:6px;}
      .tb-brand-logo{width:18px;height:18px;border-radius:4px;background:var(--hu-orange);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;}
      .tb-meta{font-size:10px;color:#8AAAD0;display:flex;gap:10px;}
      .tb-meta span{display:flex;align-items:center;gap:5px;}
      .tb-dot-live{width:6px;height:6px;border-radius:50%;background:#4ADE80;animation:pulse 2s infinite;}
      @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.5;}}
      .tb-right{display:flex;align-items:center;gap:10px;}
      .tb-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;}
      .tb-status.disponible{background:rgba(74,222,128,.18);color:#4ADE80;border:1px solid rgba(74,222,128,.3);}
      .tb-status.en-llamada{background:rgba(240,160,48,.18);color:var(--hu-orange2);border:1px solid rgba(240,160,48,.35);}

      /* ─── CALL RIBBON ────────────────────────────── */
      .call-ribbon
      {
        background:linear-gradient(90deg, var(--hu-navy) 0%, #1e4a8a 100%);
        border-bottom:2px solid var(--hu-orange);
        padding:0 12px;height:36px;
        display:flex;align-items:center;gap:0;
        position:sticky;top:30px;z-index:190;
      }
      .cr-lead{display:flex;flex-direction:column;justify-content:center;min-width:120px;padding-right:8px;border-right:1px solid rgba(255,255,255,.12);}
      .cr-name{font-size:11px;font-weight:700;color:#fff;line-height:1.2;}
      .cr-sub{font-size:9px;color:#8AAAD0;}
      .cr-acts{display:flex;align-items:center;gap:0;padding:0 8px;border-right:1px solid rgba(255,255,255,.12);flex:1;}
      .cr-act{display:flex;align-items:center;gap:0;}
      .cr-act-item
      {
        display:flex;align-items:center;gap:4px;
        padding:3px 6px;border-radius:5px;cursor:pointer;
        font-size:9px;font-weight:600;color:rgba(255,255,255,.45);
        transition:all .2s;border:1.5px solid transparent;
      }
      .cr-act-item:hover{color:rgba(255,255,255,.8);}
      .cr-act-item.done{color:var(--green-b);border-color:rgba(82,196,154,.3);background:rgba(82,196,154,.08);}
      .cr-act-item.active{color:#fff;border-color:var(--hu-orange);background:rgba(224,123,26,.15);}
      .cr-act-num{width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;}
      .cr-act-item.done .cr-act-num{background:var(--green);color:#fff;}
      .cr-act-item.active .cr-act-num{background:var(--hu-orange);color:#fff;}
      .cr-act-item:not(.done):not(.active) .cr-act-num{background:rgba(255,255,255,.1);color:rgba(255,255,255,.4);}
      .cr-sep{color:rgba(255,255,255,.2);font-size:12px;margin:0 2px;}
      .cr-right{display:flex;align-items:center;gap:10px;padding-left:12px;}
      .cr-timer
      {
        font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:500;
        color:#fff;letter-spacing:1px;min-width:48px;text-align:center;
      }
      .cr-timer-label{font-size:8px;color:#8AAAD0;text-align:center;letter-spacing:.4px;text-transform:uppercase;}
      .cr-urgency{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;}
      .urgency-hot{background:rgba(224,123,26,.2);color:var(--hu-orange2);border:1px solid rgba(224,123,26,.4);}

      /* ─── COMPLIANCE STRIP ───────────────────────── */
      .compliance-strip
      {
        background:var(--green-bg);border-bottom:1px solid var(--green-b);
        padding:4px 16px;display:flex;align-items:center;gap:18px;
      }
      .cs-item{display:flex;align-items:center;gap:5px;font-size:11px;}
      .cs-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
      .cs-ok{background:var(--green);}
      .cs-no{background:var(--red);}
      .cs-label{font-weight:600;color:var(--green);}
      .cs-sub{color:var(--text3);font-size:10px;}
      .cs-warn-strip{background:var(--red-bg);border-bottom-color:var(--red-b);}
      .cs-warn-strip .cs-label{color:var(--red);}

      /* ─── LAYOUT ─────────────────────────────────── */
      .layout{display:grid;grid-template-columns:3fr 2fr;gap:12px;padding:12px 12px 110px;align-items:start;min-height:calc(100vh - 100px);}
      /* ─── CARD ───────────────────────────────────── */
      .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;}
      .card-header{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--surface2);}
      .card-icon{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;}
      .card-title{font-size:9px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;flex:1;}
      .card-body{padding:8px 10px;}

      /* ─── BADGE / PILL ───────────────────────────── */
      .badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:600;padding:1px 6px;border-radius:20px;white-space:nowrap;}
      .b-green {background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);}
      .b-red   {background:var(--red-bg);color:var(--red);border:1px solid var(--red-b);}
      .b-amber {background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-b);}
      .b-purple{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-b);}
      .b-blue  {background:var(--blue-bg);color:var(--hu-navy2);border:1px solid var(--blue-b);}
      .b-navy  {background:var(--hu-navy);color:#fff;border:1px solid var(--hu-navy);}
      .b-orange{background:#FFF0E0;color:#7A3200;border:1px solid #F59B45;}
      .b-gray  {background:#F0EEE8;color:#545250;border:1px solid #CCCAC0;}

      /* ─── LEFT COLUMN ────────────────────────────── */
      .field-group{display:flex;flex-direction:column;gap:2px;}
      .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
      .fg-full{grid-column:1/-1;}
      .field-label{font-size:9px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px;}
      .req{color:var(--red);}
      .ro-tag{font-size:9px;background:#EEECEC;color:#6A6560;border:1px solid #D5D1CC;padding:1px 5px;border-radius:4px;}
      .field-input{height:26px;border:1px solid var(--border2);border-radius:var(--r);padding:0 7px;font-size:11px;color:var(--text);font-family:inherit;background:var(--surface2);outline:none;transition:border-color .15s,background .15s;width:100%;}
      .field-input:focus{border-color:var(--hu-navy2);background:#fff;}
      .field-input.readonly{background:#F4F4F4;color:var(--text2);cursor:default;border-style:dashed;border-color:#D0D0D0;}
      .field-input.pending{border-color:var(--amber-b);background:var(--amber-bg);}
      .field-select{height:26px;border:1px solid var(--border2);border-radius:var(--r);padding:0 7px;font-size:11px;color:var(--text);font-family:inherit;background:var(--surface2);outline:none;width:100%;}

      /* Trazabilidad */
      .trace-box{background:#EEF3FC;border:1px solid #BFD0EB;border-radius:var(--r);padding:9px 11px;margin-top:8px;}
      .trace-title{font-size:10px;font-weight:700;color:var(--hu-navy2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;}
      .trace-row{display:grid;grid-template-columns:60px 1fr 18px 1fr;gap:5px;align-items:center;margin-bottom:4px;}
      .trace-row:last-child{margin-bottom:0;}
      .tr-cat{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;}
      .tr-val{font-size:11px;font-weight:500;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:4px;padding:3px 7px;}
      .tr-null{font-style:italic;color:var(--text3);font-size:11px;}
      .tr-arrow{text-align:center;color:var(--text3);font-size:12px;}
      .tr-changed{border-color:var(--hu-orange)!important;color:var(--hu-orange)!important;font-weight:600!important;}

      /* ─── BOT HANDOFF ────────────────────────────── */
      .bot-card{background:var(--surface);border:1px solid #BFD0EB;border-radius:var(--r2);overflow:hidden;}
      .bot-card-header{background:linear-gradient(90deg,#E8F0FC,#EEF3FC);border-bottom:1px solid #BFD0EB;padding:8px 12px;display:flex;align-items:center;gap:8px;}
      .bc-label{font-size:10px;font-weight:700;color:var(--hu-navy2);text-transform:uppercase;letter-spacing:.5px;flex:1;}
      .bida-track{display:flex;gap:3px;}
      .bida-step{width:28px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1.5px solid transparent;}
      .bs-done  {background:var(--hu-navy);color:#fff;}
      .bs-active{background:var(--hu-orange);color:#fff;border-color:#C06010;}
      .bs-pend  {background:#fff;color:var(--text3);border-color:var(--border2);}
      .bot-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:10px 12px;}
      .bot-item{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:5px 8px;}
      .bot-item.missing{background:var(--amber-bg);border-color:var(--amber-b);}
      .bi-label{font-size:9px;color:var(--text3);margin-bottom:1px;text-transform:uppercase;letter-spacing:.3px;}
      .bi-value{font-size:12px;font-weight:500;color:var(--text);}
      .bi-miss{font-size:11px;font-style:italic;color:var(--amber);font-weight:500;}
      .bot-reason{display:flex;align-items:center;gap:6px;margin:0 12px 10px;padding:6px 10px;background:var(--amber-bg);border:1px solid var(--amber-b);border-radius:6px;font-size:11px;color:var(--amber);font-weight:500;}

      /* ─── TABS ───────────────────────────────────── */
      .tabs{display:flex;border-bottom:1px solid var(--border);background:var(--surface2);padding:0 8px;}
      .tab{padding:5px 8px;font-size:10px;font-weight:500;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;white-space:nowrap;}
      .tab:hover{color:var(--text);}
      .tab.on{color:var(--hu-navy);border-bottom-color:var(--hu-orange);font-weight:700;}
      .tab-panel{display:none;padding:8px 10px;}
      .tab-panel.on{display:block;}

      /* ─── GATES ──────────────────────────────────── */
      .gates-section{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
      .gate-card{border-radius:var(--r2);border:1.5px solid var(--border2);background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
      .gate-card.answered-yes{border-color:var(--green-b);box-shadow:0 0 0 3px rgba(82,196,154,.12);}
      .gate-card.answered-no{border-color:var(--red-b);box-shadow:0 0 0 3px rgba(156,36,36,.08);}
      .gate-card.answered-undef{border-color:var(--amber-b);}
      .gate-head{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid var(--border);}
      .gate-num{width:22px;height:22px;border-radius:50%;background:var(--hu-orange);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
      .gate-q{font-size:12px;font-weight:600;color:var(--text);flex:1;line-height:1.3;}
      .gate-btns{display:flex;gap:4px;padding:6px 10px;}
      .gate-btn{flex:1;height:27px;border-radius:var(--r);border:1.5px solid var(--border2);background:#fff;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit;letter-spacing:.2px;}
      .gate-btn.yes{border-color:var(--green-b);color:var(--green);}
      .gate-btn.yes:hover,.gate-btn.yes.sel{background:var(--green-bg);border-color:var(--green);transform:translateY(-1px);box-shadow:0 3px 8px rgba(13,107,82,.15);}
      .gate-btn.no{border-color:var(--red-b);color:var(--red);}
      .gate-btn.no:hover,.gate-btn.no.sel{background:var(--red-bg);border-color:var(--red);transform:translateY(-1px);}
      .gate-btn.undef{border-color:var(--amber-b);color:var(--amber);}
      .gate-btn.undef:hover,.gate-btn.undef.sel{background:var(--amber-bg);border-color:var(--amber);transform:translateY(-1px);}
      .gate-btn.sel{font-weight:700;}
      .gate-outcome{margin:0 12px 10px;padding:7px 10px;border-radius:6px;font-size:11px;font-weight:500;display:none;align-items:center;gap:7px;}
      .gate-outcome.show{display:flex;}
      .go-success{background:var(--green-bg);border:1px solid var(--green-b);color:var(--green);}
      .go-warn{background:var(--amber-bg);border:1px solid var(--amber-b);color:var(--amber);}
      .go-danger{background:var(--red-bg);border:1px solid var(--red-b);color:var(--red);}

      /* ─── ACTION CHECKS ──────────────────────────── */
      .actions-title{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;}
      .action-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
      .action-check{display:flex;align-items:center;gap:8px;padding:7px 9px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:all .15s;}
      .action-check:hover{border-color:var(--blue-b);background:var(--blue-bg);}
      .action-check input{accent-color:var(--hu-navy2);width:13px;height:13px;cursor:pointer;}
      .action-check label{font-size:11px;cursor:pointer;font-weight:500;line-height:1.3;}
      .action-check.checked{border-color:var(--hu-navy2);background:var(--blue-bg);}

      /* Interest sub-fields */
      .int-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;}

      /* ─── HISTORY ────────────────────────────────── */
      .hist-item{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid var(--border);}
      .hist-item:last-child{border-bottom:none;}
      .hist-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
      .hi-blue{background:var(--blue-bg);color:var(--hu-navy2);}
      .hi-green{background:var(--green-bg);color:var(--green);}
      .hi-amber{background:var(--amber-bg);color:var(--amber);}
      .hist-title{font-size:12px;font-weight:500;color:var(--text);}
      .hist-meta{font-size:10px;color:var(--text3);margin-top:2px;}

      /* ─── NOTES ──────────────────────────────────── */
      .notes-ta{width:100%;min-height:72px;border:1px solid var(--border2);border-radius:var(--r);padding:8px 10px;font-size:12px;font-family:inherit;color:var(--text);background:var(--surface2);resize:vertical;outline:none;line-height:1.5;}
      .notes-ta:focus{border-color:var(--hu-navy2);background:#fff;}

      /* ─── TIPIFICACIÓN ───────────────────────────── */
      .tip-groups{display:flex;gap:5px;margin-bottom:9px;}
      .tip-group-btn{flex:1;padding:7px 5px;border-radius:var(--r);border:1.5px solid var(--border2);background:#fff;font-size:11px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s;font-family:inherit;color:var(--text2);}
      .tip-group-btn:hover{border-color:var(--hu-navy2);color:var(--hu-navy);}
      .tip-group-btn.on{border-color:var(--hu-orange);background:#FFF0E0;color:#7A3200;}
      .tip-options{display:none;}
      .tip-options.on{display:block;}
      .tip-select{width:100%;height:33px;border:1px solid var(--border2);border-radius:var(--r);padding:0 9px;font-size:12px;font-family:inherit;background:var(--surface2);color:var(--text);outline:none;}
      .tip-checks{display:flex;flex-direction:column;gap:4px;}
      .tip-check{display:flex;align-items:center;gap:8px;padding:6px 9px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s;}
      .tip-check input{accent-color:var(--hu-navy2);}
      .tip-check label{font-size:12px;cursor:pointer;font-weight:500;}
      .tip-check:hover{border-color:var(--blue-b);background:var(--blue-bg);}

      /* ─── SAVE BLOCK ─────────────────────────────── */
      .save-block{background:linear-gradient(135deg,#EEF3FC,#E5EDF8);border:1px solid #BFD0EB;border-radius:var(--r2);padding:12px 13px;margin-top:8px;}
      .save-next{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;}
      .save-outcome{font-size:12px;font-weight:600;color:var(--hu-navy);margin-bottom:10px;display:flex;align-items:center;gap:7px;}
      .save-btn{width:100%;height:40px;background:var(--hu-orange);color:#fff;border:none;border-radius:var(--r);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:7px;letter-spacing:.2px;}
      .save-btn:hover{background:#C86A10;transform:translateY(-1px);box-shadow:0 4px 12px rgba(224,123,26,.35);}
      .save-btn:active{transform:translateY(0);}

      /* ─── RIGHT SIDEBAR ──────────────────────────── */
      /* Script 4 Acts */
      .acto-block{margin-bottom:6px;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
      .acto-header{display:flex;align-items:center;gap:8px;padding:8px 11px;cursor:pointer;background:var(--surface2);border-bottom:1px solid transparent;transition:background .15s;}
      .acto-header:hover{background:#EAF0F9;}
      .acto-header.on{background:#EAF0F9;border-bottom-color:var(--border);}
      .acto-num{width:20px;height:20px;border-radius:50%;background:var(--hu-navy);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
      .acto-title{font-size:11px;font-weight:600;color:var(--text);flex:1;}
      .acto-time{font-size:10px;color:var(--text3);}
      .acto-body{display:none;padding:9px 11px;}
      .acto-body.on{display:block;}
      .acto-steps{display:flex;flex-direction:column;gap:5px;}
      .acto-step{display:flex;gap:7px;font-size:11px;color:var(--text2);line-height:1.4;padding:2px 0;}
      .step-dot{width:5px;height:5px;border-radius:50%;background:var(--hu-orange);flex-shrink:0;margin-top:5px;}
      .acto-mark{display:flex;align-items:center;gap:5px;margin-top:8px;}
      .mark-btn{flex:1;height:28px;border-radius:var(--r);border:1.5px solid var(--border2);background:#fff;font-size:10px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;color:var(--text3);}
      .mark-btn.done-btn{border-color:var(--green-b);color:var(--green);}
      .mark-btn.done-btn:hover,.mark-btn.done-btn.active{background:var(--green-bg);border-color:var(--green);}

      /* ─── AI ASSISTANT ───────────────────────────── */
      .ia-panel{position:relative;}
      .ia-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px;}
      .ia-chip{
        font-size:10px;padding:4px 10px;border-radius:20px;
        border:1px solid var(--blue-b);background:var(--blue-bg);
        color:var(--hu-navy2);cursor:pointer;font-weight:600;
        transition:all .15s;line-height:1.4;
      }
      .ia-chip:hover{background:var(--hu-navy2);color:#fff;border-color:var(--hu-navy2);}
      .ia-input-row{display:flex;gap:6px;margin-bottom:7px;}
      .ia-input{flex:1;height:33px;border:1px solid var(--border2);border-radius:var(--r);padding:0 10px;font-size:12px;font-family:inherit;background:var(--surface2);outline:none;}
      .ia-input:focus{border-color:var(--hu-navy2);background:#fff;}
      .ia-send{height:33px;width:33px;border:1px solid var(--hu-navy2);background:var(--hu-navy);color:#fff;border-radius:var(--r);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;}
      .ia-send:hover{background:var(--hu-navy2);}
      .ia-response{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);padding:9px 11px;font-size:11px;color:var(--text2);min-height:52px;line-height:1.55;}
      .ia-kb{font-size:9px;color:var(--text3);margin-top:5px;text-align:right;letter-spacing:.3px;}

      /* ─── PROGRESS DIVIDER ───────────────────────── */
      .divider-label{display:flex;align-items:center;gap:8px;margin:10px 0;}
      .dl-text{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;}
      .dl-line{flex:1;border-top:1px solid var(--border);}

      /* ─── SEARCH CARD ────────────────────────────── */
      .search-wrap{display:flex;gap:8px;align-items:center;}
      .search-box{position:relative;flex:1;}
      .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text3);font-size:14px;pointer-events:none;}
      .search-input{width:100%;height:34px;border:1px solid var(--border2);border-radius:var(--r);padding:0 11px 0 32px;font-size:12px;color:var(--text);background:var(--surface2);font-family:inherit;outline:none;transition:border-color .15s;}
      .search-input:focus{border-color:var(--hu-navy2);background:#fff;}
      .search-btn{height:34px;padding:0 14px;border-radius:var(--r);border:1px solid var(--hu-navy);background:var(--hu-navy);color:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s;}
      .search-btn:hover{background:var(--hu-navy2);}

      /* ─── SENTIMENT STATES ───────────────────────── */
      .sent-state { flex:1; height:44px; border-radius:6px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; font-size:14px; cursor:default; border:1.5px solid var(--border2); background:var(--surface2); color:var(--text3); transition:all .2s; }
      .sent-state span { font-size:8px; font-weight:700; line-height:1.2; text-align:center; }
      .sent-active-1 { background:var(--green-bg)  !important; border-color:var(--green)   !important; color:var(--green)   !important; box-shadow:0 0 0 3px rgba(13,107,82,.1); }
      .sent-active-2 { background:#E8F7EE          !important; border-color:#52C49A        !important; color:#0A7A45        !important; box-shadow:0 0 0 3px rgba(82,196,154,.12); }
      .sent-active-3 { background:#F0F4FF          !important; border-color:var(--blue-b)  !important; color:var(--hu-navy2) !important; box-shadow:0 0 0 3px rgba(37,99,168,.1); }
      .sent-active-4 { background:var(--amber-bg)  !important; border-color:var(--amber-b) !important; color:var(--amber)   !important; box-shadow:0 0 0 3px rgba(120,65,10,.1); }
      .sent-active-5 { background:var(--red-bg)    !important; border-color:var(--red-b)   !important; color:var(--red)     !important; box-shadow:0 0 0 3px rgba(156,36,36,.1); }

      /* ─── HS LEAD CARDS ──────────────────────────── */
      .hs-lead-card{border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:box-shadow .15s;}
      .hs-lead-card.activo{border-color:var(--hu-navy2);box-shadow:0 0 0 3px rgba(37,99,168,.1);}
      .hs-lead-header{display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--surface2);cursor:pointer;transition:background .15s;user-select:none;}
      .hs-lead-header:hover{background:#EAF0F9;}
      .hs-lead-chevron{font-size:11px;color:var(--text3);transition:transform .2s;flex-shrink:0;}
      .hs-lead-chevron.open{transform:rotate(90deg);}
      .hs-lead-title{font-size:12px;font-weight:600;color:var(--text);flex:1;}
      .hs-lead-body{display:none;}
      .hs-lead-body.open{display:block;}
      .hs-field-row{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid var(--border);}
      .hs-field-row:last-child{border-bottom:none;}
      .hs-field-lbl{padding:8px 12px;background:var(--surface2);border-right:1px solid var(--border);display:flex;align-items:center;font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.4px;}
      .hs-field-val{padding:8px 12px;display:flex;align-items:center;font-size:12px;color:var(--text);}

      /* ─── TRAZABILIDAD TABLE ─────────────────────── */
      .traz-hdr{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.4px;}
      .traz-cell{font-size:12px;color:var(--text);display:flex;align-items:center;}
      .traz-row:hover{background:#F4F8FE;}
      .traz-row-active:hover{background:#E8F0FC!important;}
      .skel-line { height:11px; border-radius:4px; background:linear-gradient(90deg,var(--border) 25%,var(--surface2) 50%,var(--border) 75%); background-size:200% 100%; animation:skel-shimmer 1.4s infinite; }
      @keyframes skel-shimmer { 0%{background-position:200% 0;} 100%{background-position:-200% 0;} }

      /* ─── CONVERSACIÓN ───────────────────────────── */
      .conv-ch-btn{width:26px;height:26px;border-radius:6px;border:1.5px solid var(--border2);background:var(--surface2);color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0;}
      .conv-ch-btn:hover{border-color:var(--hu-navy2);color:var(--hu-navy2);}
      .conv-ch-btn.active{background:var(--hu-navy);border-color:var(--hu-navy);color:#fff;}
      .conv-bubble{max-width:82%;padding:7px 10px;border-radius:10px;font-size:11px;line-height:1.5;word-break:break-word;}
      .conv-lead{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:10px 10px 10px 2px;}
      .conv-bot{background:var(--blue-bg);border:1px solid var(--blue-b);color:var(--hu-navy);border-radius:10px 10px 2px 10px;}
      .conv-host{background:var(--hu-navy);color:#fff;border-radius:10px 10px 2px 10px;}

      /* ─── MENSAJE CANAL BTN ──────────────────────── */
      .msg-canal-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:48px;border-radius:var(--r);border:1.5px solid var(--border2);background:var(--surface2);font-size:11px;font-weight:600;color:var(--text2);cursor:pointer;font-family:inherit;transition:all .15s;}
      .msg-canal-btn:hover{border-color:var(--green-b);color:var(--green);}
      .msg-canal-btn.active{background:var(--green-bg);border-color:var(--green);color:var(--green);box-shadow:0 0 0 3px rgba(13,107,82,.08);}

      /* ─── FC ASSIGN BLOCK ────────────────────────── */

      /* ─── DESARROLLOS MULTI-ROW ──────────────────── */
      .des-row{display:grid;grid-template-columns:1fr 1fr 28px;gap:6px;align-items:end;}
      .des-remove{width:28px;height:31px;border:1px solid var(--red-b);background:var(--red-bg);color:var(--red);border-radius:var(--r);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;}
      .des-remove:hover{background:var(--red);color:#fff;}
      .des-remove:disabled{opacity:.3;cursor:default;pointer-events:none;}

      /* ─── VISITA CARD ────────────────────────────── */
      .visita-card{background:var(--blue-bg);border:1px solid var(--blue-b);border-radius:var(--r);padding:9px 11px;}
      .visita-card-title{font-size:10px;font-weight:700;color:var(--hu-navy2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px;}

      /* ─── INTERESES CHIPS ────────────────────────── */
      .interes-chip{font-size:10px;padding:3px 8px;border-radius:20px;border:1.5px solid var(--border2);background:var(--surface2);color:var(--text2);cursor:pointer;font-weight:500;transition:all .15s;user-select:none;}
      .interes-chip:hover{border-color:var(--hu-navy2);color:var(--hu-navy);}
      .interes-chip.selected{background:var(--blue-bg);border-color:var(--hu-navy2);color:var(--hu-navy);font-weight:700;}

      /* ─── MISC ───────────────────────────────────── */
      .section-gap{display:flex;flex-direction:column;height:100%;overflow:hidden;}
      .row-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
      .note-hint{font-size:10px;color:var(--text3);margin-top:4px;font-style:italic;}
      .tooltip-hint{font-size:10px;color:var(--text3);padding:3px 7px;background:var(--amber-bg);border:1px solid var(--amber-b);border-radius:4px;display:inline-flex;align-items:center;gap:4px;}

      .mvp-col{display:flex;flex-direction:column;gap:6px;}
      .msg-canal-btn2{display:flex;align-items:center;justify-content:center;gap:5px;height:28px;border-radius:var(--r);border:1.5px solid var(--border2);background:var(--surface2);font-size:10px;font-weight:600;color:var(--text2);cursor:pointer;font-family:inherit;transition:all .15s;}
      .msg-canal-btn2.active{background:var(--green-bg);border-color:var(--green);color:var(--green);}
      .msg-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
      .msg-group-title{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.4px;margin:5px 0 3px;}
      .msg-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;font-size:10px;color:var(--text2);margin-bottom:3px;transition:background-color .15s,border-color .15s,color .15s;}
      .msg-item:hover{border-color:var(--border2);}
      .msg-item.msg-item-sending{background:var(--blue-bg);border-color:var(--blue-b);color:var(--hu-navy2);cursor:wait;}
      .msg-item.msg-item-success{background:var(--green-bg);border-color:var(--green-b);color:var(--green);}
      .msg-item.msg-item-error{background:var(--red-bg);border-color:var(--red-b);color:var(--red);}
      .form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;}


      /* ─── FOOTER / SAVE BLOCK ───────────────────────── */
      .save-footer{flex-shrink:0;background:linear-gradient(135deg,#EEF3FC,#E5EDF8);border-top:1px solid #BFD0EB;padding:12px 16px;box-shadow:0 -4px 12px rgba(0,0,0,.08);}
      .section-scroll{flex:1;overflow-y:auto;padding-bottom:8px;}

      /* ─── HISTORIAL ROWS ─────────────────────────────── */
      .hist-row{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid var(--border);}
      .hist-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
      .hist-body{flex:1;}
      .hist-title{font-size:12px;font-weight:600;color:var(--text);}
      .hist-meta{font-size:10px;color:var(--text3);margin-top:2px;}

      /* ─── TICKET CARDS ───────────────────────────────── */
      .tk-card{border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;background:var(--surface);margin-bottom:8px;cursor:pointer;}
      .tk-card.selected{border-color:var(--hu-navy2);background:var(--blue-bg);}
      .tk-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
      .tk-radio{accent-color:var(--hu-navy2);width:15px;height:15px;flex-shrink:0;cursor:pointer;}
      .tk-card-icon{font-size:15px;}
      .tk-subject{font-size:12px;font-weight:600;color:var(--text);flex:1;}
      .tk-subject-id{font-size:10px;font-weight:400;color:var(--text3);}
      .tk-days{font-size:10px;background:var(--blue-bg);color:var(--hu-navy2);border:1px solid var(--blue-b);border-radius:4px;padding:2px 7px;font-weight:600;}
      .tk-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 12px;}
      .tk-field-label{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;}
      .tk-field-value{font-size:11px;color:var(--text2);}
      .tk-empty{font-size:11px;color:var(--text3);text-align:center;padding:16px 0;}