.project-notes {position:absolute;z-index:12;display:flex;align-items:flex-end;gap:6px;max-width:calc(100% - 24px);}
#projectNotesToggle {writing-mode:vertical-rl;transform:rotate(180deg);height:88px;width:28px;flex:0 0 28px;padding:6px 3px;font-family:inherit;font-size:12px;font-weight:400;letter-spacing:0;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--panel);}
#projectNotesToggle[aria-expanded="true"] {border-color:#22c55e;}
#projectNotesToggle {position:relative;height:96px;padding-bottom:19px;}
#projectNotesPrintTick {position:absolute;bottom:3px;left:6px;writing-mode:horizontal-tb;transform:rotate(180deg);font-size:13px;color:#16834c;}
.project-text-toggle {writing-mode:vertical-rl;transform:rotate(180deg);position:relative;height:100px;width:28px;flex:0 0 28px;padding:6px 3px 19px;font-family:inherit;font-size:12px;font-weight:400;letter-spacing:0;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--panel);}
.project-text-toggle[aria-expanded="true"] {border-color:#22c55e;}
.project-text-print-tick {position:absolute;bottom:3px;left:6px;writing-mode:horizontal-tb;transform:rotate(180deg);font-size:13px;color:#16834c;}
.project-text-editor {flex:1;min-height:0;overflow:hidden;}
.project-text-count {flex:none;padding:2px 16px 2px 8px;text-align:right;font-size:10px;font-weight:400;opacity:.7;}
.offert-text-options {display:flex;align-items:center;justify-content:space-between;flex:none;padding-left:6px;}
.offert-text-options>button {display:grid;place-items:center;width:28px;height:28px;padding:4px;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:4px;cursor:pointer;}
@media(max-width:900px){
    .offert-text:has(#offertTextToggle[aria-expanded="true"]) {z-index:46;}
    .offert-text .project-notes-panel {background:var(--panel);}
}
.project-notes-print {display:flex;flex:none;align-items:center;justify-content:flex-end;gap:6px;padding:6px 8px;font-size:11px;line-height:16px;}
.project-notes-print input {width:14px;height:14px;margin:0;}
.project-notes-panel {display:flex;flex-direction:column;width:429px;height:250px;min-width:160px;min-height:120px;resize:both;overflow:hidden;
    box-sizing:border-box;color:var(--text);background:color-mix(in srgb,var(--panel2) 58%,transparent);border:1px solid color-mix(in srgb,var(--text) 22%,transparent);border-radius:8px;font-family:inherit;font-size:12px;font-weight:400;line-height:1.6;}
.project-notes-panel[hidden] {display:none;}
#projectNotesEditor {flex:1;min-height:0;overflow:hidden;}
#projectNotesCount {flex:none;padding:2px 16px 2px 8px;text-align:right;font-size:10px;font-weight:400;opacity:.7;}
#projectPartNotes {flex:0 1 auto;max-height:45%;overflow:auto;border-block:1px solid var(--line);padding:5px 8px;}
#projectPartNotes[hidden] {display:none;}
#projectPartNotes button {display:block;width:100%;border:0;background:none;color:var(--text);font:inherit;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:4px 0;}
#projectPartNotes .is-orphaned {color:#db7b25;}
.part-note-layer {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6;overflow:hidden;}
.part-note-layer [data-note-badge],.part-note-layer [data-note-tip] {pointer-events:all;cursor:grab;touch-action:none;}
.part-note-layer [data-note-badge]:focus {outline:1px solid #1689bd;}
.part-note-dialog {box-sizing:border-box;width:380px;max-width:calc(100vw - 24px);padding:14px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font:12px Arial,sans-serif;}
.part-note-dialog::backdrop {background:#0005;}
.part-note-dialog header,.part-note-dialog footer {display:flex;align-items:center;gap:8px;}
.part-note-dialog header {justify-content:space-between;margin-bottom:12px;}
.part-note-dialog textarea {box-sizing:border-box;width:100%;min-height:85px;resize:vertical;background:var(--field);color:var(--text);border:1px solid var(--line);font:inherit;line-height:1.5;padding:8px;}
.part-note-dialog output {display:block;text-align:right;padding:5px 0;font-size:11px;}
.part-note-dialog footer {justify-content:flex-end;margin-top:8px;}
.part-note-dialog button {height:28px;padding:4px 9px;font:inherit;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:4px;}
.part-note-dialog button:has(svg) {padding:5px;width:28px;display:grid;place-items:center;}
.part-note-dialog button svg {width:16px;height:16px;}
.part-note-dialog [data-note-delete] {margin-right:auto;}
@media (max-width:900px) and (max-height:600px) {
    #projectNotesToggle {height:92px;font-size:11px;}
}