.app-notes-component{display:grid;grid-template-rows:auto auto auto;gap:4px;align-content:start;border:1px solid var(--line,#cbd8d6);border-radius:8px;background:var(--panel,#fff);padding:10px;min-width:0}
.app-notes-component [hidden]{display:none!important}
.app-notes-component .league-note-head{display:flex;justify-content:space-between;gap:10px;align-items:start;margin:0 0 2px;flex-wrap:wrap}
.app-notes-component .league-note-head strong,.app-notes-component .league-note-head em{color:var(--text,var(--ink,#172126));font-size:.82rem;font-weight:950}
.app-notes-component .league-note-head span{display:block;margin-top:2px;color:var(--muted,#637277);font-size:.72rem;font-weight:850}
.app-notes-component .league-note-head em{flex:0 0 auto;color:var(--accent-strong,var(--accent,#087e72));font-style:normal}
.app-notes-component .league-note-head-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.app-notes-component [data-note-archived-filter]{min-height:24px;padding:2px 7px;border:1px solid var(--line,#cbd8d6);border-radius:999px;background:var(--panel-soft,#eef4f4);color:var(--accent-strong,var(--accent,#087e72));font:inherit;font-size:.66rem;font-weight:900;cursor:pointer}
.app-notes-component [data-note-archived-filter][aria-pressed="true"]{background:var(--accent,#087e72);color:#fff}
.app-notes-component .league-note-list{display:grid;margin:0;gap:5px;max-height:none;overflow:visible}
.app-notes-component .league-note-row{display:grid;grid-template-columns:20px 28px minmax(0,1fr) auto!important;grid-template-rows:auto auto;column-gap:7px;row-gap:1px;align-items:center;min-width:0;padding:0;border:0;border-radius:0;background:transparent;position:relative}
.app-notes-component .league-note-drag{grid-column:1!important;grid-row:1!important;display:grid;place-items:center;min-height:24px;width:20px;height:24px;color:var(--muted,#637277);cursor:grab;user-select:none;touch-action:none}
.app-notes-component .league-note-drag:active{cursor:grabbing}
.app-notes-component .league-note-kind-label{grid-column:2;grid-row:1;display:grid;place-items:center;min-height:24px;height:24px;padding:0;border-radius:7px;background:var(--panel-soft,#eef4f4);color:var(--accent-strong,var(--accent,#087e72));font-weight:950}
.app-notes-component .league-note-row>.formatted-note-block{grid-column:1/-1!important;grid-row:2!important;width:100%;min-width:0;margin:0;padding:2px 0 7px;overflow-wrap:anywhere}
.app-notes-component .league-note-row-actions{grid-column:4;grid-row:1;display:flex;justify-content:flex-end;gap:5px}
.app-notes-component .league-note-row-actions>button{position:static;width:26px;height:21px;min-height:21px;padding:0;line-height:1;font-size:.76rem}
.app-notes-component .league-note-row-actions>[data-note-edit]{color:var(--accent-strong,var(--accent,#087e72))}
.app-notes-component .league-note-row-actions>[data-note-archive]{color:var(--muted,#637277)}
.app-notes-component .league-note-row-actions>[data-note-remove]{color:var(--red,var(--danger,#b7444b))}
.app-notes-component .is-archived{opacity:.72}
.app-notes-component .league-note-row.dragging{opacity:.45}
.app-notes-component .league-note-row.drag-over-before::before,.app-notes-component .league-note-row.drag-over-after::after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:2px;background:var(--accent,#087e72)}
.app-notes-component .league-note-row.drag-over-before::before{top:-4px}.app-notes-component .league-note-row.drag-over-after::after{bottom:-4px}
.app-notes-component .league-note-empty,.app-notes-component .league-note-readonly-entry{padding:8px;border-radius:7px;background:var(--panel-soft,#eef4f4);color:var(--muted,#637277)}
.app-notes-component .league-note-new{display:block;margin-top:5px;padding:10px 0 0;border:0;border-top:1px solid var(--line,#cbd8d6);border-radius:0;background:transparent}
.app-notes-component .league-note-text-field{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.app-notes-component .league-note-text-field>textarea{grid-column:1;grid-row:1}
.app-notes-component .league-note-text-field>.league-note-new-controls{grid-column:1;grid-row:2}
.app-notes-component .league-note-new textarea{width:100%;min-height:7.2em;padding:8px;resize:vertical;border:1px solid var(--line,#cbd8d6);border-radius:7px;background:var(--panel,#fff);color:var(--text,var(--ink,#172126));font:inherit}
.app-notes-component .league-note-new-controls{display:grid;grid-template-columns:auto 38px minmax(0,1fr);gap:7px;align-items:stretch}
.app-notes-component .league-note-new-controls>select{grid-column:auto;grid-row:auto;width:auto;min-width:2.6rem;padding:0 6px;text-align:center;border:1px solid var(--line,#cbd8d6);border-radius:7px;background:var(--panel,#fff);color:var(--text,var(--ink,#172126))}
.app-notes-component .league-note-new-controls>.league-note-bold{position:static;width:38px;min-height:38px;padding:0}
.app-notes-component .league-note-new-controls>[data-note-add]{background:var(--accent,#087e72);color:#fff}
.app-notes-component .league-note-actions{display:block}
.app-notes-component .league-note-status{color:var(--muted,#637277);font-size:.7rem}
@media(max-width:700px){.app-notes-component .league-note-new-controls{grid-template-columns:auto 38px minmax(0,1fr)}}