.notification-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;margin:18px 0}.notification-summary>div{padding:16px 18px;border:1px solid #d9e4eb;border-radius:16px;background:linear-gradient(145deg,#fff,#f3f8fa);box-shadow:0 5px 0 #dfe8ec,0 10px 22px #16384812}.notification-summary small,.notification-summary strong{display:block}.notification-summary small{color:#60798a}.notification-summary strong{font-size:24px;margin-top:4px;color:#18394a}.notification-summary .notification-urgent{border-top:3px solid #d64b45}.notification-summary .notification-review{border-top:3px solid #e1a442}.notification-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(140px,1fr)) auto auto;align-items:end;gap:12px;padding:16px;margin:18px 0;border:1px solid #dce7ed;border-radius:16px;background:#f8fbfc}.notification-filters label{display:grid;gap:6px;color:#466274;font-size:13px}.notification-filters input,.notification-filters select{min-width:0;padding:10px 12px;border:1px solid #cbdbe4;border-radius:10px;background:#fff;color:#18394a;font:inherit}.notification-count{color:#60798a;font-size:13px}.notification-list{display:grid;gap:12px}.notification-card{padding:16px 18px;border:1px solid #dce6ec;border-left:5px solid #6b9bb4;border-radius:14px;background:linear-gradient(120deg,#fff,#f9fcfd);box-shadow:0 4px 0 #e1e9ed,0 8px 20px #1738470c}.notification-card.notification-urgent{border-left-color:#d64b45;background:linear-gradient(120deg,#fff,#fff8f7)}.notification-card.notification-review{border-left-color:#e1a442;background:linear-gradient(120deg,#fff,#fffdf7)}.notification-card.notification-read{opacity:.76}.notification-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.notification-source,.notification-severity,.notification-state{padding:4px 9px;border-radius:999px;background:#eaf2f5;color:#436274;font-size:12px}.notification-urgent .notification-severity{background:#fde8e6;color:#9a302d}.notification-review .notification-severity{background:#fff1d3;color:#875800}.notification-state{margin-left:auto}.notification-card h3{margin:10px 0 5px;color:#19394a;font-size:17px}.notification-card p{margin:0;color:#587082;line-height:1.5}.notification-actions{display:flex;justify-content:flex-end;margin-top:12px}.notification-actions button{border:1px solid #b9d3d1;border-radius:9px;padding:8px 12px;background:#edf8f6;color:#086d68;font-weight:650;cursor:pointer}.notification-actions button:hover{transform:translateY(-1px);box-shadow:0 3px 0 #b4d2cd}@media(max-width:900px){.notification-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.notification-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-filters{grid-template-columns:1fr}}
.notification-summary{grid-template-columns:repeat(6,minmax(120px,1fr))}.notification-case-state{padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#e8f3ed;color:#17603e}.notification-case-state.case-resolved{background:#eaf0f8;color:#365b88}.notification-case-detail{margin-top:10px!important;padding:10px 12px;border-radius:10px;background:#f3f7f8;color:#405d6d!important}.notification-history{margin-top:14px;padding-top:10px;border-top:1px solid #dce6ec}.notification-history summary{cursor:pointer;color:#087b76;font-weight:650}.notification-history p{padding:8px 0;border-bottom:1px solid #edf1f3;font-size:13px}.notification-inactive{opacity:.84;border-style:dashed}@media(max-width:1100px){.notification-summary{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:560px){.notification-summary{grid-template-columns:repeat(2,minmax(120px,1fr))}}