.notes-outer{min-width:400px;max-width:100%;display:flex;flex-direction:column;height:calc(100vh - 130px)}.notes-outer>.note-top{display:flex;flex-direction:column;height:120px}.notes-outer>.note-top>textarea{flex:1;margin-bottom:10px}.notes-outer>.note-top>.note-options>.echeance{visibility:hidden}.notes-outer>.note-top>.note-options{display:flex;justify-content:space-between}.notes-outer>.note-list{flex:1;overflow-x:hidden;overflow-y:auto;background:var(--light3);margin:10px -20px -20px}c-notes{display:block;width:100%;padding:10px 0}c-notes.empty{display:flex;align-items:center;justify-content:center;text-align:center;height:100%}c-notes.empty:before{content:"Aucune note"}.notes-outer>.note-list c-notes{display:flex;flex-direction:column}c-notes>.note-item.hidden{display:none}c-notes>.note-item>.bulle{margin:0 30px 0 0;background:var(--bgcolor);padding:5px;border-radius:0 4px 4px 4px;display:flex;gap:4px}c-notes>.note-item.is-not-mine>.bulle{margin:0 0 0 30px;border-radius:4px 0 4px 4px;background:var(--accent3);color:var(--accent-light)}c-cell c-notes>.note-item.is-not-mine>.bulle{margin:0;padding:3px 4px;max-height:3.8em;overflow:hidden}c-notes>.note-item>.infos{display:flex;font-size:12px;padding:0 5px;color:var(--dark3)}c-notes>.note-item.is-not-mine>.infos{justify-content:flex-end}c-notes>.note-item:hover{background:var(--light2)}c-notes>.note-item{padding:5px 15px}c-notes>.note-item.is-not-mine>.infos>:not(:last-child){margin-right:5px}c-cell c-notes>.note-item,c-cell c-notes>.note-item>.bulle{padding:0}c-cell c-notes{padding:4px}c-cell c-notes:hover{background:var(--accent3);color:var(--accent-light)}c-cell c-notes>.note-item>.infos{display:none}c-cell c-notes>.note-item>.bulle{background:0 0;font-size:12px;line-height:1.2em}c-cell c-notes>.note-item{padding:0}c-cell c-notes.empty:before{display:none}c-cell c-notes>.note-item:hover{background:0 0}c-notes>.note-item>.bulle>.content{white-space:pre-wrap;word-break:break-all}c-notes>.note-item.is-private>.bulle:before{content:"";width:16px;height:16px;opacity:.4;background:url(../img/icons/private.svg) no-repeat center/contain;filter:var(--filter-inverse)}.note-type{display:flex;gap:6px;align-items:center}.note-type>a{display:flex;gap:4px;align-items:center;cursor:pointer}.note-type>a:before{content:"";width:16px;height:16px;background:var(--color);border-radius:50%}.note-type>a>span{white-space:pre;overflow:hidden;width:var(--tw);transition:width .3s}.note-type>a:not(.selected)>span{width:0}c-notes>.note-item>.infos>.type:not(:empty){margin:0 4px;color:var(--color);font-weight:700}c-notes>.note-item>.infos>.type:not(:empty){margin:0 4px;color:var(--color);font-weight:700}c-notes>.note-item[data-type]>.bulle{border-left:solid 2px var(--color);padding-left:4px}