.notification-preference{border:1px solid #294157;border-radius:12px;padding:12px;margin:12px 0;min-width:0}.notification-preference legend{font-weight:600;font-size:14px;max-width:100%;white-space:normal}.notification-preference label{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-right:20px}.notification-preference input[type=checkbox]{width:20px;height:20px;flex:none}.admin-notification-center{position:relative;max-width:100%;color:#eaf6ff}.admin-notification-center summary{cursor:pointer;padding:12px;border:1px solid #294157;border-radius:12px;min-height:44px;box-sizing:border-box}.admin-notification-body{position:absolute;right:0;z-index:30;width:min(440px,calc(100vw - 32px));max-height:75dvh;overflow:auto;background:#071827;border:1px solid #294157;border-radius:16px;padding:16px;box-sizing:border-box;box-shadow:0 16px 40px #0008;overflow-wrap:anywhere}.admin-notification-item{padding:14px 0;border-bottom:1px solid #294157}.admin-notification-item.is-unread{border-left:3px solid #67dcff;padding-left:10px}.admin-notification-item p{margin:8px 0}.admin-notification-item a{display:block;min-height:44px;padding-top:10px;color:#67dcff}.notification-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0}.notification-pagination button,.admin-notification-body button{min-height:44px}.admin-notification-body h2{font-size:20px}.admin-notification-body h3{font-size:18px}@media(max-width:600px){.admin-notification-body{position:fixed;top:20vh;right:16px;max-height:75dvh}.notification-pagination{flex-wrap:wrap}}

.admin-notification-body button{font:inherit;border:1px solid #294157;border-radius:10px;padding:10px 12px;background:#10263a;color:#eaf6ff;cursor:pointer}.admin-notification-body button:disabled{opacity:.5;cursor:default}.admin-notification-body [data-notification-close]{float:right;font-size:12px}.admin-notification-body:focus-within{outline-color:#67dcff}.admin-notification-body :focus-visible{outline:2px solid #67dcff;outline-offset:2px}header:has(.admin-notification-center){flex-wrap:wrap;gap:12px}