*{box-sizing:border-box}
body{margin:0;color:#2f3135;background:#eef1f4;font:16px/1.5 system-ui,sans-serif}
[hidden]{display:none!important}
.notes-header{padding:1rem max(1rem,env(safe-area-inset-left));color:#fff;background:#8d1248}
h1{margin:0;font-size:clamp(1.3rem,5vw,1.8rem)}
main{width:min(100%,760px);margin:auto;padding:1rem 1rem max(2rem,env(safe-area-inset-bottom))}
main label,main summary{display:block;margin:.5rem 0 .25rem;font-weight:600}
main textarea,main input:not([type=checkbox]),main select{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;font-size:16px}
main summary{display:list-item;cursor:pointer;min-height:44px;align-content:center}
.notes-task,.notes-row{border-bottom:1px solid #e6dce2;padding:.75rem 0;overflow-wrap:anywhere}
.notes-task{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.4rem}
.notes-task .notes-check{grid-column:1/-1}
main .notes-check{display:flex;align-items:center;gap:.5rem;min-height:44px}
.notes-check input{width:22px;height:22px;flex:none;accent-color:#8d1248}
.notes-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin-top:.75rem}
.notes-photos figure{margin:0}
.notes-photos img{display:block;width:100%;height:110px;object-fit:contain;background:#eef1f4;border-radius:6px}
.notes-save{padding:.75rem 0 max(.4rem,env(safe-area-inset-bottom));background:#fff}
.tob-action.notes-primary{background:#8d1248;color:white}
@media(min-height:550px){.notes-save{position:sticky;bottom:0;z-index:2}}
#note-feedback{flex:1 0 100%;margin:0}
#note-feedback:empty{display:none}