.notification-bell{position:relative;display:grid;place-items:center;width:38px;height:38px}.notification-bell svg{width:21px;height:21px}.notification-count{position:absolute;top:0;right:0;transform:translate(24%,-18%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#df5555;color:#fff;font-size:10px;font-weight:700;line-height:1}#notification-open .notification-count{color:#fff}.notification-count[hidden]{display:none}
#modal:has(.notification-center){width:min(780px,94vw);max-width:780px}.notification-center{padding:8px 28px 24px;color:#29424a}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px}.notification-tabs{display:flex;gap:6px;background:#f2f6f6;border-radius:9px;padding:4px}.notification-tabs button{border:0;background:transparent;padding:9px 16px;border-radius:6px;color:#71838a;font:inherit;cursor:pointer}.notification-tabs button.active{background:#fff;color:#167d6f;box-shadow:0 1px 4px #183c3410;font-weight:650}.notification-toolbar small,.notification-meta,.notification-card-actions small{color:#83949a;font-size:12px}.notification-tip{background:#eff7f5;color:#55776f;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.65}.notification-card{position:relative;border-bottom:1px solid #e9eeee;padding:20px 0}.notification-card.unread:before{content:'';width:7px;height:7px;background:#da5555;border-radius:50%;position:absolute;left:-14px;top:28px}.notification-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#819396}.notification-title{display:block;border:0;background:none;padding:9px 0 0;text-align:left;font:inherit;font-size:16px;font-weight:650;color:#253f46;cursor:pointer}.notification-card p{font-size:14px;color:#617880;margin:8px 0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.notification-meta{display:flex;gap:12px;align-items:center}.notification-card-actions{display:flex;align-items:center;gap:9px;justify-content:flex-end;margin-top:14px}.notification-card-actions small{margin-right:auto}.notification-status{display:inline-block;font-size:12px;font-weight:500;white-space:nowrap;border-radius:5px;padding:4px 7px;color:#8c969b;background:#f2f4f5}.notification-status.pending{color:#b67a27;background:#fff6e6}.notification-status.confirmed{color:#1a8574;background:#e8f6f1}.notification-preview-note{font-size:12px;color:#8b9a9e;margin-top:20px}.notification-empty{text-align:center;padding:42px 20px;color:#819398}.notification-empty>span{font-size:36px;color:#9abdb5}.notification-empty h3{font-size:17px;color:#4b696f}.notification-empty p{font-size:13px}.notification-back{border:0;background:none;color:#218675;cursor:pointer;padding:10px 0;font:inherit;font-size:13px}.notification-timeline{margin:24px 0;padding-left:16px;border-left:2px solid #e2eeeb}.notification-timeline p{display:flex;flex-direction:column;gap:7px;margin:20px 0;font-size:13px}.notification-timeline span{color:#819297}.notification-channel-row{display:flex;gap:12px;flex-wrap:wrap;color:#859398;font-size:12px}.notification-channel-row span:first-child{color:#248575}.notification-work{border-top:1px solid #e5eceb;margin-top:24px;padding-top:20px}.notification-work-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notification-work h3{font-size:16px;margin:0 0 6px}.notification-work-heading p{font-size:12px;color:#83979d;line-height:1.6;margin:0 0 14px}.notification-independent{font-size:11px;color:#889a9e;white-space:nowrap}.notification-compose{background:#f7faf9;border-radius:9px;padding:12px;margin-bottom:15px}.notification-compose textarea{width:100%;resize:vertical;background:white;border:1px solid #dce7e4;border-radius:7px;padding:10px;font:inherit;font-size:13px;color:#304d53;box-sizing:border-box}.notification-compose>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.notification-compose small{color:#879b9d;font-size:11px}.notification-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf1f0;padding:13px 0}.notification-history-row b{font-size:13px;margin-right:10px}.notification-history-row p{font-size:12px;margin:7px 0;color:#6d8288;overflow-wrap:anywhere}.notification-history-row small,.notification-history-empty{font-size:12px;color:#8b9ca0}.notification-history{max-height:350px;overflow:auto}.notification-history-row .btn{flex-shrink:0}.notification-work .btn{font-size:13px}.notification-center h3{overflow-wrap:anywhere}
@media(max-width:600px){.notification-center{padding:5px 17px 20px}.notification-toolbar,.notification-compose>div{align-items:flex-start;flex-direction:column}.notification-card-actions{flex-wrap:wrap}.notification-card-actions small{width:100%}.notification-independent{display:none}.notification-history-row{flex-wrap:wrap}}

.work-notification-dot{display:inline-block;vertical-align:middle;width:7px;height:7px;border-radius:50%;background:#df5555;margin-left:7px}

/* Compact, shared reminder entry points; the composer opens in its own dialog. */
#notification-work-dialog{width:min(680px,94vw);max-width:680px;max-height:90vh;border:1px solid #e1e9e7;border-radius:14px;padding:0;color:#29424a;box-shadow:0 22px 80px #102c3533;overflow:auto}
#notification-work-dialog::backdrop{background:#162f354a}
#notification-work-dialog .notification-work{margin-top:14px;padding-top:16px}
.reminder-link{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;flex-shrink:0;height:32px;min-width:78px;border:1px solid #d6e8de;background:#edf5ec;color:#28674f;font:inherit;font-size:13px;font-weight:550;padding:0 12px;border-radius:999px;white-space:nowrap;cursor:pointer;line-height:1;transition:background .15s,border-color .15s}
.reminder-bell{display:block;width:15px;height:15px;flex:0 0 15px}
.reminder-link:hover{background:#e0efdf;border-color:#bdd8c8;color:#1d573f}.reminder-link:focus-visible{outline:2px solid #70b4a4;outline-offset:2px}.reminder-link:disabled{color:#9aaea1;border-color:#e5ece6;cursor:not-allowed;background:#f3f6f2}
.task-row-actions{display:flex;justify-content:flex-start;align-items:center;gap:4px;min-width:0;justify-self:start}
.task-row-actions .row-menu{margin:0}.discussion-compose>div:has(.chat-reminder)>span{margin-right:auto}.discussion-compose .chat-reminder{height:34px;min-width:82px;padding:0 13px;margin-left:auto;font-size:13px}
.task-list:has(.task-row-actions) .task-table-head.with-relation,.task-list:has(.task-row-actions) .task-table-row.with-relation{grid-template-columns:24px minmax(185px,1.3fr) minmax(120px,.78fr) minmax(135px,.82fr) minmax(105px,.62fr) minmax(105px,.62fr) minmax(72px,.4fr) minmax(68px,.45fr) 112px!important}
@media(max-width:1100px){.task-list:has(.task-row-actions) .task-table-head.with-relation,.task-list:has(.task-row-actions) .task-table-row.with-relation{grid-template-columns:24px minmax(170px,1.3fr) minmax(120px,.8fr) minmax(125px,.8fr) minmax(105px,.65fr) minmax(72px,.42fr) minmax(68px,.45fr) 112px!important}}
@media(max-width:760px){.task-list:has(.task-row-actions) .task-table-row.with-relation{grid-template-columns:24px minmax(0,1fr) 112px!important}.task-row-actions{grid-column:3;grid-row:1/8;align-self:start}.task-list .task-row-actions .row-menu{grid-column:auto;grid-row:auto}}

/* Keep list headers and cells on the same grid; leave editor buttons unchanged. */
#task-list>.task-table-head,#task-list>.task-table-row{align-items:center;column-gap:14px}
#task-list .task-status{display:flex;align-items:center;justify-content:center}
#task-list .task-status .status-badge{box-sizing:border-box;min-width:68px;height:28px;padding:0 10px;font-size:12px;line-height:1}
#task-list .task-row-actions .reminder-link{height:28px;min-width:72px;padding:0 10px;gap:4px;font-size:12px}
#task-list .task-row-actions .reminder-bell{width:14px;height:14px;flex-basis:14px}
#task-list .task-row-actions .row-menu>summary{height:28px}
@media(min-width:761px){
 #task-list>.task-table-head>span:nth-last-child(2),#task-list .time-head,#task-list .task-due{text-align:center}
 #task-list .owner-head,#task-list .creator-head{padding-left:36px}
 #task-list:has(.task-row-actions)>.task-table-head>span:last-child{width:72px;text-align:center}
 #task-list:has(.task-row-actions) .owner-head,#task-list:has(.task-row-actions) .task-owner,#task-list:has(.task-row-actions) .relation-head{display:block}
}
@media(max-width:760px){#task-list .task-status{justify-content:flex-start}}
.notification-compose .notification-send-error{margin:8px 0 0;padding:9px 11px;border-radius:6px;background:#fbeceb;color:#a84e45;font-size:12px;line-height:1.5}
#notification-error-dialog{width:min(440px,92vw);max-width:440px;border:1px solid #eadedc;border-radius:14px;padding:0;color:#29424a;box-shadow:0 22px 80px #102c3533}
#notification-error-dialog::backdrop{background:#162f354a}
.notification-error-body{display:flex;align-items:flex-start;gap:13px;padding:24px 26px 18px}
.notification-error-body>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#fbeceb;color:#b45147;font-size:18px;font-weight:700}
.notification-error-body b{display:block;margin:3px 0 7px;font-size:15px}.notification-error-body p{margin:0;color:#657980;font-size:13px;line-height:1.65}
.notification-error-footer{display:flex;justify-content:flex-end;padding:14px 26px 20px}