.notice-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:34px;padding:5px!important;border:1px solid #80b6e2;border-bottom:3px solid #2e6295;border-radius:8px;background:linear-gradient(#e6f5ff,#b6dcfa);color:#124977;cursor:pointer}.notice-bell:hover{transform:translateY(-2px)}.notice-count{position:absolute;top:-7px;right:-7px;background:#d82340;color:#fff;font-size:12px;font-weight:800;border-radius:12px;padding:1px 5px;line-height:18px}.notice-count[hidden]{display:none}.notice-dialog{width:min(620px,94vw);max-height:85vh;border:1px solid #bed1e4;border-radius:14px;padding:18px;background:#f7fbff;color:#18364f}.notice-dialog::backdrop{background:#17354b88}.notice-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.notice-heading h2{font-size:20px;margin:0}.notice-close,.notice-read,.notice-actions button,.notice-open,.job-notice-button{border:1px solid #96b8d5;border-bottom:3px solid #5885aa;border-radius:7px;background:linear-gradient(#edf7ff,#c8e5fb);color:#164265;padding:7px 12px;font:700 14px/1.35 system-ui,sans-serif;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s}.notice-actions button:hover,.notice-open:hover,.job-notice-button:hover{transform:translateY(-2px)}.notice-body{margin:14px 0;overflow-y:auto;max-height:60vh}.notice-item{border:1px solid #d6e4f0;border-radius:10px;background:#fff;padding:14px;margin:10px 0}.notice-item.unread{border-left:4px solid #177bd1;background:#eef7ff}.notice-item h3{font-size:17px;line-height:1.5;margin:0}.notice-job{font-size:14px;color:#42627d;margin:4px 0}.notice-message{font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.notice-item time{font-size:13px;color:#567086}.notice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.notice-actions button:disabled{opacity:.65;cursor:default}.job-notice-button{background:linear-gradient(#fff6c8,#ffe598);border-color:#d4b85b;color:#68490b}.notice-read{width:100%}

@media print{.notice-bell,.notice-dialog,.job-notice-button{display:none!important}}

.notice-auto-popup{position:fixed;top:105px;right:18px;z-index:10000;width:min(390px,calc(100vw - 32px));padding:16px;border:1px solid #6ea8db;border-left:5px solid #1765ad;border-radius:12px;background:linear-gradient(135deg,#f7fbff,#ddecfc);color:#173e60}.notice-auto-popup[hidden]{display:none}.notice-auto-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.notice-auto-head strong{font-size:14px}.notice-auto-popup h3{margin:10px 0 6px;font-size:17px;line-height:1.5}.notice-auto-popup p{font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:25vh;overflow:auto}.notice-auto-popup button{border:1px solid #8db4d8;border-bottom:3px solid #4f7faa;border-radius:7px;background:linear-gradient(#f7fcff,#c3e2ff);color:#164b79;padding:7px 12px;cursor:pointer;font:700 14px/1.4 system-ui,sans-serif}.notice-auto-actions{display:flex;gap:8px}.notice-auto-open{width:100%}@media(max-width:600px){.notice-auto-popup{top:130px;right:12px}}@media print{.notice-auto-popup{display:none!important}}