/* A225: quiet shared project notes; the same component on both surfaces. */
.mu-notes{--note-navy:#082456;--note-mint:#6fd7cb;--note-line:#dbe7ea;color:var(--note-navy);margin:34px 0 10px;min-width:0}
.mu-notes [hidden]{display:none!important}
.mu-notes__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
body .mu-notes .mu-notes__head h2{font-size:clamp(23px,5.7vw,29px);font-weight:500!important;line-height:1.18;letter-spacing:-.035em;color:var(--note-navy);margin:0 0 8px}
.mu-notes__head p{font-size:14px;line-height:1.5;color:#67768c;margin:0}
.mu-notes__count{white-space:nowrap;font-size:12px;background:#eefaf8;border:1px solid #d9eeeb;border-radius:99px;padding:7px 10px;margin-top:2px}
.mu-notes__status,.mu-notes__hint{color:#67768c;font-size:12px;line-height:1.5;margin:9px 0;min-height:18px}
.mu-notes__status:empty{display:none}
.mu-notes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body .mu-notes button{font:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
body .mu-notes .mu-note-card,body .mu-notes .mu-note-add{min-width:0;min-height:174px;padding:18px;border:1px solid var(--note-line);border-radius:22px;background:#fff;color:var(--note-navy);text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px;box-shadow:0 4px 14px #08245604}
body .mu-notes .mu-note-card:nth-child(even){background:#f0faf8}
.mu-note-card__title{font-size:17px;line-height:1.25;font-weight:550;word-break:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mu-note-card__body{font-size:13px;line-height:1.5;color:#5f6f86;max-height:82px;overflow:hidden;overflow-wrap:anywhere;width:100%}
.mu-note-card__body p,.mu-note-card__body ul,.mu-note-card__body ol{margin:0 0 5px;padding:0}
.mu-note-card__body ul,.mu-note-card__body ol{padding-left:17px}
.mu-note-card__body li{margin:0}
.mu-note-card small{font-size:11px;line-height:1.4;color:#6c7c8d;margin-top:auto}
body .mu-notes .mu-note-add{justify-content:center;align-items:center;text-align:center;border-style:dashed;border-color:#afd9d3;background:#f5fcfa;font-size:14px;min-height:174px}
.mu-note-add__plus{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dcf4ef;font-size:28px;line-height:1;font-weight:400}
.mu-notes__draft{padding:13px 15px;border:1px solid #b7e1db;background:#edf9f6;border-radius:16px;font-size:13px;line-height:1.5;margin:12px 0}
body .mu-notes__draft button,body .mu-notes__retry{color:var(--note-navy);border:0;background:transparent;min-height:44px;padding:6px 0;font-weight:600}
body .mu-notes button:disabled{opacity:.6;cursor:default}
body .mu-notes button:focus-visible,body .mu-notes input:focus-visible,body .mu-notes textarea:focus-visible{outline:3px solid #368f87;outline-offset:3px}
body .mu-notes button:hover{color:var(--note-navy);border-color:#acd6d0}
.mu-note-dialog{position:fixed;inset:auto 0 0;box-sizing:border-box;margin:0 auto;padding:0;width:min(100%,640px);max-width:100%;max-height:94dvh;max-height:calc(var(--mu-note-vh,100dvh) - 12px);border:1px solid #dce7e9;border-bottom:0;border-radius:28px 28px 0 0;background:#fbfefe;color:#082456;overflow:auto;overscroll-behavior:contain;box-shadow:0 -15px 70px #0824561c}
.mu-note-dialog::backdrop{background:#08245638;backdrop-filter:blur(3px)}
body.mu-note-dialog-open{overflow:hidden}
.mu-note-sheet{padding:10px 24px max(22px,env(safe-area-inset-bottom));}
.mu-note-sheet__handle{display:block;width:34px;height:4px;border-radius:8px;background:#d0dddf;margin:0 auto 20px}
.mu-note-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.mu-note-sheet__head p{font-size:12px;line-height:1.4;color:#6a7a8c;margin:0 0 5px}
body .mu-note-sheet__head h2{font-weight:500!important;font-size:24px;line-height:1.2;letter-spacing:-.035em;color:#082456;margin:0}
body .mu-notes .mu-note-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#eaf7f4;color:#082456;font-size:28px;font-weight:400}
.mu-note-form{display:flex;flex-direction:column;gap:10px}
.mu-note-form>label{font-size:12px;font-weight:500;color:#687b8b}
body .mu-notes input,body .mu-notes textarea{width:100%;box-sizing:border-box;border:1px solid #d8e7e8;background:#fff;color:#082456;border-radius:14px;padding:13px 14px;font:inherit;font-size:16px;line-height:1.5;box-shadow:none;min-width:0}
body .mu-notes input{font-weight:500}
body .mu-notes textarea{resize:vertical;min-height:180px;max-height:42dvh;tab-size:2}
.mu-note-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}
body .mu-notes .mu-note-toolbar button{display:flex;align-items:center;gap:7px;font-size:13px;min-height:44px;padding:8px 11px;border:0;border-radius:12px;background:#edf8f6;color:#082456}
.mu-note-toolbar svg{width:20px;height:20px;fill:currentColor}
.mu-note-toolbar>span{color:#6d7e8c;font-size:11px;white-space:nowrap}
.mu-note-save-status{font-size:12px;color:#477c72;line-height:1.45;min-height:18px;margin:0}
.mu-note-save-status[data-state="error"]{color:#965136}
.mu-note-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px}
body .mu-notes .mu-note-save{margin-left:auto;border:0;border-radius:14px;background:#082456;color:#fff!important;padding:13px 25px;min-height:48px;font-weight:550}
body .mu-notes .mu-note-save:hover{background:#153668;color:#fff!important}
body .mu-notes .mu-note-delete{border:0;background:transparent;color:#a14644;padding:10px 4px;min-height:44px;font-size:13px}
body .mu-notes .mu-note-later{border:0;background:transparent;color:#5f748a;padding:10px;min-height:44px;font-size:12px}
.mu-note-conflict,.mu-note-delete-confirm{padding:16px;border:1px solid #cfe6e0;border-radius:16px;background:#eff9f6}
.mu-note-conflict h3,.mu-note-delete-confirm h3{font-size:16px;font-weight:550;color:#082456;margin:0 0 8px}
.mu-note-conflict p,.mu-note-delete-confirm p{font-size:13px;line-height:1.5;color:#5f7186;margin:0 0 10px}
.mu-note-remote{max-height:200px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;border-left:2px solid #79c7ba;padding:8px 10px;background:#ffffffa8}
.mu-note-conflict__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
body .mu-notes .mu-note-conflict button,body .mu-notes .mu-note-delete-confirm button{min-height:44px;border:1px solid #cbe1dc;border-radius:12px;background:#fff;color:#082456;padding:9px 12px;font-size:12px}
.mu-notes-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:800px){.mu-notes__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mu-note-dialog{inset:6vh 0 auto;max-height:88vh;border-bottom:1px solid #dce7e9;border-radius:28px}}
@media(max-width:360px){body .mu-notes .mu-note-card,body .mu-notes .mu-note-add{padding:13px;min-height:168px}.mu-note-card__title{font-size:15px}.mu-note-sheet{padding-left:16px;padding-right:16px}.mu-note-sheet__head h2{font-size:22px}}
@media(prefers-reduced-motion:no-preference){.mu-note-dialog[open]{animation:muNoteAppear .18s ease-out}@keyframes muNoteAppear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}