/* DoceGestor — Notifications Priority Center, variation 02 */
.notif-page{min-height:100dvh;padding-bottom:112px;background:radial-gradient(ellipse at 75% 0%,#52303a 0%,transparent 34%),linear-gradient(180deg,#241417,#180e13 50%,#211318);color:#fff0ee;overflow-x:hidden}
.notif-hero{min-height:213px;padding:44px 16px 32px;position:relative;background-image:linear-gradient(105deg,#1a0b10e8 0%,#261015bd 52%,#2911127c),url('/finance-hero.jpg');background-position:center 42%;background-size:cover}
.notif-hero:after{content:"";position:absolute;inset:auto 0 0;height:85px;background:linear-gradient(0deg,#241417,transparent)}
.notif-hero>*{position:relative;z-index:1}
.notif-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.notif-headbtns{display:flex;gap:8px;align-items:center}
.notif-headbtn{width:39px;height:39px;display:grid;place-items:center;border:1px solid #c38d966b;color:#ffe1e8;border-radius:13px;background:#4a2d35b0;backdrop-filter:blur(7px)}
.notif-headbtn svg{width:20px;height:20px}
.notif-title{font:500 clamp(36px,9vw,46px)/1 Georgia,'Times New Roman',serif;letter-spacing:-1.3px;margin:0;color:#fff7f4}
.notif-sub{font-size:12px;color:#efd4d8;margin:9px 0 0;line-height:1.5}
.notif-main{position:relative;margin-top:-26px;z-index:1;padding:0 13px 25px}
.notif-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.notif-stat{min-width:0;min-height:103px;padding:10px 7px;border-radius:15px;border:1px solid #9a66765c;background:linear-gradient(140deg,#602b3d,#321d26);display:flex;flex-direction:column;gap:7px;align-items:flex-start;color:#fff;text-align:left;box-shadow:0 7px 13px #12070b27}
.notif-stat:nth-child(2){background:linear-gradient(145deg,#573420,#311e1e)}
.notif-stat:nth-child(3){background:linear-gradient(145deg,#483052,#261c31)}
.notif-stat:nth-child(4){background:linear-gradient(145deg,#304a35,#1e3027)}
.notif-stat .not-icon{width:27px;height:27px;border-radius:10px;background:#ffffff18;color:#f5a9bf;display:grid;place-items:center}
.notif-stat:nth-child(2) .not-icon{color:#eeb580}.notif-stat:nth-child(3) .not-icon{color:#d5b5f5}.notif-stat:nth-child(4) .not-icon{color:#a9dfb2}
.notif-stat .not-icon svg{width:17px;height:17px}
.notif-stat strong{font-size:22px;line-height:1;margin-top:auto}
.notif-stat span:last-child{font-size:9px;color:#edd3d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.notif-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 1px 12px}
.notif-heading h2{margin:0;font:500 24px Georgia,serif;letter-spacing:-.3px}
.notif-more{color:#edcbd6;background:#503039;border:1px solid #8b5669;border-radius:24px;padding:8px 11px;font-size:11px;white-space:nowrap}
.notif-feature{background:linear-gradient(135deg,#622c38,#331b23);border:1px solid #b96a79;border-radius:18px;overflow:hidden;padding:12px;box-shadow:0 7px 22px #0e070c40;position:relative}
.notif-feature:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 12%,#f5899b24,transparent 48%);pointer-events:none}
.notif-feature>*{position:relative}
.notif-feature-top{display:flex;gap:9px;align-items:center;margin-bottom:11px}
.notif-tag{background:#ae3c51;color:#ffe5e9;border:1px solid #ed8292;border-radius:7px;font-size:10px;font-weight:760;padding:5px 8px;white-space:nowrap}
.notif-tag.warning{background:#874a28;border-color:#bd835d;color:#ffe1c0}.notif-tag.normal{background:#5d3b62;border-color:#9876a3;color:#efdafa}
.notif-time{font-size:10px;color:#e4b9c3;margin-left:auto;white-space:nowrap}
.notif-unread-dot{width:7px;height:7px;border-radius:50%;background:#f0799a;box-shadow:0 0 11px #f25881;flex-shrink:0}
.notif-feature-core{display:flex;gap:12px;align-items:center;min-width:0}
.notif-feature-photo{width:88px;height:84px;flex:0 0 88px;border-radius:13px;object-fit:cover;border:1px solid #f8b0c28a;background:#5a3340}
.notif-feature-symbol{display:grid;place-items:center;width:70px;height:70px;flex:0 0 70px;border-radius:15px;background:#5a3045;color:#e6b5ee}
.notif-feature-symbol svg{width:29px;height:29px}
.notif-feature-text{flex:1;min-width:0}
.notif-feature-text strong{font-size:15px;display:block;line-height:1.25;color:#fff}
.notif-feature-text p{font-size:11px;color:#dfbdc4;line-height:1.43;margin:6px 0 0;overflow-wrap:break-word}
.notif-feature-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.notif-feature-actions button{min-height:39px;border-radius:11px;border:1px solid #9a6a77;background:#4d303a;color:#ffe6ec;font-size:11px;font-weight:730}
.notif-feature-actions button.primary{background:linear-gradient(115deg,#ad4665,#d77592);border:1px solid #f8a8bc;margin:0}
.notif-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 0 8px;margin:11px 0 2px;scrollbar-width:none}
.notif-tabs::-webkit-scrollbar{display:none}
.notif-tab{white-space:nowrap;flex:0 0 auto;min-height:35px;border-radius:23px;padding:8px 12px;border:1px solid #785366;background:#35232a;color:#ddbdc8;font-size:11px;font-weight:650}
.notif-tab.selected{background:linear-gradient(115deg,#a54e69,#d37797);border-color:#edacc0;color:white}
.notif-row{display:flex;align-items:center;gap:10px;min-height:85px;text-align:left;padding:10px 9px;border:1px solid #633f4a;background:linear-gradient(120deg,#402932,#2a1a20);border-radius:14px;width:100%;color:#f9e9ed;margin-bottom:8px}
.notif-row.unread{border-color:#ae637c;background:linear-gradient(115deg,#552b3b,#301b25)}
.notif-row-photo{width:58px;height:58px;border:1px solid #bb808e7a;border-radius:12px;object-fit:cover;flex:0 0 58px;background:#684852}
.notif-row-icon{width:51px;height:51px;display:grid;place-items:center;flex:0 0 51px;border-radius:12px;border:1px solid #9d6c7d;background:#67344d;color:#f7acc8}
.notif-row-icon svg{width:24px;height:24px}
.notif-row-icon.agenda{background:#50335a;color:#dfb1f2}
.notif-row-icon.finance{background:#2c5539;color:#aae4b7}
.notif-row-icon.stock{background:#5b4431;color:#ffce8b}
.notif-row-content{flex:1;min-width:0}
.notif-row-content strong{display:block;font-size:12px;white-space:normal;line-height:1.3;color:#ffeef0}
.notif-row-content span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;color:#d5bbc4;line-height:1.4;margin-top:4px}
.notif-row-side{flex:0 0 49px;min-width:49px;display:flex;align-items:flex-end;flex-direction:column;gap:8px}
.notif-row-side time{font-size:9px;color:#d3acba;white-space:nowrap}
.notif-row-side .not-circ{color:#f9c4d4;font-size:17px}
.notif-listempty{text-align:center;border:1px dashed #6e4654;border-radius:14px;padding:30px 16px;color:#cbb0bd;font-size:12px;line-height:1.6}
.notif-listempty strong{display:block;font:500 20px Georgia,serif;color:#fff0f0;margin-bottom:6px}
.notif-utility{display:flex;gap:9px;margin-top:12px}
.notif-utility button{flex:1;border:1px solid #875767;background:#4f313b;border-radius:12px;color:#f5d9e1;min-height:43px;font-size:11px;font-weight:710}
.notif-footnote{font-size:10px;line-height:1.4;text-align:center;color:#b48e9d;margin:19px 9px}
.notif-settings-backdrop{position:fixed;inset:0;background:#14080cc2;z-index:91;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.notif-settings-sheet{width:min(100%,560px);border-radius:25px 25px 0 0;padding:10px 20px calc(25px + env(safe-area-inset-bottom,0px));background:linear-gradient(150deg,#49303a,#281b25);border:1px solid #a77187;color:#fff;max-height:82svh;overflow-y:auto;overscroll-behavior:contain}
.notif-settings-handle{width:40px;height:5px;margin:0 auto 17px;background:#a5878c;border-radius:10px}
.notif-settings-hdr{display:flex;align-items:center;justify-content:space-between}
.notif-settings-hdr h2{font:500 27px Georgia,serif;margin:0}
.notif-settings-hdr button{background:#644353;color:#fff;border:1px solid #996a80;border-radius:50%;width:35px;height:35px;font-size:20px}
.notif-settings-desc{font-size:11px;color:#ddbfc9;line-height:1.55;margin:12px 0}
.notif-setting{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #765061;padding:14px 0;gap:8px}
.notif-setting strong{font-size:13px;display:block}.notif-setting small{font-size:10px;color:#cba6b9;display:block;margin-top:5px}
.notif-toggle{min-width:56px;min-height:34px;background:#634c59;border:1px solid #aa7e90;color:#eee1e6;border-radius:18px;font-size:11px}
.notif-toggle.on{background:#a34d6b;color:#fff}
.notif-settings-sheet .notif-settings-done{width:100%;padding:14px;background:linear-gradient(110deg,#a84867,#d87596);color:white;font-weight:740;border:1px solid #f4b6c3;border-radius:13px;margin-top:9px}
@media(max-width:380px){.notif-main{padding:0 9px 23px}.notif-hero{padding-left:12px;padding-right:12px}.notif-stats{gap:5px}.notif-stat{padding:9px 6px;min-height:99px}.notif-stat strong{font-size:19px}.notif-stat span:last-child{font-size:9px}.notif-feature{padding:10px}.notif-feature-photo{width:75px;height:75px;flex-basis:75px}.notif-feature-text strong{font-size:13px}.notif-row{gap:7px;padding:9px 7px}.notif-row-photo{width:52px;height:52px;flex-basis:52px}.notif-row-icon{width:46px;height:46px;flex-basis:46px}.notif-row-content strong{font-size:11px}.notif-row-content span{font-size:9px}.notif-row-side{min-width:39px;flex-basis:39px}.notif-row-side time{font-size:8px}}
@media(prefers-reduced-motion:reduce){.notif-tab,.notif-row{transition:none!important}}