/* EducaRommel — admin.css */
.admin-grid{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px}
.admin-tile{padding:16px; border-radius:var(--radius2); background: var(--panel); border:1px solid rgba(255,255,255,.10); box-shadow: var(--shadow)}
.admin-tile:hover{background: var(--panel2)}
.admin-tile.danger{border-color: rgba(239,68,68,.35)}

.admin-card{max-width:520px; padding:18px; border-radius:var(--radius2); background: var(--panel); border:1px solid rgba(255,255,255,.10); box-shadow: var(--shadow)}
.form{display:grid; gap:12px}
.form input,.form textarea{
  width:100%; padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.12);
  color:inherit;
}
[data-theme="light"] .form input,[data-theme="light"] .form textarea{background: rgba(15,23,42,.06)}
.form label{display:grid; gap:6px; font-weight:700}
.row{display:flex; gap:12px; flex-wrap:wrap}
.row > *{flex:1}
.check{display:flex !important; align-items:center; gap:10px; font-weight:800}

.table{display:grid; gap:8px}
.tr{display:grid; grid-template-columns: 70px 1.3fr 120px 100px 160px; gap:10px; padding:12px; border-radius:16px; background: var(--panel); border:1px solid rgba(255,255,255,.10)}
.tr.th{font-weight:900; background: rgba(255,255,255,.06)}
.actions{display:flex; gap:8px; align-items:center; justify-content:flex-end}

.alert{padding:12px; border-radius:16px; border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06)}
.alert.success{border-color: rgba(22,163,74,.35); background: rgba(22,163,74,.12)}
.alert.error{border-color: rgba(239,68,68,.35); background: rgba(239,68,68,.12)}

.code{white-space:pre-wrap; overflow:auto; max-height:220px; background: rgba(0,0,0,.18); border-radius:16px; padding:12px; border:1px dashed rgba(255,255,255,.22)}

@media(max-width: 980px){
  .admin-grid{grid-template-columns:1fr}
  .tr{grid-template-columns: 60px 1fr; grid-auto-rows:auto}
  .tr > div:nth-child(n+3){grid-column: 1 / -1}
  .actions{justify-content:flex-start}
}