/* Serta Equipe 6.0 — Notification Center */
.serta-notify-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:13px;cursor:pointer;color:var(--blue);box-shadow:0 5px 15px rgba(17,57,88,.04);transition:.18s}.serta-notify-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(17,57,88,.10)}.serta-notify-btn .bell{font-size:17px;line-height:1}.serta-notify-badge{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e54155;color:#fff;border:2px solid #f4f7fb;display:grid;place-items:center;font-size:9px;font-weight:1000}.serta-notify-badge.hidden{display:none!important}
.notify-overlay{position:fixed;inset:0;background:rgba(4,19,33,.36);backdrop-filter:blur(3px);z-index:90;opacity:0;pointer-events:none;transition:.22s}.notify-overlay.open{opacity:1;pointer-events:auto}.notify-drawer{position:fixed;top:0;right:0;width:min(480px,100vw);height:100dvh;background:linear-gradient(180deg,#f8fbfe 0,#f3f7fb 100%);z-index:91;box-shadow:-26px 0 70px rgba(6,34,59,.22);transform:translateX(102%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.notify-drawer.open{transform:translateX(0)}.notify-head{padding:24px 24px 18px;background:linear-gradient(135deg,#052f59,#086bad);color:#fff;position:relative;overflow:hidden}.notify-head:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08);right:-72px;top:-80px}.notify-head-top{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notify-head .eyebrow{color:#91cff8}.notify-head h2{margin:5px 0 3px;font-size:25px;letter-spacing:-.035em}.notify-head p{margin:0;color:#cfe5f5;font-size:12px;line-height:1.5}.notify-close{position:relative;z-index:3;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.10);color:#fff;width:38px;height:38px;border-radius:12px;font-size:20px;cursor:pointer}.notify-status-card{position:relative;z-index:2;margin-top:18px;padding:14px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);display:flex;gap:12px;align-items:center}.notify-status-icon{width:42px;height:42px;border-radius:13px;background:#fff;color:#0870b7;display:grid;place-items:center;font-size:19px;font-weight:1000}.notify-status-copy{min-width:0;flex:1}.notify-status-copy b,.notify-status-copy span{display:block}.notify-status-copy b{font-size:12px}.notify-status-copy span{font-size:10px;color:#cfe5f5;margin-top:3px;line-height:1.35}.notify-enable{border:0;background:#fff;color:#07569a;border-radius:11px;padding:10px 12px;font-size:10px;font-weight:1000;cursor:pointer;white-space:nowrap}.notify-body{flex:1;overflow:auto;padding:17px 18px 24px}.notify-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.notify-tabs{display:flex;gap:7px}.notify-tab{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;color:#61758a;font-size:10px;font-weight:900;cursor:pointer}.notify-tab.active{background:#0a5f9f;color:#fff;border-color:#0a5f9f}.notify-read-all{border:0;background:transparent;color:#0a6dad;font-size:10px;font-weight:900;cursor:pointer}.notify-list{display:grid;gap:10px}.notify-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:start;background:#fff;border:1px solid #dfe8f2;border-radius:16px;padding:14px;box-shadow:0 6px 18px rgba(12,49,78,.04);cursor:pointer;transition:.18s}.notify-item:hover{transform:translateY(-1px);border-color:#c6dae9;box-shadow:0 11px 25px rgba(12,49,78,.08)}.notify-item.unread{border-color:#afd2ea;background:linear-gradient(135deg,#fff,#f2f9fe)}.notify-item.unread:before{content:"";position:absolute;left:-1px;top:15px;bottom:15px;width:3px;border-radius:3px;background:#0a77bc}.notify-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf4fc;color:#075f9c;font-size:17px}.notify-item[data-category="message"] .notify-icon{background:#e8f5ff;color:#0870b7}.notify-item[data-category="document"] .notify-icon{background:#fff3dc;color:#b66c00}.notify-item[data-category="job"] .notify-icon{background:#e9f8f1;color:#147552}.notify-item[data-category="announcement"] .notify-icon{background:#f3eafd;color:#7950b6}.notify-copy{min-width:0}.notify-copy b{display:block;font-size:12px;color:#183049;line-height:1.3}.notify-copy p{margin:4px 0 0;color:#657b90;font-size:11px;line-height:1.48}.notify-time{font-size:9px;color:#8da0b1;white-space:nowrap;padding-top:2px}.notify-empty{padding:42px 22px;text-align:center;border:1px dashed #cddbe7;border-radius:17px;color:#7f93a6;background:rgba(255,255,255,.64)}.notify-empty .ico{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:17px;background:#edf5fb;color:#1b75ae;font-size:22px}.notify-empty b{display:block;color:#2a435a;font-size:13px}.notify-empty span{display:block;margin-top:5px;font-size:11px;line-height:1.5}
.notify-settings{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.notify-settings-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.notify-settings-head h3{margin:0;font-size:13px}.notify-settings-head button{border:0;background:#edf5fb;color:#075f9d;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer}.notify-pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.notify-pref{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e5edf4;border-radius:12px;background:#fbfdff}.notify-pref input{width:17px;height:17px;accent-color:#0871b6;margin:0}.notify-pref span{font-size:10px;font-weight:850;color:#425d74}.notify-test{width:100%;margin-top:12px;border:0;border-radius:12px;padding:11px;background:linear-gradient(135deg,#075b9e,#1185d2);color:#fff;font-size:10px;font-weight:1000;cursor:pointer}.notify-tip{margin-top:12px;padding:11px 12px;border-radius:12px;background:#fff8e8;border:1px solid #f1dfae;color:#7b5a0c;font-size:10px;line-height:1.45}.notify-install-hint{margin-top:10px;color:#d8ebfa;font-size:10px;line-height:1.45}.notify-toast-inapp{position:fixed;right:18px;top:82px;width:min(360px,calc(100vw - 36px));z-index:89;background:#fff;border:1px solid #dce7f0;border-radius:17px;padding:13px 14px;box-shadow:0 18px 50px rgba(8,45,75,.20);display:grid;grid-template-columns:38px 1fr;gap:10px;animation:notifyIn .25s ease}.notify-toast-inapp .i{width:38px;height:38px;border-radius:12px;background:#eaf5fd;color:#0870b7;display:grid;place-items:center}.notify-toast-inapp b{font-size:11px}.notify-toast-inapp p{margin:3px 0 0;font-size:10px;color:#627a90;line-height:1.4}@keyframes notifyIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:700px){.notify-drawer{width:100vw}.notify-head{padding:19px 18px 16px}.notify-body{padding:14px 13px 100px}.notify-pref-grid{grid-template-columns:1fr}.notify-status-card{align-items:flex-start}.notify-enable{padding:9px 10px}.serta-notify-btn{width:40px;height:40px}.notify-item{grid-template-columns:40px minmax(0,1fr)}.notify-time{grid-column:2;margin-top:-5px}.notify-icon{width:40px;height:40px}}
