.notif-shell{display:flex;width:100%;height:100dvh;max-height:100dvh;overflow:hidden;gap:var(--shell-gap);padding:var(--shell-gutter);box-sizing:border-box;align-items:stretch;background:transparent}.notif-shell>:first-child{flex:0 0 16rem;width:16rem;min-height:0;align-self:stretch}.notif-page{flex:1 1 auto;min-width:0;min-height:0;padding:0;overflow-x:hidden;overflow-y:auto}.notif-header{width:100%;flex-shrink:0;min-height:min-content}.notif-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem}.notif-kpi{background:white;border-radius:16px;padding:1rem 1.25rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}.notif-kpi p{margin:0 0 4px}.notif-kpi strong{margin:0}.notif-kpi--critical strong{color:#ef4444}.notif-kpi--warning strong{color:#f59e0b}.notif-kpi--info strong{color:#3b82f6}.notif-filter-bar{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.notif-chip{padding:.4rem .9rem;border-radius:999px;border:1.5px solid #e2e8f0;background:white;cursor:pointer;transition:all .15s}.notif-chip--active,.notif-chip:hover{border-color:#6366f1}.notif-chip--active{background:#6366f1;color:white}.notif-alert{padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;background:#f1f5f9}.notif-alert--error{background:#fef2f2;border:1px solid #fca5a5}.notif-empty{text-align:center;padding:3rem}.notif-list{display:flex;flex-direction:column;gap:.75rem}.notif-card{display:flex;align-items:flex-start;gap:1rem;background:white;border-radius:16px;padding:1rem 1.25rem;border:1.5px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s}.notif-card--unread{cursor:pointer}.notif-card--unread:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#a5b4fc}.notif-card--critical{border-left:4px solid #ef4444}.notif-card--warning{border-left:4px solid #f59e0b}.notif-card--info{border-left:4px solid #3b82f6}.notif-card__icon{display:inline-flex;flex-shrink:0;margin-top:2px;line-height:1;color:inherit}.notif-card__icon svg{width:1.35rem;height:1.35rem}.notif-card__body{flex:1;min-width:0}.notif-card__head{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.notif-card__title{margin:0}.notif-card__pharmacy{color:#6366f1}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;display:inline-block;flex-shrink:0}.notif-card__msg{margin:0 0 .35rem}.notif-card__meta{margin:0}@media (max-width:1199px){.notif-shell{flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden}.notif-shell>:first-child{width:100%;flex:0 0 auto;max-height:min(40vh,320px);overflow-x:hidden;overflow-y:auto}.notif-page{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}}