@import url('https://api.fontshare.com/v2/css?f[]=nacelle@400,600,400i&display=swap');

:root{
  --bg:#0a0a0a;--s1:#111111;--s2:#141414;--s3:#1a1a1a;--s4:#1e1e1e;
  --indigo:#a3e635;--indigo2:#84cc16;
  --iglow:rgba(163,230,53,.18);--iborder:rgba(163,230,53,.28);
  /* Alias de acento para módulos portados (Uso/Histórico/Papelera) */
  --orange:#a3e635;--orange2:#84cc16;--oglow:rgba(163,230,53,.18);--oborder:rgba(163,230,53,.28);
  --green:#10b981;--red:#ef4444;--blue:#3b82f6;--amber:#f59e0b;
  --telco:#818cf8;--retail:#f472b6;--pharma:#2dd4bf;--other:#64748b;
  --text:#f0f0ef;--muted:#666;--dim:#3a3a3a;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.12);
  --radius:10px;--radius-sm:7px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;overflow:hidden;}
body{background:var(--bg);color:var(--text);font-family:'Nacelle',system-ui,sans-serif;font-size:14px;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--dim);border-radius:99px;}

/* ── LAYOUT ── */
#app{display:flex;flex-direction:row;height:100vh;overflow:hidden;}
#main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;}

/* ── SIDEBAR ── */
#sidebar{
  width:196px;min-width:196px;flex-shrink:0;
  background:rgba(9,9,11,.88);border-right:1px solid rgba(255,255,255,.06);
  display:flex;flex-direction:column;
  transition:width .2s ease,min-width .2s ease;
  overflow:hidden;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
#sidebar.collapsed{width:56px;min-width:56px;}
.sb-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:.9rem .75rem .8rem;border-bottom:1px solid var(--border);flex-shrink:0;gap:.5rem;
}
.sb-brand{display:flex;align-items:center;gap:.55rem;overflow:hidden;}
.sb-logo-img{height:30px;width:auto;display:block;flex-shrink:0;max-width:140px;}
.sb-brand-txt{font-weight:700;font-size:.82rem;letter-spacing:.07em;color:var(--text);white-space:nowrap;}
.sb-toggle-btn{
  background:transparent;border:none;color:var(--muted);cursor:pointer;
  padding:.2rem;border-radius:4px;display:flex;flex-shrink:0;
  transition:all .15s;
}
.sb-toggle-btn:hover{color:var(--text);background:rgba(255,255,255,.06);}
#sidebar.collapsed .sb-toggle-btn svg{transform:rotate(180deg);}
#sidebar.collapsed .sb-brand-txt{display:none;}
.sb-nav{flex:1;padding:.5rem .4rem;display:flex;flex-direction:column;gap:.1rem;overflow-y:auto;overflow-x:hidden;}
.sb-item{
  display:flex;align-items:center;gap:.6rem;padding:.52rem .65rem;
  border-radius:var(--radius-sm);border:none;background:transparent;
  color:rgba(255,255,255,.42);text-align:left;cursor:pointer;
  font-size:.79rem;font-weight:600;font-family:inherit;letter-spacing:.01em;
  transition:all .15s;white-space:nowrap;width:100%;
}
.sb-item:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);}
.sb-item.active{background:rgba(163,230,53,.1);color:var(--indigo);}
.sb-item svg{flex-shrink:0;}
#sidebar.collapsed .sb-item span{display:none;}
#sidebar.collapsed .sb-item{justify-content:center;padding:.52rem 0;}
.sb-bottom{padding:.4rem .4rem .7rem;border-top:1px solid var(--border);flex-shrink:0;}
.sb-logout-item:hover{background:rgba(239,68,68,.08)!important;color:#ef4444!important;}

/* ── HEADER ── */
header{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;
  padding:0 1.25rem;height:52px;flex-shrink:0;
  background:rgba(9,9,11,.88);border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.header-workspace{display:flex;align-items:center;gap:.35rem;white-space:nowrap;}
.header-workspace-brand{font-weight:700;font-size:.82rem;color:var(--text);}
.header-workspace-sep{color:var(--dim);font-size:.82rem;}
#header-workspace-name{color:var(--muted);font-size:.82rem;}
.header-center{display:flex;align-items:center;min-width:0;}
.header-search{
  display:flex;align-items:center;gap:.5rem;
  background:var(--s3);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:.32rem .8rem;
  width:100%;max-width:340px;transition:border .15s;
}
.header-search:focus-within{border-color:var(--iborder);}
.header-search svg{color:var(--muted);flex-shrink:0;}
.header-search #search{
  background:transparent;border:none;outline:none;
  color:var(--text);font-family:inherit;font-size:.78rem;width:100%;
}
.header-search #search::placeholder{color:var(--muted);}
.header-actions{display:flex;gap:.4rem;align-items:center;}

/* ── STATS ROW ── */
.stats-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--border);border-bottom:1px solid var(--border);flex-shrink:0;
}
.stat-card{
  display:flex;align-items:center;gap:.7rem;
  padding:.7rem 1.1rem;background:var(--s1);
}
.stat-card-icon{
  display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:var(--radius-sm);
  background:rgba(255,255,255,.05);color:var(--muted);flex-shrink:0;
}
.stat-card-icon-indigo{background:rgba(163,230,53,.1);color:var(--indigo);}
.stat-card-icon-green{background:rgba(16,185,129,.1);color:var(--green);}
.stat-card-lbl{font-size:.6rem;font-weight:700;letter-spacing:.07em;color:var(--muted);text-transform:uppercase;margin-bottom:.12rem;}
.stat-card-val{font-size:1rem;font-weight:800;color:var(--text);line-height:1;}
.stat-card-val.stat-orange{color:var(--indigo);}
.stat-card-val.stat-green{color:var(--green);}

.btn{
  display:flex;align-items:center;gap:.4rem;
  padding:.42rem .9rem;border-radius:var(--radius-sm);
  font-size:.75rem;font-weight:700;letter-spacing:.04em;cursor:pointer;
  border:1px solid var(--border2);background:var(--s3);color:var(--muted);
  transition:all .18s;white-space:nowrap;
}
.btn:hover{border-color:var(--indigo);color:var(--indigo);}
.btn.primary{background:var(--indigo);color:#0a0a0a;border-color:var(--indigo);box-shadow:0 0 18px var(--iglow);font-weight:700;}
.btn.primary:hover{opacity:.88;color:#0a0a0a;}
.btn.gmail-on{border-color:var(--green);color:var(--green);}
.btn.gmail-on:hover{border-color:var(--green);}
.btn svg{width:14px;height:14px;flex-shrink:0;}

/* ── OVERDUE BANNER ── */
#overdue-banner{
  display:flex;align-items:center;gap:.75rem;padding:.55rem 1.5rem;
  background:rgba(245,158,11,.12);border-bottom:1px solid rgba(245,158,11,.3);
  flex-shrink:0;font-size:.82rem;color:#f59e0b;
}
#overdue-text{flex:1;}
#overdue-view-btn{
  padding:.25rem .7rem;border:1px solid rgba(245,158,11,.5);background:rgba(245,158,11,.15);
  color:#f59e0b;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:600;
}
#overdue-view-btn:hover{background:rgba(245,158,11,.25);}
#overdue-dismiss-btn{
  background:transparent;border:none;color:#f59e0b;cursor:pointer;font-size:1rem;padding:0 .2rem;opacity:.7;
}
#overdue-dismiss-btn:hover{opacity:1;}

#pending-scrape-bar{
  display:flex;align-items:center;gap:.75rem;padding:.55rem 1.5rem;
  background:rgba(59,130,246,.1);border-bottom:1px solid rgba(59,130,246,.25);
  flex-shrink:0;font-size:.82rem;color:#3b82f6;
}
#pending-scrape-text{flex:1;}
#pending-scrape-recover-btn{
  padding:.25rem .7rem;border:1px solid rgba(59,130,246,.5);background:rgba(59,130,246,.15);
  color:#3b82f6;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:600;
}
#pending-scrape-recover-btn:hover{background:rgba(59,130,246,.25);}
#pending-scrape-dismiss-btn{
  background:transparent;border:none;color:#3b82f6;cursor:pointer;font-size:1rem;padding:0 .2rem;opacity:.7;
}
#pending-scrape-dismiss-btn:hover{opacity:1;}

#followup-banner{
  display:flex;align-items:center;gap:.75rem;padding:.55rem 1.5rem;
  background:rgba(99,202,183,.1);border-bottom:1px solid rgba(99,202,183,.25);
  flex-shrink:0;font-size:.82rem;color:#63cab7;
}
#followup-text{flex:1;}
#followup-view-btn{
  padding:.25rem .7rem;border:1px solid rgba(99,202,183,.4);background:rgba(99,202,183,.12);
  color:#63cab7;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:600;
}
#followup-view-btn:hover{background:rgba(99,202,183,.22);}
#followup-dismiss-btn{
  background:transparent;border:none;color:#63cab7;cursor:pointer;font-size:1rem;padding:0 .2rem;opacity:.7;
}
#followup-dismiss-btn:hover{opacity:1;}

/* ── TOOLBAR ── */
#toolbar{
  display:flex;align-items:center;gap:.75rem;padding:.6rem 1.5rem;
  background:var(--s1);border-bottom:1px solid var(--border);flex-shrink:0;
  flex-wrap:wrap;
}
.filter-group{display:flex;gap:.3rem;}
.filter-btn{
  padding:.28rem .7rem;border-radius:99px;font-size:.72rem;font-weight:600;
  border:1px solid var(--border);background:transparent;color:var(--muted);
  cursor:pointer;transition:all .15s;
}
.filter-btn:hover,.filter-btn.active{border-color:var(--indigo);color:var(--indigo);background:rgba(163,230,53,.08);}
.filter-btn.telco.active{border-color:var(--telco);color:var(--telco);background:rgba(129,140,248,.1);}
.filter-btn.retail.active{border-color:var(--retail);color:var(--retail);background:rgba(244,114,182,.1);}
.filter-btn.pharma.active{border-color:var(--pharma);color:var(--pharma);background:rgba(45,212,191,.1);}
.sep{width:1px;height:20px;background:var(--border);flex-shrink:0;}

/* ── BOARD ── */
#board{
  display:flex;gap:1px;flex:1;overflow:hidden;
  background:var(--border);
}
.column{
  display:flex;flex-direction:column;
  background:var(--bg);min-width:220px;flex:1;overflow:hidden;
}
.col-header{
  padding:.85rem 1rem .65rem;flex-shrink:0;
  border-bottom:1px solid var(--border);
}
.col-title{
  display:flex;align-items:center;justify-content:space-between;
}
.col-name{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.col-badge{
  font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:99px;
  background:var(--s3);color:var(--muted);
}
.col-pipeline{font-size:.68rem;color:var(--muted);margin-top:.25rem;}
.col-pipeline span{color:var(--indigo);font-weight:700;}

/* Column accent colors */
.column[data-status="scraped"] .col-name{color:var(--muted);}
.column[data-status="contactado"] .col-name{color:var(--blue);}
.column[data-status="respondio"] .col-name{color:var(--amber);}
.column[data-status="reunion"] .col-name{color:var(--indigo);}
.column[data-status="cerrado"] .col-name{color:var(--green);}

.col-body{flex:1;overflow-y:auto;padding:.6rem .5rem;display:flex;flex-direction:column;gap:.4rem;}

/* ── CARDS ── */
.card{
  background:linear-gradient(to bottom right,rgba(17,24,39,.85),rgba(31,41,55,.5),rgba(17,24,39,.85));
  border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);
  padding:.7rem .8rem;cursor:pointer;transition:all .18s;position:relative;
}
.card:hover{border-color:rgba(163,230,53,.22);background:linear-gradient(to bottom right,rgba(17,24,39,.95),rgba(31,41,55,.65),rgba(17,24,39,.95));transform:translateY(-1px);box-shadow:0 4px 24px rgba(0,0,0,.5);}
.card.won{border-left:2px solid var(--green);}
.card.lost{border-left:2px solid var(--dim);opacity:.6;}
.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.45rem;}
.card-company{font-size:.88rem;font-weight:700;color:var(--text);line-height:1.2;}
.card-industry{
  font-size:.6rem;font-weight:700;padding:.15rem .45rem;border-radius:99px;flex-shrink:0;
  text-transform:uppercase;letter-spacing:.06em;
}
.ind-telco{background:rgba(129,140,248,.15);color:var(--telco);}
.ind-retail{background:rgba(244,114,182,.15);color:var(--retail);}
.ind-pharma{background:rgba(45,212,191,.15);color:var(--pharma);}
.ind-other{background:rgba(100,116,139,.15);color:var(--other);}
.card-role{font-size:.76rem;color:var(--muted);margin-bottom:.4rem;}
.card-meta{display:flex;align-items:center;justify-content:space-between;}
.card-revenue{font-size:.78rem;font-weight:700;color:var(--indigo);}
.card-channel{font-size:.68rem;color:var(--muted);display:flex;align-items:center;gap:.25rem;}
.card-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem;padding-top:.35rem;border-top:1px solid var(--border);}
.card-service{font-size:.68rem;color:var(--muted);}
.card-date{font-size:.66rem;color:var(--dim);}
.card-action{font-size:.7rem;color:var(--dim);margin-top:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.card-website{font-size:.68rem;margin-top:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.card-website a{color:var(--muted);text-decoration:none;}.card-website a:hover{color:var(--indigo);}
.cierre-badge{display:inline-block;font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;margin-top:.35rem;letter-spacing:.02em;}
.cierre-alta{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3);}
.cierre-media{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3);}
.cierre-baja{background:rgba(107,114,128,.15);color:#9ca3af;border:1px solid rgba(107,114,128,.3);}

/* ── DETAIL PANEL ── */
#detail{
  position:fixed;top:0;right:0;width:380px;height:100vh;
  background:var(--s1);border-left:1px solid var(--border2);
  display:flex;flex-direction:column;z-index:100;
  transform:translateX(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);
}
#detail.open{transform:translateX(0);}
.detail-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 1.2rem;border-bottom:1px solid var(--border);flex-shrink:0;
}
.detail-name{font-size:1rem;font-weight:800;}
.close-btn{
  width:28px;height:28px;border-radius:7px;background:var(--s3);
  border:1px solid var(--border);color:var(--muted);cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:1rem;
  transition:all .15s;
}
.close-btn:hover{border-color:var(--red);color:var(--red);}
.detail-body{flex:1;overflow-y:auto;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.9rem;}
.detail-section{display:flex;flex-direction:column;gap:.4rem;}
.detail-label{font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.detail-val{font-size:.83rem;color:var(--text);}
.detail-link{color:var(--indigo);text-decoration:none;font-size:.83rem;}
.detail-link:hover{text-decoration:underline;}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;}
.status-select,.service-select,.detail-input,.detail-textarea{
  width:100%;background:var(--s3);border:1px solid var(--border);
  color:var(--text);padding:.45rem .7rem;border-radius:var(--radius-sm);
  font-size:.82rem;outline:none;font-family:inherit;transition:border .15s;
}
.status-select:focus,.service-select:focus,.detail-input:focus,.detail-textarea:focus{border-color:var(--iborder);}
.detail-textarea{resize:vertical;min-height:70px;}
.detail-footer{
  display:flex;gap:.4rem;padding:.8rem 1rem;
  border-top:1px solid var(--border);flex-shrink:0;
}
.detail-footer .btn{flex:1;justify-content:center;}
.detail-footer .icon-btn{flex:0 0 auto;padding:.42rem .55rem;}

/* Outcome buttons */
.outcome-row{display:flex;gap:.4rem;}
.outcome-btn{
  flex:1;padding:.38rem;border-radius:var(--radius-sm);
  font-size:.72rem;font-weight:700;cursor:pointer;
  border:1px solid var(--border);background:transparent;
  color:var(--muted);transition:all .15s;text-align:center;
}
.outcome-btn.won-btn:hover,.outcome-btn.won-btn.active{border-color:var(--green);color:var(--green);background:rgba(16,185,129,.1);}
.outcome-btn.lost-btn:hover,.outcome-btn.lost-btn.active{border-color:var(--red);color:var(--red);background:rgba(239,68,68,.1);}

/* Gmail threads */
.gmail-section{border-top:1px solid var(--border);padding-top:.9rem;}
.thread-item{
  padding:.5rem .7rem;border-radius:var(--radius-sm);background:var(--s3);
  border:1px solid var(--border);margin-bottom:.35rem;cursor:pointer;
  transition:border .15s;
}
.thread-item:hover{border-color:var(--iborder);}
.thread-subj{font-size:.78rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.thread-meta{font-size:.68rem;color:var(--muted);margin-top:.15rem;}
.gmail-empty{font-size:.78rem;color:var(--muted);text-align:center;padding:.8rem;}
.gmail-loading{font-size:.78rem;color:var(--muted);text-align:center;padding:.8rem;animation:pulse 1.5s ease-in-out infinite;}

/* ── MODALS ── */
.modal-bg{
  position:fixed;inset:0;background:rgba(0,0,0,.75);
  display:flex;align-items:center;justify-content:center;
  z-index:200;opacity:0;pointer-events:none;transition:opacity .2s;
}
.modal-bg.open{opacity:1;pointer-events:all;}
.modal{
  background:var(--s1);border:1px solid var(--border2);border-radius:14px;
  width:480px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;
  transform:scale(.95);transition:transform .2s;
}
.modal-bg.open .modal{transform:scale(1);}
.modal.wide{width:580px;}
.modal-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 1.3rem;border-bottom:1px solid var(--border);flex-shrink:0;
}
.modal-title{font-size:.92rem;font-weight:800;}
.modal-body{padding:1.2rem 1.3rem;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem;}
.modal-footer{
  display:flex;gap:.5rem;justify-content:flex-end;
  padding:.9rem 1.3rem;border-top:1px solid var(--border);flex-shrink:0;
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}
.form-group{display:flex;flex-direction:column;gap:.3rem;}
.form-label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.form-input,.form-select,.form-textarea{
  background:var(--s3);border:1px solid var(--border);color:var(--text);
  padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.83rem;
  outline:none;font-family:inherit;transition:border .15s;width:100%;
}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--iborder);}
.form-textarea{resize:vertical;min-height:60px;}

/* Import area */
#import-json{
  background:var(--s3);border:1px dashed var(--border2);color:var(--muted);
  padding:.7rem;border-radius:var(--radius-sm);font-size:.78rem;
  outline:none;font-family:'Courier New',monospace;
  resize:vertical;min-height:120px;width:100%;transition:border .15s;
}
#import-json:focus{border-color:var(--iborder);}
.import-info{font-size:.75rem;color:var(--muted);line-height:1.5;}
.import-info b{color:var(--indigo);}

/* Gmail setup */
.gmail-steps{display:flex;flex-direction:column;gap:.6rem;}
.gmail-step{
  display:flex;gap:.75rem;align-items:flex-start;
  padding:.6rem .75rem;background:var(--s3);border-radius:var(--radius-sm);
  border:1px solid var(--border);
}
.step-num{
  width:22px;height:22px;border-radius:50%;background:var(--indigo);
  color:#0a0a0a;font-size:.7rem;font-weight:800;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;margin-top:.1rem;
}
.step-text{font-size:.78rem;color:var(--muted);line-height:1.5;}
.step-text b{color:var(--text);}
.step-text a{color:var(--indigo);text-decoration:none;}
.step-text a:hover{text-decoration:underline;}

/* Toast */
#toast{
  position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(20px);
  background:var(--s3);border:1px solid var(--border2);
  padding:.55rem 1.2rem;border-radius:99px;font-size:.8rem;font-weight:600;
  opacity:0;transition:all .3s;z-index:500;pointer-events:none;
}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
#toast.success{border-color:var(--green);color:var(--green);}
#toast.error{border-color:var(--red);color:var(--red);}
#toast.info{border-color:var(--indigo);color:var(--indigo);}

/* Empty state */
.empty-col{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:2rem .5rem;color:var(--dim);font-size:.75rem;text-align:center;gap:.4rem;
}
.empty-col svg{opacity:.3;}

@keyframes pulse{0%,100%{opacity:.4;}50%{opacity:1;}}

/* ── LOGIN ── */
#login-screen{
  position:fixed;inset:0;background:var(--bg);
  display:flex;align-items:center;justify-content:center;z-index:1000;
}
.login-box{
  background:var(--s1);border:1px solid var(--border2);border-radius:16px;
  padding:2.5rem;width:340px;display:flex;flex-direction:column;gap:1.2rem;
  box-shadow:0 0 60px rgba(0,0,0,.6);
}
.login-logo{
  font-size:2.2rem;font-weight:900;letter-spacing:.14em;text-align:center;
  color:var(--indigo);
}
.login-sub{font-size:.78rem;color:var(--muted);text-align:center;}
.login-form{display:flex;flex-direction:column;gap:.6rem;}

/* ── SCOUT / HALLAZGOS / MENSAJE ── */
.detail-label-row{display:flex;align-items:center;justify-content:space-between;}
.scout-btn{
  display:flex;align-items:center;gap:.3rem;padding:.28rem .7rem;
  border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;
  border:1px solid var(--iborder);background:rgba(163,230,53,.08);
  color:var(--indigo);cursor:pointer;transition:all .15s;
}
.scout-btn:hover{background:rgba(163,230,53,.15);}
.scout-btn:disabled{opacity:.4;cursor:not-allowed;}
.hallazgos-box{
  background:var(--s3);border:1px solid var(--border);border-radius:var(--radius-sm);
  padding:.65rem .8rem;min-height:70px;font-size:.8rem;line-height:1.6;color:var(--text);
}
.hallazgos-empty{color:var(--muted);font-size:.78rem;font-style:italic;}
.hallazgos-loading{color:var(--indigo);font-size:.78rem;animation:pulse 1.2s ease-in-out infinite;}
.hallazgos-bullet{
  display:flex;gap:.5rem;margin-bottom:.35rem;
}
.hallazgos-bullet::before{content:"→";color:var(--indigo);flex-shrink:0;font-weight:700;}
.msg-tabs{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:.45rem;}
.msg-tab{
  padding:.18rem .52rem;border-radius:99px;font-size:.64rem;font-weight:700;
  border:1px solid var(--border);background:transparent;color:var(--muted);
  cursor:pointer;transition:all .15s;white-space:nowrap;
}
.msg-tab.active{border-color:var(--indigo);color:var(--indigo);background:rgba(163,230,53,.08);}
.msg-char{font-size:.67rem;color:var(--muted);text-align:right;margin-top:.2rem;}
.copy-row{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.3rem;flex-wrap:wrap;}
.test-result{font-size:.68rem;font-weight:600;margin-top:.3rem;padding:.25rem .4rem;border-radius:4px;background:var(--s3);}

/* ── HALLAZGO CARDS (MOTOR 1) ── */
.hallazgo-card{
  background:var(--s2);border:1px solid var(--border);border-radius:var(--radius-sm);
  padding:.55rem .7rem;margin-bottom:.45rem;
}
.hallazgo-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem;flex-wrap:wrap;}
.hallazgo-num{font-size:.66rem;font-weight:800;color:var(--indigo);letter-spacing:.04em;white-space:nowrap;}
.hallazgo-cat{font-size:.6rem;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex:1;}
.hallazgo-nivel{font-size:.58rem;font-weight:800;padding:.08rem .38rem;border-radius:99px;white-space:nowrap;}
.nivel-a,.nivel-alto{background:rgba(16,185,129,.14);color:var(--green);}
.nivel-b,.nivel-medio{background:rgba(245,158,11,.14);color:var(--amber);}
.nivel-bajo{background:rgba(239,68,68,.14);color:var(--red);}
.hallazgo-row{margin-bottom:.28rem;}
.hallazgo-lbl{font-size:.58rem;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.1rem;}
.hallazgo-evidencia{display:flex;flex-direction:column;gap:.08rem;}
.hallazgo-evidencia span{font-size:.73rem;color:var(--text);line-height:1.4;}
.hallazgo-evidencia span::before{content:"→ ";color:var(--indigo);font-weight:700;}
.hallazgo-text{font-size:.74rem;color:var(--text);line-height:1.45;}
.hallazgo-text.oport{color:var(--indigo2);font-weight:600;}
.hallazgo-conf{display:flex;align-items:center;gap:.5rem;margin-top:.38rem;}
.conf-bar{flex:1;height:3px;background:var(--s4);border-radius:99px;overflow:hidden;}
.conf-fill{height:100%;background:linear-gradient(90deg,var(--indigo),var(--indigo2));border-radius:99px;transition:width .4s ease;}
.hallazgo-conf span{font-size:.62rem;color:var(--muted);white-space:nowrap;}
/* Top 3 */
.top3-header{
  font-size:.61rem;font-weight:800;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;
  margin:.55rem 0 .3rem;padding-top:.4rem;border-top:1px solid var(--border);
}
.top3-item{display:flex;align-items:flex-start;gap:.45rem;margin-bottom:.3rem;}
.top3-rank{
  width:18px;height:18px;border-radius:50%;background:rgba(163,230,53,.1);color:var(--indigo);
  font-size:.64rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;
}
.top3-titulo{font-size:.74rem;color:var(--text);font-weight:600;margin-bottom:.1rem;line-height:1.3;}
.top3-desc-panel{font-size:.71rem;color:var(--muted);margin-bottom:.18rem;line-height:1.4;}
.top3-meta{display:flex;gap:.45rem;font-size:.64rem;color:var(--muted);flex-wrap:wrap;}
.top3-meta b{color:var(--text);}
.settings-btn{
  width:28px;height:28px;border-radius:7px;background:var(--s3);
  border:1px solid var(--border);color:var(--muted);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:.85rem;
}
.settings-btn:hover{border-color:var(--indigo);color:var(--indigo);}

/* ── INSIGHT CLAVE BOX ── */
.insight-clave-box{
  background:rgba(163,230,53,.07);border:1px solid rgba(163,230,53,.18);
  border-radius:var(--radius-sm);padding:.5rem .7rem;margin-bottom:.5rem;
}
.insight-clave-lbl{
  display:block;font-size:.58rem;font-weight:800;color:var(--indigo);
  letter-spacing:.07em;text-transform:uppercase;margin-bottom:.2rem;
}
.insight-clave-text{font-size:.8rem;color:var(--text);font-weight:600;line-height:1.45;}

/* ── HALLAZGO CERRÓ DEAL ── */
.hallazgo-cierre-marcado{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.04);}
.hallazgo-cierre-tag{
  font-size:.58rem;font-weight:800;padding:.08rem .38rem;border-radius:99px;
  background:rgba(16,185,129,.15);color:var(--green);white-space:nowrap;
}
.hallazgo-cierre-btn{
  font-size:.58rem;font-weight:700;padding:.08rem .38rem;border-radius:99px;cursor:pointer;
  background:transparent;border:1px solid rgba(16,185,129,.3);color:var(--green);
  white-space:nowrap;margin-left:auto;transition:all .15s;
}
.hallazgo-cierre-btn:hover{background:rgba(16,185,129,.12);}

/* ── PITCH DE CIERRE BOX ── */
.cierre-cta-box{
  background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.18);
  border-radius:var(--radius-sm);padding:.5rem .7rem;margin-top:.5rem;margin-bottom:.45rem;
}
.cierre-cta-lbl{
  display:block;font-size:.58rem;font-weight:800;color:var(--blue);
  letter-spacing:.07em;text-transform:uppercase;margin-bottom:.2rem;
}
.cierre-cta-text{font-size:.75rem;color:var(--text);line-height:1.45;}

/* ── SERVICIO ALTERNATIVO ── */
.svc-alt-box{
  display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;
  background:var(--s3);border:1px solid var(--border);border-radius:var(--radius-sm);
  padding:.35rem .6rem;margin-top:.3rem;font-size:.7rem;
}
.svc-alt-lbl{
  font-size:.55rem;font-weight:800;color:var(--muted);letter-spacing:.06em;
  text-transform:uppercase;flex:0 0 100%;margin-bottom:.1rem;
}
.svc-alt-nombre{font-weight:700;color:var(--text);}
.svc-alt-range{color:var(--muted);font-size:.65rem;}
.svc-alt-razon{flex:0 0 100%;font-size:.65rem;color:var(--muted);margin-top:.15rem;line-height:1.4;}

/* ── SCOUT PROGRESS BAR ── */
#scout-progress{
  display:none;position:fixed;bottom:1.6rem;left:50%;transform:translateX(-50%);
  background:var(--s3);border:1px solid var(--border2);border-radius:10px;
  padding:.65rem 1.1rem;min-width:300px;z-index:400;
  flex-direction:column;gap:.45rem;
  box-shadow:0 4px 24px rgba(0,0,0,.5);
}
#scout-progress.active{display:flex;}
.sp-header{display:flex;justify-content:space-between;align-items:center;}
#sp-text{font-size:.78rem;font-weight:700;color:var(--text);}
#sp-pct{font-size:.72rem;font-weight:800;color:var(--indigo);}
.sp-track{height:5px;background:var(--s4);border-radius:99px;overflow:hidden;}
.sp-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--indigo),var(--indigo2));border-radius:99px;transition:width .35s ease;}

/* ── DRAG & DROP ── */
.card.dragging{opacity:.4;transform:scale(.97);}
.col-body.drag-over{background:rgba(163,230,53,.06);outline:2px dashed var(--iborder);outline-offset:-4px;border-radius:var(--radius-sm);}

/* ══════════════════════════════════════
   RESPONSIVE — PANEL
   ══════════════════════════════════════ */

/* ── TABLET (≤ 900px) ── */
@media(max-width:900px){
  /* Sidebar: colapsa automáticamente a ícono */
  #sidebar{width:56px;min-width:56px;}
  #sidebar .sb-brand-txt{display:none;}
  #sidebar .sb-item span{display:none;}
  #sidebar .sb-item{justify-content:center;padding:.52rem 0;}
  #sidebar.collapsed{width:56px;min-width:56px;}

  /* Stats: 2×2 en lugar de 4 en línea */
  .stats-row{grid-template-columns:repeat(2,1fr);}
  .stat-card{padding:.6rem .9rem;}

  /* Header: reduce search bar */
  .header-search{max-width:220px;}

  /* Board: scroll horizontal fluido */
  #board{overflow-x:auto;overflow-y:hidden;}
  .column{min-width:210px;flex:0 0 210px;}

  /* Detail panel: más angosto */
  #detail{width:340px;}

  /* Toolbar: comprime filtros */
  #toolbar{padding:.5rem 1rem;gap:.5rem;}
  .filter-btn{padding:.24rem .6rem;font-size:.7rem;}
}

/* ── MÓVIL (≤ 640px) ── */
@media(max-width:640px){
  html,body{overflow:hidden;}

  /* Header: quita search, comprime */
  header{grid-template-columns:auto auto;padding:0 .75rem;height:48px;}
  .header-center{display:none;}
  .header-workspace-sep,#header-workspace-name{display:none;}

  /* Stats: 2×2 compacto */
  .stats-row{grid-template-columns:repeat(2,1fr);}
  .stat-card{padding:.55rem .75rem;gap:.5rem;}
  .stat-card-icon{width:26px;height:26px;}
  .stat-card-val{font-size:.88rem;}
  .stat-card-lbl{font-size:.55rem;}

  /* Board: scroll horizontal con columnas compactas */
  #board{overflow-x:auto;}
  .column{min-width:190px;flex:0 0 190px;}
  .col-header{padding:.65rem .75rem .5rem;}
  .card{padding:.6rem .7rem;}
  .card-company{font-size:.82rem;}

  /* Toolbar: comprimido */
  #toolbar{padding:.4rem .75rem;gap:.35rem;flex-wrap:nowrap;overflow-x:auto;}
  .sep{display:none;}

  /* Detail panel: cubre toda la pantalla */
  #detail{width:100vw;border-left:none;border-radius:0;}

  /* Modales: ancho completo */
  .modal{width:95vw;max-height:90vh;}
  .modal.wide{width:95vw;}
  .modal-head,.modal-body,.modal-footer{padding:.9rem 1rem;}

  /* Sidebar: mantiene ícono-only */
  #sidebar{width:48px;min-width:48px;}
  #sidebar .sb-item{padding:.48rem 0;}

  /* Scout progress */
  #scout-progress{min-width:calc(100vw - 3rem);left:1.5rem;transform:none;}
}

/* ── MÓVIL PEQUEÑO (≤ 400px) ── */
@media(max-width:400px){
  .stats-row{grid-template-columns:repeat(2,1fr);}
  header{padding:0 .5rem;}
  #toolbar{padding:.35rem .5rem;}
  .column{min-width:170px;flex:0 0 170px;}
  .detail-header{padding:.75rem .9rem;}
  .detail-body{padding:.75rem .9rem;}
  .detail-footer{padding:.6rem .9rem;}
}

/* ── SELECTION MODE ── */
#selection-bar{
  display:flex;align-items:center;gap:.75rem;padding:.55rem 1.5rem;
  background:var(--s2);border-bottom:1px solid var(--border2);flex-shrink:0;
}
#selection-count{font-size:.78rem;font-weight:700;color:var(--text);flex:1;}
.card.selected{border-color:var(--indigo);background:rgba(163,230,53,.07);}
.card-checkbox{
  position:absolute;top:.5rem;right:.5rem;
  width:16px;height:16px;accent-color:var(--indigo);cursor:pointer;
}

/* ── EMAIL SECTION ── */
.email-section{border-top:1px solid var(--border);padding-top:.9rem;display:flex;flex-direction:column;gap:.4rem;}

/* Responsive */
@media(max-width:900px){
  #board{overflow-x:auto;}
  .column{min-width:200px;}
  .header-stats{gap:1rem;}
  #detail{width:100vw;}
}

/* ════════════════════════════════════════════════════════════
   MÓDULOS PORTADOS — Uso · Histórico · Papelera
   (acento mapeado a la paleta lima de RevOS vía alias --orange)
   ════════════════════════════════════════════════════════════ */

/* Separador del sidebar */
.sb-sep{height:1px;background:var(--border);margin:.4rem .6rem;}

/* Contenedores de vista */
#historico-view{flex:1;overflow-y:auto;background:var(--bg);}
#uso-view,#papelera-view{background:var(--bg);}

/* ── Botones inline de tarjeta ── */
.card-actions-row{display:flex;gap:.35rem;margin-top:.45rem;}
.card-scout-btn,.card-email-btn{flex:1;padding:.28rem .3rem;font-size:.68rem;font-weight:600;border-radius:5px;cursor:pointer;letter-spacing:.02em;transition:background .15s;}
.card-scout-btn{background:rgba(163,230,53,.1);color:var(--orange);border:1px solid rgba(163,230,53,.3);}
.card-scout-btn:hover{background:rgba(163,230,53,.22);}
.card-email-btn{background:rgba(99,102,241,.1);color:#818cf8;border:1px solid rgba(99,102,241,.3);}
.card-email-btn:hover{background:rgba(99,102,241,.22);}
.card-scout-btn:disabled,.card-email-btn:disabled{opacity:.45;cursor:not-allowed;}

/* ── HISTÓRICO ── */
.hist-wrap{padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;max-width:1400px;margin:0 auto;}
.hist-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.hist-title{font-size:1.35rem;font-weight:900;letter-spacing:.04em;}
.hist-sub{font-size:.73rem;color:var(--muted);margin-top:.25rem;}
.hist-controls{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;}
.hist-sel{background:var(--s3);border:1px solid var(--border2);color:var(--text);padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.78rem;outline:none;cursor:pointer;}
.hist-sel:focus{border-color:var(--oborder);}
.hist-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.4rem;}
.hist-section-title{font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;}
.hist-section-title-row{display:flex;align-items:center;gap:.45rem;position:relative;margin-bottom:.75rem;}
.hist-section-title-row .hist-section-title{margin-bottom:0;}
.hist-info-details{position:static;}
.hist-info-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;flex-shrink:0;background:var(--s3);border:1px solid var(--border2);color:var(--muted);font-size:.62rem;font-weight:800;font-style:italic;cursor:pointer;list-style:none;transition:border-color .15s,color .15s;padding:0;}
.hist-info-btn::-webkit-details-marker,.hist-info-btn::marker{display:none;}
.hist-info-btn:hover,.hist-info-details[open] .hist-info-btn{border-color:var(--orange);color:var(--orange);}
.hist-info-popover{position:absolute;top:calc(100% + 5px);left:0;z-index:600;background:var(--s2);border:1px solid var(--border2);border-radius:var(--radius);padding:.85rem 1rem;width:268px;box-shadow:0 8px 32px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:.55rem;font-size:.76rem;line-height:1.55;}
.hist-info-p{color:var(--muted);}
.hist-info-p strong{display:block;color:var(--text);font-weight:700;margin-bottom:.2rem;font-size:.78rem;}
.hist-info-tag{font-size:.58rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--orange);margin-right:.3rem;}
.hist-card-header{display:flex;flex-direction:column;gap:1rem;}
.hist-month-label{font-size:1.2rem;font-weight:800;color:var(--text);}
.hist-frozen-note{font-size:.72rem;color:var(--muted);}
.hist-kpis{display:flex;gap:1.2rem;flex-wrap:wrap;padding-top:.25rem;}
.hist-kpi{display:flex;align-items:center;background:var(--s2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1.1rem;min-width:130px;}
.hist-kpi-val{font-size:1.15rem;font-weight:800;color:var(--text);}
.hist-kpi-lbl{font-size:.63rem;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:.15rem;}
.hist-kpi-delta{font-size:.65rem;font-weight:700;margin-top:.2rem;}
.hist-kpi-delta.up{color:var(--green);}
.hist-kpi-delta.down{color:var(--red);}
.hist-row-3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.2rem;}
.hist-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
.hist-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
.hist-funnel{display:flex;flex-direction:column;gap:.7rem;}
.hist-funnel-row{display:flex;align-items:center;gap:.6rem;}
.hist-funnel-label{font-size:.73rem;color:var(--muted);width:88px;flex-shrink:0;}
.hist-funnel-bar-wrap{flex:1;height:7px;background:var(--s3);border-radius:99px;overflow:hidden;}
.hist-funnel-bar{height:100%;background:linear-gradient(90deg,var(--orange),var(--orange2));border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1);}
.hist-funnel-val{font-size:.7rem;color:var(--text);font-weight:700;width:72px;text-align:right;flex-shrink:0;}
.hist-chart-big{font-size:1.6rem;font-weight:900;color:var(--orange);margin-bottom:.15rem;}
.hist-chart-sub{font-size:.68rem;color:var(--muted);margin-bottom:.8rem;}
.hist-stats-list{display:flex;flex-direction:column;gap:.6rem;}
.hist-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:.35rem 0;border-bottom:1px solid var(--border);}
.hist-stat-row:last-child{border-bottom:none;}
.hist-stat-label{color:var(--muted);}
.hist-stat-val{font-weight:700;color:var(--text);display:flex;align-items:center;gap:.3rem;}
.hist-delta{font-size:.65rem;font-weight:700;}
.hist-delta.up{color:var(--green);}
.hist-delta.down{color:var(--red);}
.hist-legend{display:flex;flex-direction:column;gap:.3rem;margin-top:.6rem;}
.hist-legend-row{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text);}
.hist-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.hist-geo-list{display:flex;flex-direction:column;gap:.65rem;}
.hist-geo-row{display:flex;align-items:center;gap:.6rem;}
.hist-geo-label{font-size:.75rem;color:var(--text);width:100px;flex-shrink:0;}
.hist-geo-bar-wrap{flex:1;height:5px;background:var(--s3);border-radius:99px;overflow:hidden;}
.hist-geo-bar{height:100%;background:var(--orange);border-radius:99px;transition:width .4s;}
.hist-geo-pct{font-size:.7rem;font-weight:700;color:var(--muted);width:20px;text-align:right;}
.hist-row-insights{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:start;}
.hist-insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;}
.hist-insight-card{background:var(--s2);border:1px solid var(--border);border-left:2px solid var(--orange);border-radius:var(--radius-sm);padding:.75rem .85rem;}
.hist-insight-title{font-size:.75rem;font-weight:800;color:var(--text);margin-bottom:.3rem;}
.hist-insight-body{font-size:.72rem;color:var(--muted);line-height:1.5;}
.hist-compare-box{min-width:260px;background:var(--s2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;}
.hist-compare-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--border);font-size:.78rem;}
.hist-compare-row:last-child{border-bottom:none;}
.hist-compare-label{color:var(--muted);flex:1;}
.hist-compare-val{font-weight:700;color:var(--text);}
.hist-compare-delta{font-size:.65rem;font-weight:800;}
.hist-compare-delta.up{color:var(--green);}
.hist-compare-delta.down{color:var(--red);}
.hist-empty-note{font-size:.75rem;color:var(--muted);font-style:italic;padding:.5rem 0;}
@media(max-width:1100px){.hist-row-4{grid-template-columns:1fr 1fr;}.hist-row-3{grid-template-columns:1fr 1fr;}.hist-row-insights{grid-template-columns:1fr;}}
@media(max-width:760px){.hist-row-3,.hist-row-4,.hist-row-2{grid-template-columns:1fr;}}

/* ── USO ── */
.uso-content{max-width:780px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem;}
.uso-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.2rem;}
.uso-title{font-size:1.05rem;font-weight:800;color:var(--text);letter-spacing:.03em;}
.uso-month{font-size:.7rem;color:var(--muted);margin-top:.2rem;letter-spacing:.04em;font-weight:600;}
.uso-reset{font-size:.73rem;color:var(--muted);text-align:right;line-height:1.5;}
.uso-reset strong{color:var(--text);}
.uso-section{background:var(--s1);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.55rem;}
.uso-section-title{font-size:.65rem;font-weight:800;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.1rem;}
.uso-row{display:flex;align-items:center;gap:.7rem;}
.uso-row-label{flex:0 0 220px;font-size:.75rem;color:var(--text);font-weight:600;display:flex;align-items:center;flex-wrap:wrap;gap:.2rem;}
.uso-row-bar{flex:1;min-width:60px;}
.uso-row-count{flex:0 0 72px;text-align:right;font-size:.72rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;}
.uso-note{font-size:.6rem;color:var(--muted);font-weight:400;margin-left:.25rem;}
.uso-bar-wrap{height:5px;background:var(--s4);border-radius:99px;overflow:hidden;}
.uso-bar-fill{height:100%;border-radius:99px;transition:width .35s ease;}
.uso-subsection{background:var(--s2);border-radius:var(--radius-sm);padding:.75rem .9rem;display:flex;flex-direction:column;gap:.4rem;margin-top:.15rem;}
.uso-subsection-title{font-size:.6rem;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.1rem;}
.uso-subrow{display:flex;align-items:center;gap:.6rem;}
.uso-subrow-label{flex:0 0 210px;font-size:.7rem;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:.2rem;}
.uso-subrow-bar{flex:1;min-width:40px;}
.uso-bar-sm{height:3px;}
.uso-subrow-count{flex:0 0 60px;text-align:right;font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums;}
.uso-cost-box{flex-direction:row;align-items:center;gap:1.2rem;flex-wrap:wrap;border-color:rgba(163,230,53,.2);}
.uso-cost-label{font-size:.65rem;font-weight:700;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;}
.uso-cost-value{font-size:1.5rem;font-weight:900;color:var(--orange);margin-left:auto;}
.uso-cost-breakdown{width:100%;font-size:.65rem;color:var(--muted);line-height:1.7;border-top:1px solid var(--border);padding-top:.55rem;}

/* ── PAPELERA ── */
.papelera-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;max-width:820px;margin:0 auto;}
.papelera-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;}
.papelera-title{font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.01em;}
.papelera-month{font-size:.7rem;color:var(--muted);margin-top:.2rem;}
.papelera-reset{font-size:.65rem;color:var(--muted);text-align:right;}
.papelera-empty{color:var(--muted);font-size:.8rem;text-align:center;padding:3rem 0;}
.pap-list{display:flex;flex-direction:column;gap:.5rem;}
.pap-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:var(--s1);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;}
.pap-main{flex:1;min-width:0;}
.pap-name{font-size:.8rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.pap-score{font-size:.6rem;font-weight:700;background:rgba(163,230,53,.15);color:var(--orange);padding:.1rem .35rem;border-radius:3px;}
.pap-company{font-size:.7rem;color:var(--muted);margin-top:.15rem;}
.pap-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0;min-width:150px;}
.pap-razon{font-size:.62rem;color:#9ca3af;font-style:italic;}
.pap-fecha{font-size:.62rem;color:var(--muted);}
.pap-email{font-size:.62rem;color:var(--muted);}
.pap-link{font-size:.62rem;color:var(--orange);text-decoration:none;}
.pap-link:hover{text-decoration:underline;}

/* ── ASUNTO EDITABLE + RECALIBRACIÓN POR CAMPO ── */
.asunto-row{display:flex;gap:.4rem;align-items:center;margin-bottom:.4rem;}
.asunto-row .detail-input{flex:1;}
.recal-field-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--iborder);background:rgba(163,230,53,.08);color:var(--indigo);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;line-height:1;transition:background .15s;}
.recal-field-btn:hover{background:rgba(163,230,53,.2);}
.recal-field-btn:disabled{opacity:.45;cursor:not-allowed;}

/* ── PANEL DE CRÉDITOS (Uso managed) ── */
.cost-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.4rem;}
.cost-row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);background:var(--s2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .6rem;}
.cost-row span:last-child{color:var(--orange);font-weight:700;}
.led-list{display:flex;flex-direction:column;}
.led-row{display:flex;align-items:center;gap:.8rem;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.76rem;}
.led-row:last-child{border-bottom:none;}
.led-concepto{flex:1;color:var(--text);}
.led-fecha{color:var(--muted);font-size:.68rem;}
.led-delta{width:54px;text-align:right;font-weight:800;font-variant-numeric:tabular-nums;}
.led-delta.neg{color:#ef4444;}
.led-delta.pos{color:var(--green);}
.led-empty{color:var(--muted);font-size:.78rem;padding:.6rem 0;}
.credits-chip{display:flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:800;color:var(--orange);background:rgba(163,230,53,.08);border:1px solid var(--iborder);border-radius:999px;padding:.25rem .6rem;cursor:pointer;}
.credits-chip:hover{background:rgba(163,230,53,.16);}

/* ── MENÚ MÓVIL / HAMBURGUESA ── */
#header-menu-btn{display:none;position:relative;width:36px;height:36px;align-items:center;justify-content:center;background:var(--s3);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;flex-shrink:0;}
#header-menu-btn:hover{border-color:var(--orange);color:var(--orange);}
#notif-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--red);border:1.5px solid var(--bg);}
.mobile-only{display:none !important;}
@media(max-width:900px){
  header{position:relative;}
  #header-menu-btn{display:flex;}
  .header-center{display:none;}
  .header-actions{position:absolute;top:calc(100% + 4px);right:8px;z-index:300;flex-direction:column;align-items:stretch;gap:.3rem;background:var(--s1);border:1px solid var(--border2);border-radius:var(--radius);padding:.5rem;min-width:210px;display:none;box-shadow:0 12px 32px rgba(0,0,0,.5);}
  .header-actions.open{display:flex;}
  .header-actions .btn{justify-content:flex-start;width:100%;}
  .mobile-only{display:flex !important;}
}