/* ======================================================================
   MINDS GESTIÓN — generador.css
   Estilos del Generador de Presupuestos, integrado al módulo Presupuestos.
   Todo escopado bajo .gen-panel para no chocar con el resto del sistema.
   (Los estilos del documento/slide-deck viven aparte, inyectados en la
   ventana nueva que abre "Generar presupuesto" — no hace falta escoparlos.)
   ====================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&display=swap');

.gen-panel{
  --green:#BDD576;
  --green-bg:#F5F9EC;
  --grey:#595959;
  --grey-light:#8A8A8A;
  --dark:#262626;
  font-family:"Archivo","Inter",Arial,Helvetica,sans-serif;
  color:var(--dark);
}
.gen-panel .card{
  background:#fff;
  border:1px solid #e2e2e2;
  border-radius:10px;
  padding:24px;
  margin-bottom:20px;
}
.gen-panel .card h2{
  font-size:15px;
  color:var(--grey);
  border-left:4px solid var(--green);
  background:var(--green-bg);
  padding:8px 12px;
  margin:-24px -24px 20px;
  border-radius:10px 10px 0 0;
}
.gen-panel label{font-size:13px;color:var(--grey);display:block;margin-bottom:4px;font-weight:600;}
.gen-panel input[type=text], .gen-panel input[type=date], .gen-panel input[type=number], .gen-panel textarea, .gen-panel select{
  width:100%;
  padding:9px 10px;
  border:1px solid #ccc;
  border-radius:6px;
  font-size:14px;
  font-family:inherit;
  margin-bottom:14px;
  color:var(--dark);
  background:#fff;
}
.gen-panel textarea{resize:vertical;min-height:60px;}
.gen-panel .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.gen-panel .status{font-size:12px;padding:8px 10px;border-radius:6px;margin-bottom:14px;}
.gen-panel .status.ok{background:#eef7e2;color:#4c6b1f;}
.gen-panel .status.err{background:#fbeaea;color:#a33;}
.gen-panel .status.wait{background:#eef2fb;color:#3a5a9a;}
.gen-panel .cat-block{margin-bottom:18px;}
.gen-panel .cat-title{font-size:13px;font-weight:700;color:var(--grey);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;}
.gen-panel .item-row{
  display:grid;
  grid-template-columns:24px 1fr 130px 70px 76px;
  gap:10px;
  align-items:center;
  padding:8px 6px;
  border-bottom:1px solid #eee;
  font-size:13.5px;
}
.gen-panel .item-row .desc{color:var(--grey-light);font-size:12px;}
.gen-panel .item-row .opt-lbl{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--grey-light);cursor:pointer;white-space:nowrap;}
.gen-panel .item-row .opt-lbl input{margin:0;}
.gen-panel .item-row input[type=text].price-manual{margin:0;padding:6px 8px;font-size:13px;}
.gen-panel .item-row input[type=number]{width:60px;padding:6px;margin:0;border:1px solid #ccc;border-radius:6px;}
.gen-panel .unidad-tag{font-size:10px;color:#fff;background:var(--grey-light);padding:2px 6px;border-radius:4px;margin-left:6px;}
.gen-panel .gbtn{
  display:inline-block;
  background:var(--grey);
  color:#fff;
  border:none;
  padding:11px 22px;
  border-radius:6px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.gen-panel .gbtn.primary{background:#3d4a1f;}
.gen-panel .gbtn.secondary{background:#fff;color:var(--grey);border:1px solid #ccc;}
.gen-panel .extra-item{border-bottom:1px solid #eee;padding:10px 0;}
.gen-panel .extra-row{display:grid;grid-template-columns:1fr 70px 120px 100px 60px 26px;gap:8px;align-items:center;}
.gen-panel .extra-row input, .gen-panel .extra-row select{margin:0;padding:6px 8px;font-size:13px;}
.gen-panel .extra-row .del{background:none;border:none;color:#a33;cursor:pointer;font-size:16px;line-height:1;padding:0;}
.gen-panel .extra-item textarea{width:100%;margin:8px 0 0;padding:6px 8px;font-size:13px;font-family:inherit;border:1px solid #ccc;border-radius:6px;resize:vertical;min-height:50px;}
.gen-panel .totales{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px;}
.gen-panel .totales .box{background:var(--green-bg);border-radius:8px;padding:14px 18px;flex:1;min-width:160px;}
.gen-panel .totales .box .label{font-size:11px;color:var(--grey-light);text-transform:uppercase;}
.gen-panel .totales .box .value{font-size:20px;font-weight:700;color:var(--grey);}
.gen-panel .gen-hint{font-size:12px;color:var(--grey-light);margin:-10px 0 14px;}