:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#222a3c;background:#f7f8fb;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:258px;flex-shrink:0;background:#192338;color:#d6ddec;padding:26px 16px;display:flex;flex-direction:column;gap:9px;position:sticky;top:0;height:100vh}.brand{font-size:22px;color:#fff;padding:4px 12px 24px}.brand strong{font-weight:750}.section{font-size:11px;letter-spacing:1.5px;color:#8797b3;display:flex;justify-content:space-between;margin:20px 12px 7px}.channels{overflow:auto;flex:1}.nav{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#bdc8dd;border-radius:9px;padding:10px 12px;gap:10px;overflow-wrap:anywhere}.nav:hover,.nav.active{background:#31405d;color:#fff}.nav small{opacity:.6}.add-channel{display:flex;gap:5px}.add-channel input{min-width:0;background:#26344f;color:white;border:1px solid #40516e}.add-channel button{padding:9px 13px}.bottom{color:#9baac5;text-decoration:none;padding:15px}main{padding:36px 42px;width:100%;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #e3e7ef;padding-bottom:24px}h1{font-size:28px;margin:0 0 6px}header p{margin:0;color:#8390a4}.search{display:flex;gap:8px}.search input{width:300px}input,textarea,select{font:inherit;border:1px solid #d8deea;border-radius:8px;padding:11px;background:#fff;color:#27334b;width:100%}textarea{resize:vertical;white-space:pre-wrap}button{border:0;border-radius:8px;padding:11px 16px;background:#5067d8;color:#fff;cursor:pointer;font-weight:600;white-space:nowrap}button:hover{filter:brightness(.94)}button.secondary{background:#e9edf6;color:#3d4b68}button.link{background:none;color:#5267d5;padding:0}button.danger{color:#bb4253}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:25px 0;color:#7d899e}.toolbar>div{display:flex;gap:8px}.layout{display:grid;grid-template-columns:minmax(360px,1fr) 320px;gap:24px;align-items:start}.layout:has(.notes:only-child){grid-template-columns:1fr}.notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.note,.attachments{background:white;border:1px solid #e7eaf1;border-radius:13px;padding:21px;box-shadow:0 3px 14px #23304a08}.note{min-height:200px;display:flex;flex-direction:column}.meta{display:flex;justify-content:space-between;gap:8px;color:#98a1b1;font-size:12px}.meta a{text-decoration:none;color:#5e70bf}.note h2{font-size:17px;margin:18px 0 9px;overflow-wrap:anywhere}.note p{white-space:pre-wrap;overflow-wrap:anywhere;color:#657189;line-height:1.6;flex:1}.actions{padding-top:12px}.attachments h3{margin:0 0 17px}.attachments form{display:flex;flex-direction:column;gap:10px}.filelist{margin-top:18px}.file{border-top:1px solid #edf0f5;padding:12px 0;overflow-wrap:anywhere}.file>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px}.file>div form{display:inline}.file a{color:#5067d8}.file small{color:#a2aabd}.empty{padding:50px;text-align:center;color:#8590a3}dialog{border:0;border-radius:16px;box-shadow:0 20px 80px #101b3655;width:min(760px,94vw);max-height:90vh;overflow:auto;padding:28px}dialog::backdrop{background:#10192b99}dialog form{display:flex;flex-direction:column;gap:17px}dialog label{display:flex;flex-direction:column;gap:7px;font-weight:600}dialog label.check{flex-direction:row;align-items:center}dialog label.check input{width:auto}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{margin:0}.dialog-actions{justify-content:flex-end}.auth{width:min(420px,90vw);margin:12vh auto;padding:32px;background:white;border-radius:14px;box-shadow:0 10px 40px #23304a10}.auth form{display:grid;gap:15px}.auth label{display:grid;gap:8px}.error{color:#b23d50}@media(max-width:1000px){.layout{grid-template-columns:1fr}header{flex-direction:column;align-items:stretch}.search input{width:100%}}@media(max-width:650px){body{display:block}aside{position:relative;width:100%;height:auto}.channels{max-height:140px}main{padding:22px}.toolbar{gap:10px;flex-wrap:wrap}.notes{grid-template-columns:1fr}}

/* Pièces jointes dans le flux des mémos */
.note-image{display:block;max-width:100%;max-height:420px;width:auto;height:auto;object-fit:contain;border-radius:9px;margin:12px 0;border:1px solid #e2e5ea}
.note-file{margin:9px 0;font-size:.9rem;overflow-wrap:anywhere}