.rich-notes-source{display:none!important}.rich-notes-wrap{width:100%;min-width:0;border:1px solid #bbcbd9;border-radius:9px;background:#fff;overflow:hidden}.rich-notes-toolbar{display:flex;gap:5px;align-items:center;flex-wrap:nowrap;padding:8px;background:#f2f6f9;border-bottom:1px solid #d2e0e9}.rich-notes-toolbar label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650}.rich-notes-toolbar button{min-width:32px;min-height:34px;padding:5px 8px;border:1px solid #c4d3df;border-radius:6px;background:white;cursor:pointer;color:#17365d}.rich-notes-toolbar button:hover,.ink-rich-toolbar button:hover{background:#e0f1f2}.rich-notes-toolbar select{min-height:34px;max-width:135px;border:1px solid #c4d3df;border-radius:6px;background:white}.rich-notes-toolbar input[type=color]{height:30px;width:34px;border:0;background:none}.rich-notes-editor{min-height:140px;max-height:400px;overflow:auto;padding:12px 14px;color:#172b40;line-height:1.5;outline:0;white-space:pre-wrap;overflow-wrap:anywhere}.rich-notes-editor:focus{box-shadow:inset 0 0 0 2px #0f6b78}.rich-notes-editor p,.ink-rich-editor p{margin:.25em 0}.rich-notes-editor ul,.rich-notes-editor ol,.ink-rich-editor ul,.ink-rich-editor ol{padding-left:1.6em}.rich-notes-display{white-space:normal;overflow-wrap:anywhere;line-height:1.5}.rich-notes-display p{margin:.25em 0}.ink-rich-section{width:100%;box-sizing:border-box;margin:16px auto 0;background:white;border:1px solid #bbcbd9;border-radius:10px;overflow:hidden}.ink-rich-section h3{font-size:14px;margin:0;padding:12px 14px}.ink-rich-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;padding:9px;background:#f0f5f8;border-block:1px solid #d1dee8}.ink-rich-toolbar label{display:inline-flex;align-items:center;gap:5px;font-size:12px}.ink-rich-toolbar button{border:1px solid #c0d0db;border-radius:6px;min-height:34px;padding:5px 8px;color:#17365d;background:white;cursor:pointer}.ink-rich-toolbar select{min-height:34px}.ink-rich-editor{min-height:180px;padding:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;outline:0}.ink-rich-editor:focus{box-shadow:inset 0 0 0 2px #0f6b78}.ink-rich-editor:empty:before{content:attr(data-placeholder);color:#7f8c98}.ink-rich-editor[contenteditable=false]{background:#f6f8fa}
/* Carnet numérique : la barre de mise en forme reste accessible pendant la lecture des longues notes. */
.ink-rich-section{overflow:visible}
.ink-rich-toolbar{position:sticky;top:0;z-index:2;border-radius:9px 9px 0 0}
.ink-rich-editor{min-height:220px;max-height:min(55dvh,620px);overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:14px;border-radius:0 0 9px 9px}
@media(max-width:700px){.ink-rich-toolbar{top:0}.ink-rich-editor{min-height:180px;max-height:50dvh}}
/* Les commandes suivent le thème ; le texte de la note conserve ses couleurs. */
.dark-mode :is(.rich-notes-toolbar,.ink-rich-toolbar){background:#24384e;border-color:#65758a;color:#f1f5f9}
.dark-mode :is(.rich-notes-toolbar,.ink-rich-toolbar) label{color:#f1f5f9}
.dark-mode :is(.rich-notes-toolbar,.ink-rich-toolbar) button{background:#162638;color:#f1f5f9;border-color:#65758a}
.dark-mode :is(.rich-notes-toolbar,.ink-rich-toolbar) button:hover{background:#34516c}
.dark-mode .ink-rich-section>h3{background:#24384e;color:#f1f5f9}
.dark-mode .ink-rich-editor{background:#fff;color:#172b40}

/* Shared note tools: one row in every form and notebook. */
.rich-notes-toolbar,.ink-rich-toolbar{flex-wrap:nowrap;overflow-x:auto;max-width:100%;box-sizing:border-box;gap:6px}
.rich-notes-toolbar label,.ink-rich-toolbar label{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;margin:0;white-space:nowrap}
.rich-notes-toolbar button,.ink-rich-toolbar button{flex:0 0 auto;height:34px;min-height:34px;white-space:nowrap}
.rich-notes-toolbar select,.ink-rich-toolbar select{width:auto;max-width:135px;min-width:0;height:34px;min-height:34px;padding:4px 6px;font-size:12px}
.rich-notes-toolbar input[type=color],.ink-rich-toolbar input[type=color]{flex:none;width:34px;min-width:34px;height:30px;padding:0}

/* Keep nested labels horizontal despite generic form layout rules. */
body :is(.rich-notes-toolbar,.ink-rich-toolbar){display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;overflow-x:auto}
body :is(.rich-notes-toolbar,.ink-rich-toolbar)>label{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important}
body :is(.rich-notes-toolbar,.ink-rich-toolbar)>label>select{display:inline-block!important;width:auto!important;flex:0 0 auto!important;margin:0!important}
body :is(.rich-notes-toolbar,.ink-rich-toolbar)>button{flex:0 0 auto!important;width:auto!important;margin:0!important;align-self:center!important}
