/* iwc-theme.css — Tema visual global Instituto Winston Churchill
   01/06/2026 — Aplica a toda la UI bajo .iwc-app; coherente con report-view.css */

/* ── Tokens de diseño ─────────────────────────────────────────────── */
:root {
  --iwc-primary:   #1565c0;
  --iwc-primary-h: #0d47a1;
  --iwc-primary-l: #e3eaf6;
  --iwc-success:   #2e7d32;
  --iwc-danger:    #c62828;
  --iwc-warning:   #e65100;
  --iwc-surface:   #ffffff;
  --iwc-bg:        #f0f4f8;
  --iwc-border:    #d0dce8;
  --iwc-text:      #1a2a3a;
  --iwc-text-muted:#607080;
  --iwc-shadow:    0 2px 8px rgba(0,0,0,.10);
  --iwc-shadow-lg: 0 4px 20px rgba(0,0,0,.16);
  --iwc-radius:    8px;
  --iwc-radius-sm: 5px;
}

/* ── Reset agresivo de style.css aislado bajo .iwc-app ─────────────── */
.iwc-app div {
  border: none;
  background: transparent;
}
.iwc-app div.iwc-card,
.iwc-app div.rv-card,
.iwc-app div.rv-batch-box,
.iwc-app div#rv-batch-overlay,
.iwc-app div.rv-counters,
.iwc-app div.rv-filters,
.iwc-app div.rv-actions,
.iwc-app div.rv-header,
.iwc-app div.rv-table-wrap,
.iwc-app div.container,
.iwc-app div.row,
.iwc-app div[class*="col-"],
.iwc-app .modal-content,
.iwc-app .md-modal .md-content {
  /* conservar los estilos que cada clase sí define */
  border: unset;
  background: unset;
}

/* Anular hover amarillo de style.css solo en .iwc-app */
.iwc-app tr:hover { color: inherit; }

/* ── Body y contenedor base ─────────────────────────────────────────── */
.iwc-app {
  background-color: var(--iwc-bg) !important;
  color: var(--iwc-text);
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

/* ── Header del sitio ───────────────────────────────────────────────── */
.iwc-app #doc_header.header {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--iwc-surface);
  border-radius: var(--iwc-radius);
  box-shadow: var(--iwc-shadow);
  padding: 12px 20px;
  margin-bottom: 12px;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--iwc-primary) !important;
  border-bottom: 3px solid var(--iwc-primary);
}
.iwc-app #doc_header.header img {
  flex-shrink: 0;
}

/* ── Barra de sesión ────────────────────────────────────────────────── */
.iwc-app #logout_panel.iwc-session-bar {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background: var(--iwc-surface);
  border-radius: var(--iwc-radius);
  box-shadow: var(--iwc-shadow);
  padding: 6px 16px;
  margin-bottom: 10px;
}
.iwc-app #logout_panel.iwc-session-bar h4 {
  color: var(--iwc-primary);
  margin: 0;
  font-size: .95rem;
  font-weight: 600;
}

/* ── Card genérica ──────────────────────────────────────────────────── */
.iwc-app .iwc-card {
  background: var(--iwc-surface) !important;
  border: 1px solid var(--iwc-border) !important;
  border-radius: var(--iwc-radius) !important;
  box-shadow: var(--iwc-shadow);
  padding: 20px 22px;
  margin-bottom: 16px;
}
.iwc-app .iwc-card legend {
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--iwc-primary);
  background: var(--iwc-surface);
  padding: 2px 10px;
  border: 1px solid var(--iwc-border);
  border-radius: var(--iwc-radius-sm);
  margin-bottom: 14px;
}
.iwc-app .iwc-card h3,
.iwc-app .iwc-card h2,
.iwc-app .iwc-card h1 {
  color: var(--iwc-primary);
  margin-left: 0;
}

/* ── Fieldsets como card ────────────────────────────────────────────── */
.iwc-app fieldset.iwc-card,
.iwc-app .iwc-toolbar-panel {
  background: var(--iwc-surface) !important;
  border: 1px solid var(--iwc-border) !important;
  border-radius: var(--iwc-radius) !important;
  box-shadow: var(--iwc-shadow);
  padding: 16px 20px !important;
  margin-bottom: 12px;
}

/* ── Login card ─────────────────────────────────────────────────────── */
.iwc-app #login_panel fieldset.iwc-login-card {
  max-width: 380px;
  margin: 0 auto;
  background: var(--iwc-surface) !important;
  border: 1px solid var(--iwc-border) !important;
  border-radius: var(--iwc-radius) !important;
  box-shadow: var(--iwc-shadow-lg);
  padding: 28px 32px !important;
  text-align: center;
}
.iwc-app #login_panel .iwc-login-card legend {
  font-size: 1rem;
  text-transform: none;
  color: var(--iwc-primary);
  font-weight: 700;
  padding: 0;
  border: none;
  margin-bottom: 18px;
}

/* ── Botones ────────────────────────────────────────────────────────── */
.iwc-app .btn-primary {
  background-color: var(--iwc-primary) !important;
  border-color: var(--iwc-primary) !important;
  color: #fff !important;
  border-radius: var(--iwc-radius-sm) !important;
  font-weight: 500;
  transition: background .18s, border-color .18s, box-shadow .18s;
}
.iwc-app .btn-primary:hover,
.iwc-app .btn-primary:focus {
  background-color: var(--iwc-primary-h) !important;
  border-color: var(--iwc-primary-h) !important;
  box-shadow: 0 2px 6px rgba(21,101,192,.35);
  outline: none;
}
.iwc-app .btn {
  border-radius: var(--iwc-radius-sm);
  font-size: .85rem;
  transition: background .15s, box-shadow .15s;
}
.iwc-app .btn-default {
  border-color: var(--iwc-border);
  color: var(--iwc-text);
}
.iwc-app .btn-warning {
  color: #fff !important;
}
.iwc-app .btn-success {
  background-color: var(--iwc-success) !important;
  border-color: var(--iwc-success) !important;
  color: #fff !important;
}

/* ── Inputs ─────────────────────────────────────────────────────────── */
.iwc-app .form-control {
  border: 1px solid var(--iwc-border);
  border-radius: var(--iwc-radius-sm);
  box-shadow: none;
  transition: border-color .15s, box-shadow .15s;
  font-size: .9rem;
}
.iwc-app .form-control:focus {
  border-color: var(--iwc-primary);
  box-shadow: 0 0 0 3px rgba(21,101,192,.15);
  outline: none;
}

/* ── Tablas globales ────────────────────────────────────────────────── */
.iwc-app .table {
  font-size: .85rem;
  border-collapse: collapse;
  width: 100%;
}
.iwc-app .table thead th {
  background: var(--iwc-primary);
  color: #fff;
  padding: 9px 8px;
  border: none;
  white-space: nowrap;
  font-weight: 600;
  letter-spacing: .02em;
}
.iwc-app .table tbody tr {
  border-bottom: 1px solid #e8edf3;
  transition: background .12s;
}
.iwc-app .table tbody tr:nth-child(even) { background: #f4f7fc; }
.iwc-app .table tbody tr:hover           { background: #ddeffe; color: var(--iwc-text); }
.iwc-app .table td {
  padding: 7px 8px;
  vertical-align: middle;
  border: 1px solid #e0e8f0;
}

/* ── Modales ────────────────────────────────────────────────────────── */
.iwc-app .md-modal .md-content {
  border-radius: var(--iwc-radius) !important;
  box-shadow: var(--iwc-shadow-lg);
  background: var(--iwc-surface) !important;
  overflow: hidden;
}
.iwc-app .md-modal h3 {
  background: var(--iwc-primary);
  color: #fff;
  margin: 0;
  padding: 14px 20px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .03em;
}

/* 04/06/2026 — Modal Detalle (#modal-3): texto legible sobre fondo blanco
   style.css define strong{color:#FAFAFA} que dejaba el texto invisible */
.iwc-app #modal-3 .md-content {
  background: var(--iwc-surface) !important;
  color: var(--iwc-text);
}
.iwc-app #modal-3 .md-content strong {
  display: block;
  color: var(--iwc-text);
  font-size: .95rem;
  font-weight: normal;
  padding: 14px 22px 6px;
  line-height: 1.6;
}
.iwc-app #modal-3 .md-content button {
  margin: 14px auto 18px;
}

/* ── Títulos de sección ─────────────────────────────────────────────── */
.iwc-app h1, .iwc-app h2, .iwc-app h3 {
  color: var(--iwc-primary);
  margin-left: 0;
}

/* ── Botón de cierre de sesión ──────────────────────────────────────── */
.iwc-app #logout {
  margin-left: 0;
  float: none;
}

/* ── Paneles de captura y operaciones ───────────────────────────────── */
.iwc-app #operations_panel > div,
.iwc-app #prof_option_panel > div {
  border: none;
  background: transparent;
}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .iwc-app #doc_header.header {
    flex-direction: column;
    font-size: 1.1rem;
    text-align: center;
  }
  .iwc-app .iwc-toolbar-panel .btn {
    width: 100%;
    margin-bottom: 4px;
  }
}