/* CRM Xtrim v2.7.2: navegación y tabla de contratos */
.app-shell{grid-template-columns:250px minmax(0,1fr);transition:grid-template-columns .2s ease}
.sidebar{width:250px;min-width:250px;transition:width .2s ease,transform .2s ease;padding-top:12px}
.workspace{width:100%;min-width:0;transition:width .2s ease}
.view-root{max-width:none;width:100%;margin:0;padding:22px 24px}
.sidebar-brand{min-height:60px;padding:4px 42px 18px 6px}
.sidebar-close-button{position:absolute;right:10px;top:9px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#dbe5f6;font-size:27px;line-height:1;cursor:pointer}
.sidebar-close-button:hover{background:#263756;color:#fff}
.menu-trigger{display:grid!important;place-items:center;width:42px;height:42px;border-radius:10px;color:#334155}
.menu-trigger:hover{background:#edf1f7}
.nav-section-items{overflow:hidden;max-height:0;opacity:0;transition:max-height .2s ease,opacity .15s ease}
.nav-section.open .nav-section-items{display:block;max-height:420px;opacity:1}
.nav-section:not(.open) .nav-chevron{transform:rotate(-90deg)}
.nav-section.open .nav-chevron{transform:rotate(0)}
.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}
.app-shell.sidebar-collapsed .sidebar{width:0;min-width:0;padding-left:0;padding-right:0;overflow:hidden;transform:translateX(-100%)}
.app-shell.sidebar-collapsed .workspace{width:100%}
.app-shell.sidebar-collapsed .view-root{padding-left:24px;padding-right:24px}

/* Contratos comparte el look & feel de Leads */
.contracts-management-table{table-layout:fixed;min-width:1750px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.contracts-management-table th,.contracts-management-table td{padding:9px 10px;font-size:12px;line-height:1.35;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}
.contracts-management-table th{position:relative;user-select:none;white-space:nowrap;background:#f8fafc;color:#475467;font-weight:800}
.contracts-management-table td{white-space:normal}
.contracts-management-table .selection-column{width:42px!important;min-width:42px!important;max-width:42px!important;padding:5px!important;text-align:center}
.contract-sort-button{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;text-align:left;cursor:pointer}
.contract-sort-button [data-sort-indicator]{font-size:9px;color:#94a3b8}
.contracts-management-table th.sort-active{background:#edf3ff;color:#1d4ed8}
.contracts-management-table th.sort-active [data-sort-indicator]{color:#1d4ed8}
.column-resizer{position:absolute;right:-2px;top:0;width:7px;height:100%;cursor:col-resize;z-index:3}
.column-resizer::after{content:"";position:absolute;left:3px;top:20%;width:1px;height:60%;background:#d7dfeb}
.column-resizer:hover::after,.resizing-column .column-resizer::after{background:#2563eb;width:2px}
.resizing-column{cursor:col-resize!important;user-select:none!important}
.contracts-management-table th.column-dragging{opacity:.45}
.contracts-management-table th.column-drag-over{box-shadow:inset 3px 0 #2563eb}
.contracts-command-bar,.contracts-filter-panel,.contracts-columns-panel{font-family:inherit}
.contracts-command-bar input,.contracts-command-bar select,.contracts-filter-panel input,.contracts-filter-panel select{font-size:12px}
.table-wrap{max-width:100%;overflow:auto;scrollbar-gutter:stable}
.content-card{min-width:0}

@media(max-width:1000px){
  .app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}
  .sidebar,.app-shell.sidebar-collapsed .sidebar{position:fixed;z-index:90;left:0;top:0;width:min(290px,88vw);min-width:min(290px,88vw);transform:translateX(-102%);padding:12px 14px;overflow:auto;box-shadow:16px 0 36px rgba(15,23,42,.22)}
  .sidebar.open,.app-shell.sidebar-collapsed .sidebar.open{transform:translateX(0)}
  .workspace,.app-shell.sidebar-collapsed .workspace{width:100%}
  .view-root,.app-shell.sidebar-collapsed .view-root{padding:16px}
  .sidebar-close-button{display:grid}
}

/* CRM Xtrim v2.7.3: expansión real del workspace y filtros compactos */
.app-shell.sidebar-collapsed .workspace{
  margin-left:0!important;
  width:100%!important;
  max-width:100%!important;
}
.app-shell.sidebar-collapsed .topbar,
.app-shell.sidebar-collapsed .view-root{
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
.app-shell.sidebar-collapsed .view-root{
  padding-left:clamp(16px,2vw,32px);
  padding-right:clamp(16px,2vw,32px);
}

/* Las columnas operativas fijas no se redimensionan ni se desplazan */
.opx-table th[data-col="select"],.opx-table td[data-col="select"]{
  width:46px!important;min-width:46px!important;max-width:46px!important;
}
.opx-table th[data-col="edit"],.opx-table td[data-col="edit"]{
  width:86px!important;min-width:86px!important;max-width:86px!important;
}
.opx-table th[data-col="progress"],.opx-table td[data-col="progress"]{
  width:62px!important;min-width:62px!important;max-width:62px!important;
}
.opx-table th[data-col="select"] .opx-resizer,
.opx-table th[data-col="edit"] .opx-resizer,
.opx-table th[data-col="progress"] .opx-resizer{display:none!important}

/* Filtros en una sola banda compacta cuando exista espacio */
.opx-filter-panel{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:10px 12px!important;
  align-items:end!important;
  padding:12px!important;
}
.opx-filter-panel>label{min-width:0!important;width:100%}
.opx-filter-panel select,.opx-filter-panel input,
.opx-filter-panel .opx-filter-opener-field input,
.opx-filter-panel .opx-filter-date input,
.opx-filter-panel .opx-filter-period select{
  width:100%!important;min-width:0!important;max-width:none!important;
}
.opx-filter-panel .opx-filter-opener-field{min-width:0!important}
.opx-filter-period-row{display:contents!important}
.opx-filter-actions{
  display:flex!important;
  align-items:end;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:initial!important;
  min-width:145px;
}
.opx-filter-actions .opx-command{width:100%;max-width:180px}

@media(min-width:1450px){
  .opx-filter-panel{grid-template-columns:1.35fr repeat(7,minmax(125px,1fr))}
  .opx-filter-actions{grid-column:auto}
}
@media(max-width:760px){
  .opx-filter-panel{grid-template-columns:1fr!important}
  .opx-filter-actions{justify-content:stretch!important}
  .opx-filter-actions .opx-command{max-width:none}
}

/* CRM Xtrim v2.7.4: bloque operativo unificado y estados hover */
/* Selección, edición y frecuencia se perciben como un solo bloque visual. */
.opx-table th[data-col="select"],
.opx-table th[data-col="edit"],
.opx-table td[data-col="select"],
.opx-table td[data-col="edit"]{
  border-right:0!important;
}
.opx-table th[data-col="select"],
.opx-table th[data-col="edit"],
.opx-table th[data-col="progress"]{
  background:#f8fbff!important;
}
.opx-table td[data-col="select"],
.opx-table td[data-col="edit"],
.opx-table td[data-col="progress"]{
  background:#fff!important;
}
.opx-table th[data-col="progress"],
.opx-table td[data-col="progress"]{
  border-right:1px solid #edf1f6!important;
}

/* Hover perceptible, sobrio y consistente en controles accionables. */
.opx-command,
.opx-icon-btn,
.opx-progress-button,
.opx-tab,
.opx-pager button,
.opx-column-actions button{
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.opx-command:not(:disabled):hover,
.opx-icon-btn:not(:disabled):hover,
.opx-progress-button:not(:disabled):hover,
.opx-tab:not(:disabled):hover,
.opx-pager button:not(:disabled):hover,
.opx-column-actions button:not(:disabled):hover{
  border-color:#8ea9dc!important;
  background:#eef4ff!important;
  color:#173d9e!important;
  box-shadow:0 5px 14px rgba(37,88,211,.13);
  transform:translateY(-1px);
}
.opx-command.primary:not(:disabled):hover,
.opx-detail-save:not(:disabled):hover,
.btn.primary:not(:disabled):hover{
  background:#1949bd!important;
  border-color:#1949bd!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(36,88,211,.24);
  transform:translateY(-1px);
}
.opx-command:not(:disabled):active,
.opx-icon-btn:not(:disabled):active,
.opx-progress-button:not(:disabled):active,
.opx-tab:not(:disabled):active,
.opx-pager button:not(:disabled):active,
.opx-column-actions button:not(:disabled):active,
.opx-detail-save:not(:disabled):active,
.btn.primary:not(:disabled):active{
  transform:translateY(0);
  box-shadow:none;
}
.opx-checkbox,
.opx-command,
.opx-icon-btn,
.opx-progress-button,
.opx-tab,
.opx-pager button,
.opx-column-actions button{
  cursor:pointer;
}
.opx-checkbox:hover{
  filter:drop-shadow(0 0 3px rgba(36,88,211,.32));
}

@media (prefers-reduced-motion: reduce){
  .opx-command,.opx-icon-btn,.opx-progress-button,.opx-tab,.opx-pager button,.opx-column-actions button,.opx-detail-save,.btn.primary{
    transition:none!important;
    transform:none!important;
  }
}

/* CRM Xtrim v2.7.5: panel lateral de edición compacto y reutilizable */
.opx-detail-body{
  padding:18px 22px!important;
  gap:14px!important;
}
.opx-detail-section>h3{
  margin:0 0 8px!important;
  font-size:17px;
}
.opx-detail-grid-compact{
  display:block!important;
}
.opx-detail-group{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
  padding:13px 0;
  border-top:1px solid #e7edf5;
}
.opx-detail-group:first-child{
  border-top:0;
  padding-top:2px;
}
.opx-detail-group:last-child{
  padding-bottom:2px;
}
.opx-detail-group .opx-detail-field{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  min-width:0;
}
.opx-detail-group .opx-detail-field.full{
  grid-column:1/-1;
}
.opx-detail-group .opx-detail-field label,
.opx-detail-group .opx-detail-field span{
  margin:0 0 5px!important;
  color:#526078;
  font-size:11px!important;
  line-height:1.25;
  letter-spacing:.01em;
}
.opx-detail-group .opx-detail-field input,
.opx-detail-group .opx-detail-field select,
.opx-detail-group .opx-detail-field textarea{
  min-height:42px;
  padding:8px 10px!important;
  border-radius:9px!important;
  background:#fff!important;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.opx-detail-group .opx-detail-field textarea{
  min-height:72px!important;
}
.opx-detail-group .opx-detail-field input:hover,
.opx-detail-group .opx-detail-field select:hover,
.opx-detail-group .opx-detail-field textarea:hover{
  border-color:#9eb3d9!important;
}
.opx-detail-group .opx-detail-field input:focus,
.opx-detail-group .opx-detail-field select:focus,
.opx-detail-group .opx-detail-field textarea:focus{
  outline:0;
  border-color:#3970df!important;
  box-shadow:0 0 0 3px rgba(57,112,223,.12)!important;
}
/* Información de gestión: misma densidad, lectura clara y sin tarjetas pesadas. */
.opx-detail-section:not(:first-child) .opx-detail-grid{
  gap:0 14px!important;
  border-top:1px solid #e7edf5;
  padding-top:10px;
}
.opx-detail-section:not(:first-child) .opx-detail-field{
  border:0!important;
  border-bottom:1px solid #eef2f7!important;
  border-radius:0!important;
  background:transparent!important;
  padding:9px 0!important;
}
@media(max-width:760px){
  .opx-detail-body{padding:16px!important}
  .opx-detail-group{grid-template-columns:1fr;gap:10px;padding:12px 0}
  .opx-detail-group .opx-detail-field.full{grid-column:auto}
}

/* CRM Xtrim v2.7.6: contactabilidad por pestañas e historial confiable */
.opx-contactability-shell{display:grid;gap:16px;min-width:0}
.opx-contactability-tabs{display:flex;align-items:center;gap:6px;padding:4px;border-bottom:1px solid #dce5f0;background:#fff;position:sticky;top:0;z-index:3}
.opx-contactability-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:0;background:transparent;color:#667085;font-size:14px;font-weight:850;cursor:pointer;border-radius:10px 10px 0 0;transition:color .16s ease,background-color .16s ease}
.opx-contactability-tab::after{content:"";position:absolute;left:12px;right:12px;bottom:-5px;height:3px;border-radius:999px;background:transparent}
.opx-contactability-tab:hover{background:#f4f7fb;color:#173d9e}
.opx-contactability-tab.active{color:#173d9e;background:#eef4ff}
.opx-contactability-tab.active::after{background:#2458d3}
.opx-contactability-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#e7eefc;color:#173d9e;font-size:11px;font-weight:900}
.opx-contactability-tab.active .opx-contactability-tab-count{background:#2458d3;color:#fff}
.opx-contactability-panel{display:none;min-width:0}
.opx-contactability-panel.active{display:block}
.opx-history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;border-bottom:1px solid #e6edf6;margin-bottom:12px}
.opx-history-head h3{margin:0 0 4px;font-size:17px;color:#172033}
.opx-history-head p{margin:0;color:#667085;font-size:13px}
.opx-activity-list{display:grid;gap:10px}
.opx-activity-item{border:1px solid #dce5f0!important;border-radius:12px!important;padding:12px 14px!important;background:#fff!important;box-shadow:0 2px 8px rgba(15,23,42,.035)}
.opx-activity-item-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.opx-activity-item-head strong{font-size:13px;color:#172033}
.opx-history-result{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eef4ff;color:#173d9e;font-size:11px;font-weight:900}
.opx-activity-item p{margin:3px 0 0;color:#344054;line-height:1.45;white-space:pre-wrap}
.opx-history-muted{color:#98a2b3!important;font-style:italic}
.opx-history-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:28px;border:1px dashed #cfd9e8;border-radius:14px;background:#fafcff;color:#667085}
.opx-history-empty strong{color:#344054;font-size:15px}
.opx-history-empty span{max-width:330px;font-size:13px;line-height:1.45}
@media(max-width:640px){.opx-contactability-tabs{overflow-x:auto}.opx-contactability-tab{flex:1;white-space:nowrap}.opx-history-head{flex-direction:column}}


/* CRM Xtrim v2.7.7: pestañas de contactabilidad estables */
.opx-contactability-shell{
  align-self:start;
  grid-template-rows:auto minmax(0,1fr);
  gap:16px;
}
.opx-contactability-tabs{
  width:100%;
  min-height:51px;
  margin:0;
  flex:0 0 auto;
  scroll-margin-top:0;
}
.opx-contactability-panel{
  min-height:0;
}
.opx-contactability-panel[hidden]{
  display:none!important;
}
.opx-contactability-panel.active{
  display:block;
}