.task-reminder-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:12px}.task-reminder-fields>label:first-child{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:14px}.task-reminder-fields>label:not(:first-child){display:grid;gap:5px;font-size:12px;color:var(--secondary)}.task-reminder-fields input[type=checkbox]{width:17px;height:17px;accent-color:#77cdb9}.task-reminder-fields input:not([type=checkbox]){width:100%;box-sizing:border-box;min-width:0;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--material-task);color:var(--text)}.task-reminder-fields small{grid-column:1/-1;color:var(--muted);font-size:11px}
.p-task .task-reminder-bell{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:none;color:var(--secondary)}.p-task .task-reminder-bell.is-set{color:#ffd083;filter:drop-shadow(0 0 4px #ffc36a66)}
.task-reminder-alert{position:fixed;inset:auto 22px 22px auto;margin:0;width:min(360px,calc(100vw - 32px));padding:18px;box-sizing:border-box;border:1px solid #e3ba7d8c;border-radius:18px;background:linear-gradient(135deg,#435b5af5,#1b3541f5);color:#eef6ed;box-shadow:0 15px 55px #071e3960;backdrop-filter:blur(24px);z-index:10000;font-family:inherit}.task-reminder-alert header{display:flex;align-items:center;gap:9px;color:#ffd394;font-size:14px}.task-reminder-alert p{font-size:16px;line-height:1.4;margin:12px 0 6px;overflow-wrap:anywhere}.task-reminder-alert small{font-size:12px;color:#b7ccc9}.task-reminder-alert>div{display:flex;gap:9px;margin-top:15px}.task-reminder-alert button{padding:7px 9px;border:1px solid #d9e6d940;border-radius:8px;color:inherit;font-size:12px;cursor:pointer}.task-reminder-alert button:first-child{background:#a8d2b81a}.task-reminder-problem{display:block;color:#ffc197;font-size:11px;margin-top:6px}
.scheduled-reminder{padding:8px 0;border-bottom:1px solid var(--line)}.scheduled-reminder>time{font-size:12px;color:var(--secondary)}
.task-reminder-fields:has([name=remindEnabled]:not(:checked))>label:not(:first-child),.task-reminder-fields:has([name=remindEnabled]:not(:checked))>small{display:none}
.p-task{position:relative}.p-task .task-reminder-bell{position:absolute;right:4px;top:4px}.p-task:has(.task-reminder-bell) .p-task-title{padding-right:24px}
:root[data-theme=light] .task-reminder-alert{background:linear-gradient(135deg,#f3e6cdeb,#c7ddd5f5);color:#233d42}:root[data-theme=light] .task-reminder-alert header{color:#8c5225}:root[data-theme=light] .task-reminder-alert small{color:#47615e}