.admin-notification-menu{position:relative;margin-left:0}.admin-notification-menu summary{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border,#e5e7eb);border-radius:10px;cursor:pointer;list-style:none;color:var(--text,#1f2937);background:var(--surface,#fff)}.admin-notification-menu summary::-webkit-details-marker{display:none}.admin-notification-menu summary .nav-icon{width:19px;height:19px}.admin-notification-menu summary b{position:absolute;top:-5px;right:-7px;min-width:17px;padding:1px 4px;border-radius:999px;background:#dc2626;color:#fff;font:700 10px/15px system-ui,sans-serif;text-align:center}.admin-notification-panel{position:absolute;right:0;top:calc(100% + 9px);z-index:50;width:min(380px,calc(100vw - 28px));max-height:460px;overflow:auto;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--surface,#fff);box-shadow:0 18px 45px rgba(15,23,42,.18)}.admin-notification-panel header{display:flex;justify-content:space-between;gap:12px;padding:14px 15px 10px;border-bottom:1px solid var(--border,#e5e7eb)}.admin-notification-panel header span{color:var(--muted,#6b7280);font-size:12px}.admin-notification-items>a{display:flex;gap:10px;padding:11px 15px;color:inherit;text-decoration:none;border-bottom:1px solid var(--border,#e5e7eb)}.admin-notification-items>a:hover{background:var(--surface-alt,#f8fafc)}.admin-notification-items strong,.admin-notification-items small,.admin-notification-items time{display:block}.admin-notification-items strong{font-size:13px}.admin-notification-items small{margin-top:3px;color:var(--muted,#6b7280);font-size:12px;line-height:1.4}.admin-notification-items time{margin-top:4px;color:var(--muted,#6b7280);font-size:11px;line-height:1.25}.notification-dot,.notification-type{flex:0 0 auto;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#64748b}.notification-dot-subscription_request,.notification-type-subscription_request{background:#2563eb}.notification-dot-invoice_pending,.notification-type-invoice_pending{background:#d97706}.notification-dot-invoice_overdue,.notification-type-invoice_overdue{background:#dc2626}.notification-dot-suspension_nonpayment,.notification-type-suspension_nonpayment{background:#9333ea}.notification-dot-cancellation,.notification-type-cancellation{background:#64748b}.notification-menu-empty{margin:0;padding:16px;color:var(--muted,#6b7280);font-size:13px}.notification-menu-all{display:block;padding:12px 15px;color:var(--accent,#2563eb);font-size:13px;font-weight:700;text-decoration:none}.notification-page-card{max-width:980px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--surface,#fff);overflow:hidden}.notification-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--border,#e5e7eb)}.notification-page-header h2{margin:0;font-size:17px}.notification-page-header p{margin:5px 0 0}.notification-list{display:grid}.notification-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border,#e5e7eb)}.notification-item:last-child{border-bottom:0}.notification-item.is-unread{background:#f6f9ff}.notification-copy{display:flex;flex:1;min-width:0;gap:12px;color:inherit;text-decoration:none}.notification-copy>span:last-child{min-width:0}.notification-copy strong,.notification-copy small,.notification-copy time{display:block}.notification-copy strong{font-size:14px}.notification-copy small{margin-top:3px;color:var(--muted,#6b7280);font-size:13px;line-height:1.4}.notification-copy time{margin-top:5px;color:var(--muted,#6b7280);font-size:11px}.notification-read-form{flex:0 0 auto}.notification-empty{padding:28px;color:var(--muted,#6b7280);text-align:center}@media(max-width:700px){.admin-notification-menu{margin-left:0}.notification-page-header{align-items:flex-start;flex-direction:column}.notification-item{align-items:flex-start;padding:14px}.notification-read-form{margin-left:20px}.admin-notification-panel{position:fixed;right:14px;top:58px}}