/* EduSmart360 V4.25 — notifications/canalizations domain layout.
   Canonical EDL owns palette, surfaces, states and interaction feedback. */
.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:var(--edl-surface);border:1px solid var(--edl-line);border-radius:var(--edl-r-2);padding:14px;min-width:0;box-shadow:var(--edl-shadow-1)}.workflow-kpi strong{display:block;font-family:var(--edl-title);font-size:23px;color:var(--edl-ink);overflow-wrap:anywhere}.workflow-kpi span{font-size:11px;color:var(--edl-muted);font-weight:700}.notification-list,.canalization-list{display:grid;gap:10px}.notification-card,.canalization-card{background:var(--edl-surface);border:1px solid var(--edl-line);border-left:4px solid var(--edl-muted-2);border-radius:var(--edl-r-2);padding:14px;box-shadow:var(--edl-shadow-1);min-width:0}.notification-card.priority-high,.canalization-card.priority-high{border-left-color:var(--edl-warning)}.notification-card.priority-critical,.canalization-card.priority-critical{border-left-color:var(--edl-danger)}.notification-card.priority-medium,.canalization-card.priority-medium{border-left-color:var(--edl-ocean)}.notification-card.is-unread{background:color-mix(in srgb,var(--edl-ocean) 4%,var(--edl-surface))}.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:800;color:var(--edl-ink);overflow-wrap:anywhere;word-break:break-word;min-width:0}.workflow-card-meta{font-size:10.5px;color:var(--edl-muted);margin-top:4px;line-height:1.45;overflow-wrap:anywhere}.workflow-card-body{font-size:12.5px;color:var(--edl-ink-2);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:800;letter-spacing:.2px;background:color-mix(in srgb,var(--edl-ocean) 8%,var(--edl-surface));color:var(--edl-ocean);white-space:nowrap}.workflow-badge.status{background:color-mix(in srgb,var(--edl-jade) 9%,var(--edl-surface));color:var(--edl-jade)}.workflow-empty{background:var(--edl-surface);border:1px dashed var(--edl-line-strong);border-radius:var(--edl-r-2);padding:24px;text-align:center;color:var(--edl-muted);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:var(--edl-r-1);background:var(--edl-surface-2);border:1px solid var(--edl-line);min-width:0}.workflow-detail-item b{display:block;font-size:10px;color:var(--edl-muted);text-transform:uppercase;margin-bottom:3px}.workflow-detail-item span{font-size:12.5px;color:var(--edl-ink);overflow-wrap:anywhere;word-break:break-word}.workflow-timeline{border-left:2px solid var(--edl-line-strong);margin:14px 0 0 8px;padding-left:15px;display:grid;gap:12px}.workflow-timeline-item{position:relative;font-size:12px;color:var(--edl-ink-2);line-height:1.5;overflow-wrap:anywhere}.workflow-timeline-item:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--edl-jade);left:-20px;top:4px}.workflow-rule-table{overflow:auto;max-height:430px;border:1px solid var(--edl-line);border-radius:var(--edl-r-1)}.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:var(--edl-danger);color:var(--edl-surface);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}}