/* EMTEL ERP v2.2.41 · Host para Vista Excel encapsulada */
.excel-view-mode-tabs {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .25rem;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .06);
}
.excel-view-mode-tabs button {
  border: 0;
  border-radius: 999px;
  padding: .55rem .85rem;
  background: transparent;
  color: var(--muted, #64748b);
  font: inherit;
  font-size: .86rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}
.excel-view-mode-tabs button.is-active {
  background: linear-gradient(135deg, var(--primary, #2563eb), #1d4ed8);
  color: #fff;
  box-shadow: 0 10px 18px rgba(37, 99, 235, .18);
}
.excel-view-mode-tabs svg,
.excel-view-mode-tabs [data-icon] {
  width: 1rem;
  height: 1rem;
}
.excel-host-panel {
  display: none;
}
.excel-host-panel.is-active {
  display: block;
}
.excel-iframe-shell {
  min-height: 68vh;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .1);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}
.excel-iframe-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(15, 23, 42, .08);
  background: linear-gradient(180deg, #ffffff, #f8fafc);
}
.excel-iframe-head h3 {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: 1rem;
}
.excel-iframe-head p {
  margin: .2rem 0 0;
  color: var(--muted, #64748b);
  font-size: .84rem;
}
.excel-iframe-actions {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}
.erp-excel-frame {
  display: block;
  width: 100%;
  min-height: 720px;
  height: min(78vh, 860px);
  border: 0;
  background: #f8fafc;
}
.excel-view-host .teacher-pay-toolbar,
.excel-view-host .payments-filter-panel {
  margin-top: .75rem;
}
@media (max-width: 900px) {
  .excel-iframe-head { align-items: flex-start; flex-direction: column; }
  .excel-view-mode-tabs { width: 100%; justify-content: stretch; }
  .excel-view-mode-tabs button { flex: 1; justify-content: center; }
  .erp-excel-frame { min-height: 640px; height: 75vh; }
}