/* WRS GEMPA — Notification Center refresh */
.notification-center-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;padding:5px;border:1px solid rgba(126,183,211,.16);border-radius:15px;background:rgba(7,18,30,.72);position:sticky;top:0;z-index:12;backdrop-filter:blur(12px)}
.notification-center-tab{appearance:none;border:0;border-radius:11px;min-height:44px;padding:0 12px;background:transparent;color:#8ea8bd;font:700 13px/1.1 system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;transition:.18s ease}
.notification-center-tab.is-active{background:linear-gradient(135deg,rgba(51,164,204,.22),rgba(43,115,158,.18));color:#eaf8ff;box-shadow:inset 0 0 0 1px rgba(93,201,238,.22)}
.notification-center-tab .notification-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:6px;padding:0 5px;border-radius:999px;background:#1e8fb7;color:#fff;font-size:10px;vertical-align:middle}
.notification-center-panel{display:none}.notification-center-panel.is-active{display:block}
.notification-center-push-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:2px 0 12px}
.notification-center-push-head h3{margin:0;font-size:21px;letter-spacing:-.02em}.notification-center-push-head p{margin:4px 0 0;color:#8298aa;font-size:12px;line-height:1.45}
.notification-center-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.notification-center-actions button{border:1px solid rgba(116,191,224,.2);border-radius:10px;background:rgba(16,40,57,.72);color:#a9def1;padding:9px 10px;font-weight:700;font-size:11px;cursor:pointer}.notification-center-actions button.danger{color:#ffb0ae;border-color:rgba(255,107,103,.22);background:rgba(95,27,29,.22)}
.notification-center-status{min-height:20px;margin:0 0 8px;color:#7e96aa;font-size:12px}
.notification-center-list{display:grid;gap:9px}
.notification-center-item{position:relative;border:1px solid rgba(129,177,201,.16);border-radius:15px;padding:13px 13px 11px;background:linear-gradient(145deg,rgba(13,31,45,.92),rgba(8,21,33,.94));box-shadow:0 7px 18px rgba(0,0,0,.14);cursor:pointer;transition:.16s ease}
.notification-center-item:active{transform:scale(.99)}.notification-center-item.is-unread{border-color:rgba(79,197,232,.34);box-shadow:0 0 0 1px rgba(79,197,232,.05),0 8px 20px rgba(0,0,0,.16)}
.notification-center-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.notification-center-item-title{display:flex;align-items:center;gap:8px;min-width:0}.notification-center-item-title strong{font-size:14px;color:#e8f4fb;line-height:1.35}.notification-center-unread-dot{width:7px;height:7px;border-radius:50%;background:#52d2ef;box-shadow:0 0 10px rgba(82,210,239,.55);flex:0 0 auto}.notification-center-item time{color:#71889a;font-size:10px;white-space:nowrap}
.notification-center-item-body{margin:8px 0 9px;color:#a9bac7;font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.notification-center-tags{display:flex;flex-wrap:wrap;gap:5px}.notification-center-tag{padding:4px 7px;border-radius:999px;background:rgba(56,104,128,.18);border:1px solid rgba(111,180,207,.13);color:#8fc8dd;font-size:9px;font-weight:700}
.notification-center-item-actions{display:flex;gap:7px;margin-top:10px}.notification-center-item-actions button{border:1px solid rgba(118,185,210,.17);background:rgba(18,45,61,.68);color:#a7dcec;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:700;cursor:pointer}.notification-center-item-actions button.delete{color:#ffaaa6;border-color:rgba(255,111,105,.18)}
.notification-center-empty{padding:30px 18px;text-align:center;border:1px dashed rgba(126,175,199,.2);border-radius:15px;color:#7890a3;background:rgba(7,18,29,.5)}.notification-center-empty strong{display:block;color:#b9ccd8;font-size:13px;margin-bottom:5px}.notification-center-empty span{font-size:11px;line-height:1.5}
.notification-center-modal{position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-end;justify-content:center;padding:14px;background:rgba(2,8,15,.72);backdrop-filter:blur(8px)}
.notification-center-modal[hidden]{display:none}.notification-center-dialog{width:min(680px,100%);max-height:calc(100dvh - 28px);display:flex;flex-direction:column;border:1px solid rgba(116,190,218,.2);border-radius:20px 20px 14px 14px;background:#0b1826;box-shadow:0 24px 70px rgba(0,0,0,.5);overflow:hidden}
.notification-center-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid rgba(128,173,196,.13)}.notification-center-dialog-head small{display:block;color:#6f879a;font-size:10px;margin-bottom:4px}.notification-center-dialog-head h3{margin:0;color:#e9f5fb;font-size:18px;line-height:1.3}.notification-center-dialog-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(129,180,204,.16);background:rgba(21,44,59,.8);color:#a8c7d6;font-size:20px;cursor:pointer}
.notification-center-dialog-body{overflow:auto;padding:16px}.notification-center-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}.notification-center-detail-cell{padding:9px;border-radius:10px;background:rgba(16,38,53,.65);border:1px solid rgba(122,177,201,.1)}.notification-center-detail-cell span{display:block;color:#6f8799;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.notification-center-detail-cell strong{display:block;color:#c6dce8;font-size:11px;margin-top:3px;word-break:break-word}.notification-center-detail-text{white-space:pre-wrap;color:#b8cbd6;font-size:13px;line-height:1.65}.notification-center-dialog-foot{display:flex;gap:8px;padding:11px 13px calc(11px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(128,173,196,.13);background:#091521}.notification-center-dialog-foot button{flex:1;min-height:44px;border-radius:11px;border:1px solid rgba(116,185,210,.18);background:rgba(20,48,65,.8);color:#a9def1;font-weight:800}.notification-center-dialog-foot .danger{color:#ffaaa6;border-color:rgba(255,111,105,.18)}
@media(max-width:420px){.notification-center-push-head{display:block}.notification-center-actions{justify-content:flex-start;margin-top:9px}.notification-center-detail-grid{grid-template-columns:1fr}.notification-center-dialog{border-radius:18px 18px 0 0}.notification-center-modal{padding:0}.notification-center-tab{font-size:12px}}
html[data-wrs-theme="light"] .notification-center-tabs{background:rgba(240,247,251,.92);border-color:rgba(47,96,123,.12)}
html[data-wrs-theme="light"] .notification-center-tab{color:#60798b}.notification-center-item{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,249,252,.98))}html[data-wrs-theme="light"] .notification-center-item-title strong{color:#173148}html[data-wrs-theme="light"] .notification-center-item-body{color:#587082}html[data-wrs-theme="light"] .notification-center-dialog{background:#f7fbfd}html[data-wrs-theme="light"] .notification-center-dialog-head h3{color:#173148}html[data-wrs-theme="light"] .notification-center-detail-text{color:#526c7d}html[data-wrs-theme="light"] .notification-center-dialog-foot{background:#edf5f8}


/* Mobile notification inbox controls */
.notification-center-filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:3px 0 11px}
.notification-center-filter{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(126,183,211,.18);border-radius:12px;background:rgba(7,18,30,.68)}
.notification-center-filter button{appearance:none;border:0;border-radius:9px;min-height:34px;padding:0 12px;background:transparent;color:#8ea8bd;font:700 11px/1 system-ui,sans-serif;cursor:pointer}
.notification-center-filter button.is-active{background:rgba(43,145,185,.24);color:#dff7ff;box-shadow:inset 0 0 0 1px rgba(93,201,238,.19)}
.notification-center-read-all{appearance:none;border:1px solid rgba(116,191,224,.18);border-radius:10px;min-height:37px;padding:0 11px;background:rgba(16,40,57,.48);color:#a9ddef;font:700 11px/1.15 system-ui,sans-serif;cursor:pointer}
.notification-center-actions button:disabled,.notification-center-read-all:disabled{opacity:.42;cursor:not-allowed}
.notification-center-item-actions button{min-height:36px}
.notification-center-item-actions button:focus-visible,.notification-center-filter button:focus-visible,.notification-center-read-all:focus-visible{outline:2px solid #64d5f0;outline-offset:2px}
@media(max-width:480px){
  .notification-center-push-head{flex-direction:column;align-items:stretch;gap:9px}
  .notification-center-actions{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr;width:100%}
  .notification-center-actions button{min-height:39px}
  .notification-center-filter-row{align-items:stretch}
  .notification-center-filter{flex:1;display:grid;grid-template-columns:1fr 1fr}
  .notification-center-filter button{padding:0 7px}
  .notification-center-read-all{width:100%;min-height:40px}
  .notification-center-item-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .notification-center-item-actions button{min-width:0;padding:8px 5px;font-size:11px}
}
html[data-wrs-theme="light"] .notification-center-filter{border-color:rgba(54,91,120,.2);background:rgba(232,241,248,.9)}
html[data-wrs-theme="light"] .notification-center-filter button{color:#536b7e}
html[data-wrs-theme="light"] .notification-center-filter button.is-active{background:rgba(51,164,204,.17);color:#133c53}
html[data-wrs-theme="light"] .notification-center-read-all{border-color:rgba(54,91,120,.2);background:rgba(237,246,251,.9);color:#15506c}