/* G4-NOTE1 — the line note: a small pencil at the end of a statement line, faint until the line is hovered or focused, solid with a dot when the line has a
   note; the editor under the line only while it is open; never printed. Colours from the site variables. */
/* the pencil sits at the end of the line's first cell, beside the drill-down arrow (G4-DRILL1), so the row never grows */
#statementTable tr[data-line]>td:first-child{position:relative;padding-inline-end:34px}
#statementTable tr[data-line][data-drill]>td:first-child{padding-inline-end:62px}
#statementTable .note1-btn{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:6px;margin:0;inline-size:24px;block-size:24px;min-width:0;min-height:0;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:.85rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;opacity:.28;cursor:pointer}
#statementTable tr[data-drill] .note1-btn{inset-inline-end:34px}
#statementTable tr:hover .note1-btn,#statementTable tr:focus-within .note1-btn,#statementTable .note1-btn:focus-visible,#statementTable .note1-btn[aria-expanded="true"]{opacity:1;border-color:var(--line)}
#statementTable .note1-btn.has-note{opacity:1;color:var(--accent)}
#statementTable .note1-btn.has-note::after{content:"";position:absolute;inset-block-start:2px;inset-inline-end:2px;inline-size:7px;block-size:7px;border-radius:50%;background:var(--accent)}
#statementTable .note1-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (hover:none){#statementTable .note1-btn{opacity:.55}}
#statementTable tr.note1-edit td{padding:8px 10px;background:var(--panel2,var(--panel));white-space:normal}
#statementTable .note1-box{display:grid;gap:8px;max-inline-size:640px}
#statementTable .note1-text{display:grid;gap:4px}#statementTable .note1-text span{font-size:.85rem;color:var(--muted)}
#statementTable .note1-text textarea{inline-size:100%;min-block-size:56px;resize:vertical}
#statementTable .note1-every{display:inline-flex;gap:6px;align-items:center;justify-self:start;inline-size:auto;font-size:.9rem}
#statementTable .note1-every input{inline-size:auto;min-height:0;margin:0;flex:none}#statementTable .note1-every span{white-space:nowrap}
#statementTable .note1-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#statementTable .note1-status{font-size:.85rem;color:var(--muted)}
@media print{#statementTable .note1-btn,#statementTable tr.note1-edit{display:none!important}}