.notice-widget{position:relative;display:inline-flex;flex:none;align-items:center}
.notice-widget [hidden],.notice-page [hidden]{display:none!important}
html.ui-portal .chip.chip-notice{position:relative;justify-content:center;width:40px;min-width:40px;padding:0;overflow:visible;cursor:pointer;font:inherit;line-height:1}
html.ui-portal .chip.chip-notice.is-on{background:#fdf1ef;border-color:#e3c6c2}
html.ui-portal .chip.chip-notice[aria-expanded="true"]{background:#eef5ff;border-color:#9fb6d3}
html.ui-portal .chip.chip-notice:focus-visible{outline:2px solid #1d4f91;outline-offset:2px}
html.ui-portal .chip.chip-notice b{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#c9372a;color:#ffffff;font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px #ffffff;pointer-events:none}
html.ui-portal .notice-inbox{position:absolute;z-index:60;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;width:min(380px,calc(100vw - 24px));max-height:min(540px,calc(100dvh - 120px));margin:0;text-align:left;white-space:normal;box-shadow:0 12px 32px rgba(27,42,62,.18),0 1px 0 #dfe7f0}
html.ui-portal .notice-inbox > .panel-h{flex:none;padding-right:4px}
html.ui-portal .notice-x{display:grid;place-items:center;flex:none;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:4px;background:none;color:#5c6875;cursor:pointer}
html.ui-portal .notice-x:hover{background:#e3ebf5;color:#1d4f91}
html.ui-portal .notice-x:focus-visible{outline:2px solid #1d4f91;outline-offset:-2px}
html.ui-portal .notice-scroll{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
html.ui-portal .notice-status{margin:0;padding:12px 14px 4px;color:#5c6875;font-size:12px;line-height:1.5}
html.ui-portal .notice-status:empty{display:none}
html.ui-portal .notice-list{list-style:none;margin:0;padding:4px 0}
html.ui-portal .notice-list .notice-row{position:relative;display:block;padding:10px 14px 10px 16px;border-bottom:1px solid #edf1f5;overflow-wrap:anywhere}
html.ui-portal .notice-list .notice-row:last-child{border-bottom:0}
html.ui-portal .notice-list .notice-unread{background:#f5f9fe}
html.ui-portal .notice-list .notice-unread::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:#2a62b0}
html.ui-portal .notice-row > b{display:block;color:#1b2a3e;font-size:13px;font-weight:700;line-height:1.45}
html.ui-portal .notice-row p{margin:3px 0 6px;color:#444444;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
html.ui-portal .notice-inbox .notice-row p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html.ui-portal .notice-row-foot{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;color:#5c6875;font-size:11px}
html.ui-portal .notice-row-foot time{margin-right:auto;font-variant-numeric:tabular-nums}
html.ui-portal .notice-act,html.ui-portal .notice-act:visited{display:inline-flex;align-items:center;min-height:24px;margin:0;padding:0 2px;border:0;background:none;color:#1d4f91;font:inherit;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}
html.ui-portal .notice-act:hover{color:#c55200;text-decoration:underline}
html.ui-portal .notice-done{color:#8a96a3}
html.ui-portal .notice-more{display:block;width:calc(100% - 28px);min-height:34px;margin:4px 14px 12px;padding:0 12px;border:1px solid #d3deeb;background:#f7fafd;color:#1d4f91;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
html.ui-portal .notice-more:hover{border-color:#9fb6d3;background:#eef5ff}
html.ui-portal .notice-more:disabled{color:#8a96a3;cursor:default}
html.ui-portal .notice-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 14px;border-top:1px solid #d3deeb;background:#f7fafd}
html.ui-portal .notice-foot .notice-act{font-size:12px}
html.ui-portal .notice-foot .notice-act:disabled{color:#8a96a3;text-decoration:none;cursor:default}
html.ui-portal .notice-page .panel{min-width:0}
html.ui-portal .notice-page .panel-b{padding:0}
html.ui-portal .notice-page .notice-lead{margin:0;padding:14px 16px 10px;color:#5c6875;font-size:13px;line-height:1.6;max-width:none}
html.ui-portal .notice-page .notice-foot{justify-content:flex-start;border-top:1px solid #d3deeb;border-bottom:1px solid #d3deeb}
html.ui-portal .notice-page .notice-status{padding:12px 16px 4px}
html.ui-portal .notice-page .notice-list .notice-row{padding:12px 16px 12px 18px}
@media(max-width:760px){
  html.ui-portal .chip.chip-notice{width:38px;min-width:38px;min-height:38px}
  html.ui-portal .chip.chip-notice .spr{width:18px;height:18px}
  html.ui-portal .notice-inbox{max-height:min(540px,calc(100dvh - 160px - env(safe-area-inset-bottom)))}
  html.ui-portal .notice-x{width:40px;height:40px}
  html.ui-portal .notice-act{min-height:32px}
}
@media (pointer:coarse){
  html.ui-portal .chip.chip-notice{width:44px;min-width:44px;min-height:44px}
  html.ui-portal .notice-act,html.ui-portal .notice-act:visited{min-height:44px;min-width:44px;justify-content:center}
}