#privateNotepadDialog[open]{position:fixed!important;inset:12px!important;margin:0!important;width:calc(100% - 24px)!important;height:calc(100dvh - 24px)!important;max-width:none!important;max-height:none!important;display:flex!important;flex-direction:column;gap:10px;padding:16px;box-sizing:border-box;border:1px solid #ccdbee;border-radius:14px;background:#f7faff;overflow:auto}
#privateNotepadDialog header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex:none}
#privateNotepadDialog h2,#privateNotepadDialog h3,#privateNotepadDialog p{margin:0}
#privateNotepadDialog .privateNotepadActions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
#privateNotepadDialog .notepadEditor{display:flex;flex-direction:column;gap:8px;flex:0 0 auto;min-height:0}
#privateNotepadDialog label{display:flex;flex-direction:column;gap:5px;font-weight:700}
#privateNotepadDialog input{width:100%;min-height:42px;box-sizing:border-box;padding:9px;border:1px solid #bdcfe4;border-radius:8px;font:16px system-ui}
#privateNotepadDialog textarea{flex:none;height:clamp(110px,22vh,220px);min-height:110px;width:100%;box-sizing:border-box;resize:none;padding:12px;border:1px solid #bdcfe4;border-radius:10px;background:white;font:16px/1.5 system-ui}
#privateNotepadDialog .btn{min-height:44px;white-space:nowrap}
#privateNotepadDialog [role=status]{min-height:24px;font-size:15px;color:#365271;flex:none;padding:8px;border-radius:8px;background:#edf3fc}
#privateNotepadDialog [data-kind=saved]{background:#e4f6e9;color:#155c2d;font-weight:700}
#privateNotepadDialog [data-kind=error]{background:#fff0ef;color:#a51b1b}
#privateNotepadDialog .notepadSaved{flex:1;min-height:110px;display:flex;flex-direction:column;gap:8px}
#privateNotepadDialog .notepadList{overflow:auto;min-height:65px;display:flex;flex-direction:column;gap:6px}
#privateNotepadDialog .notepadRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;width:100%;text-align:left;padding:10px 12px;min-height:44px;flex:none;background:white;border:1px solid #cbdaf0;border-radius:8px;color:#17324d;font-size:15px;cursor:pointer;box-sizing:border-box}
#privateNotepadDialog .notepadRow strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#privateNotepadDialog .notepadRow[aria-pressed=true]{background:#e8f0ff;border-color:#1762df}
#privateNotepadDialog small{flex:none;color:#526782}
@media(max-width:600px){#privateNotepadDialog[open]{inset:0!important;width:100%!important;height:100dvh!important;padding:10px;border-radius:0}#privateNotepadDialog h2{font-size:20px}#privateNotepadDialog .privateNotepadActions{margin-left:0;gap:5px;width:100%}#privateNotepadDialog .privateNotepadActions .btn{flex:1;padding:8px;font-size:13px}#privateNotepadDialog .notepadRow{grid-template-columns:minmax(0,1fr) auto;gap:8px;font-size:13px}#privateNotepadDialog .notepadRow>span:last-child{display:none}}

#privateNotepadDialog .notepadLine{display:flex;align-items:stretch;gap:8px;flex:none;min-width:0}#privateNotepadDialog .notepadLine>.notepadRow{flex:1;min-width:0;width:auto}#privateNotepadDialog .notepadDelete{flex:none;color:#b91c1c;background:white;border:1px solid #e6b9b9;border-radius:8px;padding:8px 12px}

#privateNotepadDialog .notepadReminder{display:flex;gap:8px;align-items:end;flex-wrap:wrap}#privateNotepadDialog .notepadReminder>*{flex:1;min-width:120px}#privateNotepadDialog select{font:inherit;padding:10px;border:1px solid #bdcfe4;border-radius:8px;min-height:42px}#privateNotepadDialog .notepadTools{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap}#privateNotepadDialog .notepadTools button{flex:1 0 auto}#privateNotepadDialog [hidden]{display:none!important}

#privateNotepadDialog .notepadAttachments{display:flex;flex-direction:column;gap:6px}#privateNotepadDialog .notepadAttachments>button{align-self:flex-start}#privateNotepadDialog .notepadAttachment{display:flex;gap:8px;align-items:center;margin:5px 0;border:1px solid #d3dfef;border-radius:8px;padding:6px 10px}#privateNotepadDialog .notepadAttachment>span{flex:1;min-width:0;overflow-wrap:anywhere}#privateNotepadDialog .notepadAttachment>button{flex:none}

body.notepadHasUrgent [data-notepad-button="true"]{border:2px solid #dc2626!important;box-shadow:0 0 0 1px #dc2626!important}#privateNotepadDialog .notepadUrgentChoice{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;color:#b91c1c;font-weight:700}#privateNotepadDialog .notepadUrgentChoice input{width:20px!important;height:20px!important;min-height:20px!important;margin:0;accent-color:#dc2626}