.note-inbox-control{position:relative;display:inline-flex;align-items:center;flex:0 1 auto;max-width:100%;margin-left:10px;}
.note-inbox-control>button,.note-inbox-dialog button{appearance:none;min-height:44px;padding:10px 14px;font:700 13px/1.5 system-ui,sans-serif;border:1px solid #93b8b1;border-radius:12px;background:#f7fbf9;color:#173e3c;cursor:pointer;white-space:normal;}
.note-inbox-control>button:focus-visible,.note-inbox-dialog :focus-visible{outline:3px solid #329c8c;outline-offset:3px;}.note-inbox-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.note-inbox-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 28px));max-height:85dvh;padding:26px;border:1px solid #b4c5bf;border-radius:22px;background:#fffdf8;color:#183343;box-shadow:0 25px 90px #10262f55;overflow:auto;font:15px/1.7 system-ui,sans-serif;}
.note-inbox-dialog::backdrop{background:#132d3c80;backdrop-filter:blur(4px);}.note-inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;}.note-inbox-heading h2{font-size:22px;margin:0;}.note-notice{padding:20px;margin:15px 0;border:1px solid #d9e0da;border-radius:14px;background:#faf9f5;overflow-wrap:anywhere;}.note-notice.is-unread{border-left:4px solid #217f75;background:#f0f8f4;}.note-notice>span{font-size:12px;font-weight:700;color:#287c72;}.note-notice h3{margin:7px 0;font-size:18px;}.note-notice a{color:#143e51;text-decoration:underline;text-underline-offset:4px;}.note-notice p{margin:8px 0;font-size:13px;}.note-notice small{display:block;color:#536b72;font-size:11px;}.note-notice button{margin-top:12px;}.note-inbox-empty{padding:25px 0;}
.note-inbox-actions{display:flex;gap:8px;flex-wrap:wrap;}.note-inbox-actions [data-read-all]{background:#217f75;color:white;border-radius:8px;}.note-inbox-dialog button:disabled{opacity:.5;cursor:default;}
@media(max-width:700px){.note-inbox-control{margin:5px 0;}.note-inbox-control>button{font-size:11px;padding:8px 10px;}.note-inbox-dialog{padding:20px;}.note-inbox-heading{align-items:start;flex-wrap:wrap;}.note-inbox-heading h2{font-size:19px;}}