/* ============================= */
/* AGENDA XML - ESTILO PLANO     */
/* (Mismo acomodo, sin "cards")  */
/* ============================= */

*{ box-sizing:border-box; font-family:Segoe UI, Tahoma, Arial, sans-serif; }

body{
  margin:0;
  padding:30px 18px;
  background:#0b1220;
  color:#e5e7eb;
}

.container{ max-width:1200px; margin:auto; }

h1{
  margin:0 0 12px;
  font-size:30px;
  font-weight:800;
  color:#f8fafc;
}

/* Quitar apariencia de card (sin afectar layout) */
.card{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  margin-bottom:16px !important;
}

/* A veces tus cards traen .head/.body */
.head, .body{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* Espacio suave para separar formulario y tabla */
.card.tablewrap{
  margin-top:14px !important;
}

/* Labels e inputs como estilo “Windows clásico” */
label{
  display:inline-block;
  margin:0 10px 0 0;
  font-weight:700;
  font-size:14px;
  color:#e5e7eb;
}

.row{
  margin:0 0 10px;
}

/* Inputs compactos */
input, select{
  width:210px;            /* parecido a la imagen */
  padding:6px 8px;
  border-radius:2px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.15);
  color:#f8fafc;
}

input:focus, select:focus{
  outline:none;
  border-color:#93c5fd;
  box-shadow:none;
}

/* Botones estilo simple */
.btn, .btn-secondary{
  padding:7px 14px;
  border-radius:4px;
  font-weight:700;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.08);
  color:#f8fafc;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
}

.btn-secondary:hover{ background:rgba(255,255,255,.12); }

/* Tabla plana como la imagen */
.tablewrap{ overflow-x:auto; }

table{
  width:100%;
  border-collapse:collapse;
  margin-top:6px;
  background:transparent;
  border:1px solid rgba(147,197,253,.65); /* borde azul suave */
}

th{
  text-align:left;
  padding:8px;
  font-size:14px;
  color:#e5e7eb;
  border-bottom:1px solid rgba(147,197,253,.65);
}

td{
  padding:8px;
  font-size:14px;
  border-bottom:1px solid rgba(147,197,253,.25);
  color:#e5e7eb;
}

/* Hover suave (opcional) */
tr:hover td{ background:rgba(147,197,253,.06); }

/* Iconos */
svg{ color:#93c5fd; }
svg:hover{ color:#fca5a5; }

/* Alertas discretas */
.alert{
  margin:10px 0 14px;
  padding:10px 12px;
  border-left:4px solid #93c5fd;
  background:rgba(147,197,253,.08);
  border-radius:4px;
  color:#e5e7eb;
}

/* Links */
a{ color:#93c5fd; }
a:hover{ color:#bfdbfe; text-decoration:underline; }