/* ============================================================
   EcoDero · Gestión de Finca — LOS MOTORES SOBRE DATOS REALES
   (F3 · carril B). Las alertas del servidor con su porqué, los
   parámetros de la finca y la vista de impresión (papel / PDF).
   Aparte de estilo.css (copia vigilada de la demo). Prefijo mr-:
   no toca clases de la demo. Botones de 52 px (nunca menos de 48),
   sin desborde a 390 px. Sigue las variables de los tres temas.
   ============================================================ */

/* ---------- Alertas del servidor ---------- */
.mr-franja{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--crema,#f4f1e5);border:1px solid var(--linea,#e6e1d3);
  font-size:.92rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.mr-franja-aviso{border:2px solid var(--amber,#b7791f)}
#inicio-alertas .mr-que{display:block;margin-top:4px;font-weight:600;overflow-wrap:anywhere}
#inicio-alertas .mr-ref,.mr-grupo .mr-ref{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:800;
  background:var(--crema,#f4f1e5);color:var(--tinta,#1c1c17);border:1px solid var(--amber,#b7791f)}
#inicio-alertas .alert .txt{min-width:0;overflow-wrap:anywhere}

/* ---------- Parámetros de la finca ---------- */
.mr-card h3,.mr-card .muted{overflow-wrap:anywhere}
.mr-espera{font-weight:800;color:var(--verde-osc,#08382a)}
.mr-aviso,.mr-ok{border-radius:12px;padding:12px 14px;margin:10px 0;line-height:1.45;overflow-wrap:anywhere}
.mr-aviso{background:#fdf3dc;color:#4a3208;border:2px solid var(--amber,#b7791f)}
.mr-ok{background:#e7f3d8;color:#1d3a10;border:2px solid var(--verde-cl,#2f7a5f)}
.mr-grupo{border:1px solid var(--linea,#e6e1d3);border-radius:12px;padding:6px 12px 12px;margin:12px 0 0;min-width:0}
.mr-grupo legend{font-weight:800;font-size:1.05rem;padding:0 6px;overflow-wrap:anywhere;max-width:100%}
.mr-param{padding:6px 0;border-bottom:1px solid var(--linea,#e6e1d3)}
.mr-param:last-child{border-bottom:none}
.mr-param .aj-lbl{overflow-wrap:anywhere;margin-top:6px}
.mr-fila{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.mr-fila .mr-in{flex:0 1 9rem;width:9rem;min-width:0;font-size:1.1rem;font-weight:800}
.mr-valor{font-size:1.2rem;font-weight:800;min-height:48px;display:inline-flex;align-items:center}
.mr-unidad{flex:1 1 8rem;min-width:0;overflow-wrap:anywhere;color:var(--gris,#6c6656);font-weight:700}
.mr-refval{margin:4px 0 0;font-size:.9rem;color:var(--gris,#6c6656);overflow-wrap:anywhere}
.mr-vet{margin-top:8px;padding:10px 12px;border:2px dashed var(--linea,#e6e1d3);border-radius:12px}
.mr-solo-ver{margin-top:12px}

/* ---------- Botones de imprimir ---------- */
.aj-btn.mr-imp{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;margin:10px 0}
#mr-imp-inv{margin:0 0 12px}

/* ---------- La hoja de impresión (en pantalla: una vista previa a pantalla completa) ---------- */
.mr-hoja{position:fixed;inset:0;z-index:300;overflow-y:auto;overflow-x:hidden;background:var(--bg,#eceadf);
  padding:12px 16px 32px;-webkit-overflow-scrolling:touch}
.mr-barra{max-width:820px;margin:0 auto 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.mr-barra .aj-btn{margin-top:0}
.mr-barra .muted{grid-column:1/-1;margin:0;overflow-wrap:anywhere}
.mr-papel{max-width:820px;margin:0 auto;background:#fff;color:#1c1c17;border-radius:12px;padding:18px 16px;
  box-shadow:0 2px 12px rgba(0,0,0,.08);font-size:15px;line-height:1.45;overflow-wrap:anywhere;min-width:0}
.mr-papel h1{font-size:1.35rem;margin:2px 0 4px;color:#08382a}
.mr-papel h2{font-size:1.05rem;margin:18px 0 6px;padding-bottom:4px;border-bottom:2px solid #0d4f3c;color:#08382a}
.mr-cab{border-bottom:3px solid #0d4f3c;padding-bottom:8px}
.mr-finca{margin:0;font-weight:800;font-size:1.05rem;color:#0d4f3c}
.mr-sub,.mr-fecha{margin:0;color:#4b4638}
.mr-kvs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));column-gap:18px}
.mr-kv{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #e6e1d3;min-width:0}
.mr-kv span{color:#4b4638;min-width:0}
.mr-kv b{text-align:right;min-width:0;overflow-wrap:anywhere}
.mr-tabla{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.92em}
.mr-tabla th,.mr-tabla td{border-bottom:1px solid #e6e1d3;padding:5px 4px;text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:break-word}
.mr-tabla th{background:#f4f1e5;font-weight:800}
.mr-tabla .mr-num{text-align:right}
.mr-tabla small{color:#4b4638}
.mr-alertas{margin:0;padding-left:20px}
.mr-alertas li{margin:4px 0}
.mr-pie{margin-top:22px;padding-top:8px;border-top:2px solid #0d4f3c;font-size:.85em;color:#4b4638}
.mr-pie p{margin:4px 0}

[data-theme="realista"] .mr-aviso{background:#3a2e14;color:#ffe9b8}
[data-theme="realista"] .mr-ok{background:#16301d;color:#d6f5dd}
[data-theme="realista"] .mr-espera{color:var(--tinta,#f1f1f1)}

/* ---------- Al imprimir: solo la hoja, en papel carta ---------- */
@media print{
  @page{size:letter;margin:14mm 12mm}
  body.mr-imprimiendo{background:#fff!important}
  body.mr-imprimiendo > :not(#mr-hoja){display:none!important}
  body.mr-imprimiendo #mr-hoja{position:static;overflow:visible;padding:0;background:#fff}
  body.mr-imprimiendo .mr-barra{display:none!important}
  body.mr-imprimiendo .mr-papel{box-shadow:none;border-radius:0;padding:0;max-width:none;font-size:11pt}
  .mr-tabla thead{display:table-header-group}
  .mr-tabla tr,.mr-kv,.mr-alertas li{break-inside:avoid}
  .mr-papel h2{break-after:avoid}
}