.note-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.note-toolbar h3,.note-toolbar h4{margin:0}.customer-note-list{display:grid;gap:16px}.customer-note{min-width:0}.note-content{white-space:pre-wrap;overflow-wrap:anywhere}.note-meta{font-size:12px;color:var(--text-muted)}.formula-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0;padding:16px;background:var(--surface-alt,var(--bg));border-radius:10px}.formula-values dt{font-size:12px;color:var(--text-muted)}.formula-values dd{margin:5px 0 0;font-weight:600;overflow-wrap:anywhere}.note-color-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px}.note-color-row label{margin-bottom:0}.note-color-row{margin-bottom:12px}.note-history{margin-top:18px;padding-top:12px;border-top:1px solid var(--border)}.note-history summary,.legacy-note summary{cursor:pointer;min-height:44px;padding:12px 0}.legacy-note{margin:12px 0}.customer-note .actions button{min-height:44px;font-size:13px}#note-editor-error{color:var(--danger,#b42318)}#customer-note-form{margin:16px 0}#customer-note-form input,#customer-note-form select{min-width:0;max-width:100%}
@media(max-width:430px){.note-color-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.note-color-row>button{grid-column:1/-1;justify-self:end}.formula-values{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.customer-note{padding:16px}.note-toolbar button{min-height:44px}#customer-note-form{padding:14px}.customer-note .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-note .actions button{padding:10px 8px}}