.notif-page{padding:0 0 80px;min-height:100vh;background:#f5f5f5}.notif-header{display:flex;align-items:center;gap:12px;padding:16px;background:#1e5a4b;color:#fff;position:sticky;top:0;z-index:10}.notif-header h2{flex:1;font-size:18px;margin:0}.notif-back,.notif-refresh{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.notif-back:active,.notif-refresh:active{background:#ffffff4d}.notif-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 12px 0}.notif-sum-card{background:#fff;border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 1px 4px #0000000f;cursor:pointer;transition:transform .15s}.notif-sum-card:active{transform:scale(.95)}.notif-sum-card i{font-size:18px}.notif-sum-count{font-size:20px;font-weight:800}.notif-sum-label{font-size:10px;color:#888;font-weight:600;text-align:center}.notif-sum-chat i,.notif-sum-chat .notif-sum-count{color:#1565c0}.notif-sum-frete i,.notif-sum-frete .notif-sum-count{color:#2e7d32}.notif-sum-prop i,.notif-sum-prop .notif-sum-count{color:#e65100}.notif-sum-status i,.notif-sum-status .notif-sum-count{color:#6a1b9a}.notif-filters{display:flex;gap:6px;padding:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.notif-filter-btn{padding:6px 14px;border-radius:20px;border:1px solid #ddd;background:#fff;font-size:12px;font-weight:600;color:#666;cursor:pointer;white-space:nowrap;transition:all .2s}.notif-filter-btn.active{background:#1e5a4b;color:#fff;border-color:#1e5a4b}.notif-feed{padding:0 12px 20px;display:flex;flex-direction:column;gap:8px}.notif-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 4px #0000000d;cursor:pointer;border-left:4px solid transparent;transition:transform .15s}.notif-card:active{transform:scale(.98)}.notif-card-success{border-left-color:#4caf50}.notif-card-info{border-left-color:#2196f3}.notif-card-warning{border-left-color:#ff9800}.notif-card-danger{border-left-color:#f44336}.notif-card-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.notif-icon-success{background:#e8f5e9;color:#2e7d32}.notif-icon-info{background:#e3f2fd;color:#1565c0}.notif-icon-warning{background:#fff3e0;color:#e65100}.notif-icon-danger{background:#ffebee;color:#c62828}.notif-card-body{flex:1;min-width:0}.notif-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.notif-card-top strong{font-size:14px;color:#1a1a1a}.notif-card-time{font-size:11px;color:#aaa;white-space:nowrap}.notif-card-route{font-size:12px;color:#1e5a4b;font-weight:600;margin-top:2px}.notif-card-detail{font-size:12px;color:#777;margin-top:2px}.notif-card-value{font-size:12px;color:#2e7d32;font-weight:700;margin-top:4px}.notif-card-arrow{color:#ccc;font-size:12px;flex-shrink:0}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;color:#aaa;text-align:center}.notif-empty i{font-size:48px;opacity:.3}.notif-empty strong{font-size:16px;color:#999}.notif-empty span{font-size:13px}.notif-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:#999;font-size:14px}.notif-push-banner{display:flex;align-items:center;gap:12px;margin:12px 12px 0;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;border:2px dashed #1e5a4b;transition:all .2s}.notif-push-banner:active{transform:scale(.98)}.notif-push-active{border-style:solid;border-color:#4caf50;background:#f1f8e9;cursor:default}.notif-push-icon{font-size:28px;flex-shrink:0}.notif-push-text{flex:1}.notif-push-text strong{display:block;font-size:14px;color:#1a1a1a}.notif-push-text span{font-size:12px;color:#777}.notif-push-active .notif-push-text strong{color:#2e7d32}.notif-push-ios{border-color:#2196f3;border-style:solid;background:#e3f2fd;cursor:default}.notif-push-ios .notif-push-text strong{color:#1565c0}.notif-push-warn{border-color:#bdbdbd;border-style:solid;background:#fafafa;cursor:default}.notif-push-warn .notif-push-text strong{color:#616161}