/* ===================================================================
 * v1.37.0 — Área de administradores con el diseño de Recognition Lear Project.
 * Se carga DESPUÉS de admin.css y sólo cambia la apariencia (no el acomodo):
 * título con barra de color, tarjetas y tablas de esquinas redondeadas con
 * sombra suave, encabezados de tabla en mayúsculas pequeñas, campos con
 * borde grueso y halo al enfocar, botones con degradado y elevación,
 * etiquetas (badges) tipo píldora y avisos con barra lateral.
 * El color de acento sigue siendo el que cada persona elige (--aam-acento),
 * así que Vino / Blanco / Negro / RGB siguen funcionando.
 * =================================================================== */
.aam-app {
	--rl-ink: #231c1e;
	--rl-soft: #6f6366;
	--rl-line: #ebe4e5;
	--rl-bg: #faf8f8;
	--rl-sombra-sm: 0 1px 2px rgba(35, 28, 30, .05);
	--rl-sombra-md: 0 4px 16px rgba(35, 28, 30, .07);
}

/* ---------- Contenedor y título ---------- */
.aam-app .aam-admin-body {
	border-radius: 18px;
	box-shadow: var(--rl-sombra-sm);
	animation: aamRlAparecer .35s ease both;
}
@keyframes aamRlAparecer { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.aam-app .aam-admin-body > h3:first-child {
	display: flex; align-items: center; gap: 12px;
	font-size: 24px; font-weight: 800; letter-spacing: -.02em;
	margin: 0 0 22px;
}
.aam-app .aam-admin-body > h3:first-child::before {
	content: ""; flex: none; width: 6px; height: 28px; border-radius: 4px;
	background: linear-gradient(180deg, var(--aam-acento), var(--aam-acento-oscuro));
}
.aam-app .aam-admin-body h3 { font-weight: 800; letter-spacing: -.01em; }
.aam-app .aam-admin-body h4 { font-weight: 800; font-size: 13.5px; text-transform: uppercase; letter-spacing: .04em; }
.aam-app .description, .aam-app p.description { color: var(--rl-soft); font-size: 12.5px; }

/* ---------- Tarjetas de cifras (como .gh-stat-card) ---------- */
.aam-app .aam-card {
	border-radius: 14px; border-top: 3px solid var(--aam-acento);
	box-shadow: var(--rl-sombra-sm);
	animation: aamRlPop .35s ease both;
}
@keyframes aamRlPop { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: scale(1); } }
.aam-app .aam-grid-4 > .aam-card:nth-child(1), .aam-app .aam-grid-3 > .aam-card:nth-child(1) { animation-delay: .02s; }
.aam-app .aam-grid-4 > .aam-card:nth-child(2), .aam-app .aam-grid-3 > .aam-card:nth-child(2) { animation-delay: .07s; }
.aam-app .aam-grid-4 > .aam-card:nth-child(3), .aam-app .aam-grid-3 > .aam-card:nth-child(3) { animation-delay: .12s; }
.aam-app .aam-grid-4 > .aam-card:nth-child(4) { animation-delay: .17s; }
.aam-app .aam-card span { font-weight: 700; line-height: 1.1; }
.aam-app .aam-card label { text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 12.5px; margin: 4px 0 0; }

/* ---------- Paneles laterales / expedientes (como .gh-card) ---------- */
.aam-app .aam-panel-lateral, .aam-app .aam-expediente {
	border-radius: 14px; box-shadow: var(--rl-sombra-sm); border-color: var(--rl-line);
}
.aam-app .aam-panel-lateral > h3:first-child, .aam-app .aam-expediente > h3:first-child {
	font-size: 15.5px; font-weight: 800; margin: 0 0 14px; padding-bottom: 12px;
	border-bottom: 1px solid var(--rl-line);
}
.aam-app .aam-expandible { border-radius: 12px; border-color: var(--rl-line); box-shadow: var(--rl-sombra-sm); }

/* ---------- Tablas (como .gh-table-wrap) ---------- */
.aam-app table.widefat {
	border: 1px solid var(--rl-line); border-radius: 14px; box-shadow: var(--rl-sombra-sm);
	border-collapse: separate; border-spacing: 0; overflow: hidden;
}
.aam-app table.widefat th {
	background: var(--rl-bg); color: var(--rl-soft);
	padding: 13px 16px; font-size: 11px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .05em;
	border-bottom: 1px solid var(--rl-line);
}
.aam-app table.widefat td { padding: 13px 16px; border-bottom: 1px solid #f1f2f6; vertical-align: middle; }
.aam-app table.widefat tbody tr:last-child td { border-bottom: none; }
.aam-app table.widefat tbody tr { transition: background .12s ease; }
.aam-app table.striped tbody tr:nth-child(odd) { background: transparent; }
.aam-app table.widefat tbody tr:hover, .aam-app table.widefat tbody tr:hover td { background: var(--aam-acento-claro); }

/* ---------- Campos (como .gh-app input) ---------- */
.aam-app:not(.aam-tema-negro) input[type=text], .aam-app:not(.aam-tema-negro) input[type=email],
.aam-app:not(.aam-tema-negro) input[type=number], .aam-app:not(.aam-tema-negro) input[type=password],
.aam-app:not(.aam-tema-negro) input[type=date], .aam-app:not(.aam-tema-negro) input[type=search],
.aam-app:not(.aam-tema-negro) input[type=file], .aam-app:not(.aam-tema-negro) select, .aam-app:not(.aam-tema-negro) textarea {
	border: 1.5px solid var(--rl-line); border-radius: 10px; background: var(--rl-bg);
	padding: 10px 13px; font-size: 14px; font-family: inherit; color: var(--rl-ink);
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.aam-app:not(.aam-tema-negro) input:hover, .aam-app:not(.aam-tema-negro) select:hover, .aam-app:not(.aam-tema-negro) textarea:hover { border-color: #c8cedb; }
.aam-app:not(.aam-tema-negro) input:focus, .aam-app:not(.aam-tema-negro) select:focus, .aam-app:not(.aam-tema-negro) textarea:focus {
	outline: none; border-color: var(--aam-acento); background: #fff;
	box-shadow: 0 0 0 4px var(--aam-acento-claro);
}
.aam-app textarea { min-height: 90px; resize: vertical; }
.aam-app input::placeholder, .aam-app textarea::placeholder { color: #9aa3b5; }
/* Etiquetas de campo en mayúsculas pequeñas (sólo las de texto suelto, no las de casillas ni las que ya tienen estilo propio) */
.aam-app .aam-admin-body label:not([class]):not(:has(input[type=checkbox])):not(:has(input[type=radio])) {
	font-size: 12px; font-weight: 800; color: var(--rl-soft);
	text-transform: uppercase; letter-spacing: .04em;
}

/* ---------- Botones (como .gh-btn) ---------- */
.aam-admin-wrap.aam-app .button, .aam-admin-wrap.aam-app button.button, .aam-admin-wrap.aam-app a.button {
	border: 1.5px solid var(--rl-line); border-radius: 10px; background: #fff; color: var(--rl-ink);
	padding: 9px 16px; font-weight: 700; line-height: 1.3;
	transition: transform .12s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.aam-admin-wrap.aam-app .button:hover, .aam-admin-wrap.aam-app a.button:hover {
	transform: translateY(-1px); border-color: var(--aam-acento); color: var(--aam-acento); background: #fff;
}
.aam-admin-wrap.aam-app .button:active { transform: translateY(0); }
.aam-admin-wrap.aam-app .button.button-small { padding: 6px 12px; border-radius: 8px; font-size: 12.5px; }
.aam-admin-wrap.aam-app .button-primary, .aam-admin-wrap.aam-app button.button-primary, .aam-admin-wrap.aam-app a.button-primary {
	border: none; color: #fff;
	background: linear-gradient(180deg, var(--aam-acento) 0%, var(--aam-acento-oscuro) 100%);
	box-shadow: 0 4px 14px rgba(var(--aam-acento-rgb), .32);
}
.aam-admin-wrap.aam-app .button-primary:hover, .aam-admin-wrap.aam-app button.button-primary:hover, .aam-admin-wrap.aam-app a.button-primary:hover {
	color: #fff; border: none; background: linear-gradient(180deg, var(--aam-acento) 0%, var(--aam-acento-oscuro) 100%);
	box-shadow: 0 6px 18px rgba(var(--aam-acento-rgb), .42);
}
.aam-admin-wrap.aam-app button.button-primary[disabled] { box-shadow: none; transform: none; }
.aam-admin-wrap.aam-app .aam-btn-peligro { background: #fdf0ef; color: #c0392b; border: 1.5px solid #f5c6c2; }
.aam-admin-wrap.aam-app .aam-btn-peligro:hover { background: #fbdedc; border-color: #eea8a2; color: #c0392b; }

/* ---------- Etiquetas tipo píldora (como .gh-badge) ---------- */
.aam-app .aam-estado, .aam-app .aam-estado-pill {
	display: inline-flex; align-items: center; padding: 4px 11px; border-radius: 20px;
	font-size: 11px; font-weight: 800; letter-spacing: .02em;
}
.aam-app .aam-estado-activo, .aam-app .aam-estado-entregado { background: #e3f7ea; color: #1e8e4a; }
.aam-app .aam-estado-baja, .aam-app .aam-estado-cancelado { background: #fdeceb; color: #c0392b; }
.aam-app .aam-estado-pendiente { background: #fef0de; color: #c77a18; }

/* ---------- Avisos (como .gh-msg-*) ---------- */
.aam-app .notice {
	padding: 13px 18px; border-radius: 12px; font-size: 13.5px; font-weight: 600;
	border-left: 4px solid var(--aam-acento); box-shadow: none; background: var(--aam-acento-claro);
}
.aam-app .notice p { margin: 0; font-weight: 600; }
.aam-app .notice-success { background: #e3f7ea; border-left-color: #1e8e4a; }
.aam-app .notice-success, .aam-app .notice-success p { color: #1e8e4a; }
.aam-app .notice-error { background: #fdeceb; border-left-color: #c0392b; }
.aam-app .notice-error, .aam-app .notice-error p { color: #c0392b; }
.aam-app .notice-info, .aam-app .notice-warning { background: #e9f1fb; border-left-color: #2e74b5; }
.aam-app .notice-info, .aam-app .notice-info p, .aam-app .notice-warning, .aam-app .notice-warning p { color: #2e74b5; }

/* ---------- Detalles ---------- */
.aam-app:not(.aam-tema-negro) code { background: #f4eeee; border-radius: 6px; }
.aam-app a.aam-nav-item { border-radius: 9px; }
@media (prefers-reduced-motion: reduce) {
	.aam-app .aam-admin-body, .aam-app .aam-card { animation: none; }
	.aam-admin-wrap.aam-app .button:hover { transform: none; }
}