/* EduSmart360 V1.1.3.4.12 - centro responsive de notificaciones y canalizaciones. */
.workflow-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.workflow-toolbar .fi{min-width:150px;max-width:240px}
.workflow-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.workflow-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:14px;min-width:0;box-shadow:var(--sh)}
.workflow-kpi strong{display:block;font-size:23px;color:var(--az);overflow-wrap:anywhere}
.workflow-kpi span{font-size:11px;color:var(--tx2);font-weight:700}
.notification-list,.canalization-list{display:grid;gap:10px}
.notification-card,.canalization-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #94a3b8;border-radius:14px;padding:14px;box-shadow:0 2px 10px rgba(15,23,42,.05);min-width:0}
.notification-card.priority-high,.canalization-card.priority-high{border-left-color:#ea580c}
.notification-card.priority-critical,.canalization-card.priority-critical{border-left-color:#dc2626}
.notification-card.priority-medium,.canalization-card.priority-medium{border-left-color:#0b6fbf}
.notification-card.is-unread{background:#f8fbff}
.workflow-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;min-width:0}
.workflow-card-title{font-size:14px;font-weight:900;color:#0f172a;overflow-wrap:anywhere;word-break:break-word;min-width:0}
.workflow-card-meta{font-size:10.5px;color:var(--tx2);margin-top:4px;line-height:1.45;overflow-wrap:anywhere}
.workflow-card-body{font-size:12.5px;color:#334155;line-height:1.55;margin-top:9px;overflow-wrap:anywhere;word-break:break-word}
.workflow-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.workflow-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9.5px;font-weight:900;letter-spacing:.2px;background:#eef2ff;color:#3730a3;white-space:nowrap}
.workflow-badge.status{background:#ecfeff;color:#155e75}
.workflow-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:24px;text-align:center;color:var(--tx2);font-size:12.5px}
.workflow-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.workflow-detail-item{padding:10px;border-radius:11px;background:#f8fafc;border:1px solid #e2e8f0;min-width:0}
.workflow-detail-item b{display:block;font-size:10px;color:#64748b;text-transform:uppercase;margin-bottom:3px}
.workflow-detail-item span{font-size:12.5px;color:#0f172a;overflow-wrap:anywhere;word-break:break-word}
.workflow-timeline{border-left:2px solid #cbd5e1;margin:14px 0 0 8px;padding-left:15px;display:grid;gap:12px}
.workflow-timeline-item{position:relative;font-size:12px;color:#334155;line-height:1.5;overflow-wrap:anywhere}
.workflow-timeline-item:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--az);left:-20px;top:4px}
.workflow-rule-table{overflow:auto;max-height:430px;border:1px solid #e5e7eb;border-radius:12px}
.workflow-rule-table table{min-width:920px}
#notification-badge-count{display:none;position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font:800 9px/17px inherit;text-align:center}
.tb-btn{position:relative}
@media(max-width:900px){.workflow-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-detail-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .workflow-summary{grid-template-columns:1fr 1fr;gap:8px}
  .workflow-kpi{padding:11px}.workflow-kpi strong{font-size:20px}
  .workflow-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .workflow-toolbar .fi,.workflow-toolbar .btn{width:100%;max-width:none;min-width:0}
  .workflow-toolbar .workflow-full-mobile{grid-column:1/-1}
  .workflow-card-head{flex-direction:column;gap:7px}
  .workflow-actions{display:grid;grid-template-columns:1fr 1fr}
  .workflow-actions .btn{width:100%}
  .notification-card,.canalization-card{padding:12px}
}