/* Notification list and full detail — independent from home styles. */
.notifications-page{padding:20px 18px 36px;min-height:74vh}
.notice-hero{background:linear-gradient(115deg,#131e27 15%,#102532 78%,#182b34);border:1px solid #6fbce832;border-radius:17px;padding:26px 28px 20px;position:relative;overflow:hidden}
.notice-hero::after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-135px;border-radius:50%;background:#70d4ff17;filter:blur(4px)}
.notice-hero-kicker,.side-eyebrow{color:#92dbff;letter-spacing:.13em;font-weight:950;font-size:10px}
.notice-hero-flex{display:flex;justify-content:space-between;align-items:center;gap:15px}.notice-hero h1{font-size:clamp(25px,4vw,35px);margin:9px 0 8px;letter-spacing:-.05em}.notice-hero h1 span{color:#95dcff}
.notice-hero p{max-width:550px;color:#a6bac5;font-size:12px;line-height:1.65;margin:0}
.notice-hero-art{width:76px;height:76px;display:grid;place-items:center;border-radius:20px;border:1px solid #9ddfff44;background:#c5ebff0e;color:#8fdbff;font-size:38px;box-shadow:0 0 42px #81d6ff0d}
.notice-hero-counter{font-size:11px;color:#9ab0bf;margin-top:19px;padding-top:12px;border-top:1px solid #ffffff15}
.notices-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;margin-top:17px}
.notice-panel,.notice-article{border:1px solid var(--line);background:#111920;border-radius:16px;overflow:hidden}
.notice-panel-head{padding:19px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.notice-panel-head h2{font-size:16px;margin:0}
.notice-action{background:#1a303c;border:1px solid #8cd4f538;color:#b9e9ff;padding:9px 12px;font-size:10px;font-weight:850;border-radius:9px;white-space:nowrap}
.notice-action:hover{background:#254456}
.notice-controls{padding:14px 16px;border-bottom:1px solid var(--line)}.notice-search{display:flex;align-items:center;gap:9px;background:#0b131a;border:1px solid #ffffff14;border-radius:10px;padding:0 12px;height:42px;color:#8bbbd0}
.notice-search span{font-size:26px;line-height:1}.notice-search input{border:0;background:none;outline:none;color:#fff;flex:1;min-width:0;font-size:12px}
.notice-filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.notice-filters button{background:#1b2830;color:#95abb8;border:1px solid transparent;border-radius:8px;font-size:10px;padding:8px 10px;font-weight:850}
.notice-filters button.selected{background:#96d9ff18;border-color:#8bd2fb44;color:#c3ecff}.notice-filters button:hover{color:#fff}
.all-notifications{padding:5px 11px 15px}.all-notifications .notification-item{padding:17px 10px}.all-notifications .notification-glyph{width:40px;height:40px;font-size:19px}.all-notifications .notification-item b{font-size:14px}.all-notifications .notification-item-summary{font-size:12px;-webkit-line-clamp:3}
.notice-side-card{padding:18px;border:1px solid #ffffff13;background:linear-gradient(145deg,#132332,#111920);border-radius:16px;overflow:hidden}.notice-side-card h3{font-size:19px;letter-spacing:-.035em;line-height:1.2;margin:10px 0}.notice-side-card p{font-size:11px;line-height:1.7;color:#9eafbb}
.side-graphic{width:100%;height:105px;display:grid;place-items:center;font-size:70px;opacity:.65;color:#87d9ff;background:radial-gradient(circle at 50% 85%,#4ac5fc30,transparent 64%)}
.notice-side-card>a{display:inline-flex;margin-top:12px;border:1px solid #7ecbe93d;background:#72c8f514;border-radius:9px;padding:9px 12px;font-size:11px;color:#c3ecff;font-weight:850}.notice-demo-label{color:#718a97;font-size:10px;line-height:1.6;padding:16px}
.notice-breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#8fa9b8;margin:2px 0 18px}.notice-breadcrumb a:hover{color:#dff5ff}.notice-breadcrumb span:last-child{color:#cfe3ef}
.notice-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.notice-article{padding:32px;min-height:400px}.detail-topline{display:flex;gap:12px;align-items:center;color:#93aab8;font-size:11px}.notice-category{padding:7px 10px;background:#86d7ff1a;color:#b9eaff;border-radius:7px;font-weight:950;font-size:10px}.notice-article h1{font-size:clamp(24px,3.3vw,32px);letter-spacing:-.045em;line-height:1.18;margin:22px 0 12px}.detail-lead{color:#b4cad5;font-size:14px;line-height:1.8}.detail-divider{height:1px;background:#ffffff15;margin:26px 0}.detail-body p{font-size:13px;line-height:1.95;color:#b4c2cd;margin:0 0 19px}
.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:33px}.notice-primary,.notice-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 14px;font-size:11px;font-weight:850}.notice-primary{background:#9cdefc;color:#0a2332;border:0}.notice-secondary{background:#1a303b;border:1px solid #6d9cae4d;color:#ceeefa}.notice-primary:hover{background:#caf1ff}.notice-secondary:hover{background:#284859}
.detail-sidebar{min-width:0}.detail-sidebar .notice-side-card{position:sticky;top:96px}.related-notices{display:grid;gap:10px;margin-top:12px}.related-notices .notification-item{padding:11px 12px;border:1px solid #ffffff10;background:#0f171d;border-radius:12px;display:grid;grid-template-columns:30px minmax(0,1fr) 8px;align-items:start;gap:10px}.related-notices .notification-item:hover{background:#14212a;border-color:#79c9ee36}.related-notices .notification-glyph{width:30px;height:30px;font-size:13px;border-radius:9px}.related-notices .notification-item-main{gap:3px}.related-notices .notification-item b{font-size:12px;line-height:1.35}.related-notices .notification-item-summary{display:block;-webkit-line-clamp:2;font-size:10px;color:#92a6b3}.related-notices .notification-item-meta{font-size:9px}.related-notices .notification-unread{width:6px;height:6px;margin-top:8px}.all-link{margin-top:15px;display:inline-flex}.notice-article{min-width:0}
.empty-state{padding:35px 15px;text-align:center;color:#9bb0bd;font-size:13px}.empty-state h1{font-size:23px;color:#fff}
@media(max-width:780px){.notices-layout,.notice-detail-layout{grid-template-columns:1fr}.notice-side,.detail-sidebar{order:2}.detail-sidebar .notice-side-card{position:static}.notifications-page{padding:14px 12px 30px}.notice-article{padding:22px}.notice-hero{padding:22px}.notice-hero-art{display:none}}
@media(max-width:480px){.notice-panel-head{align-items:flex-start;flex-direction:column}.notice-action{white-space:normal}.notice-hero{padding:18px}}