/* v2.6 · Administrador de notificaciones */
.notification-admin-root { display: grid; gap: 16px; }
.notification-admin-grid { display: grid; grid-template-columns: minmax(240px, .9fr) minmax(320px, 1.35fr); gap: 16px; align-items: start; }
.notification-template-list { display: grid; gap: 8px; max-height: 520px; overflow: auto; padding-right: 4px; }
.notification-template-item { width: 100%; text-align: left; display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: center; padding: 11px; border: 1px solid #dbe7f3; border-radius: 16px; background: #fff; cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.notification-template-item:hover, .notification-template-item.is-active { border-color: #2563eb; box-shadow: 0 12px 28px rgba(37, 99, 235, .12); transform: translateY(-1px); }
.notification-template-item .notification-template-icon { width: 34px; height: 34px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: #eff6ff; color: #2563eb; }
.notification-template-item strong { display: block; font-size: .9rem; }
.notification-template-item small { color: #64748b; font-size: .78rem; }
.notification-editor-card { display: grid; gap: 14px; }
.notification-preview-box { border: 1px dashed #bfdbfe; background: #f8fbff; border-radius: 18px; padding: 14px; }
.notification-preview-box .emtel-toast { position: relative; width: 100%; box-shadow: 0 16px 38px rgba(15,23,42,.1); animation: none; }
.notification-meta-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.notification-token-list { display: flex; flex-wrap: wrap; gap: 6px; }
.notification-token-list code { border: 1px solid #dbeafe; border-radius: 999px; padding: 3px 8px; background: #eff6ff; color: #1d4ed8; font-size: .75rem; }
@media (max-width: 980px) { .notification-admin-grid { grid-template-columns: 1fr; } .notification-template-list { max-height: 280px; } }