.quick-notes-fab{position:fixed;z-index:1001;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin:0;padding:0;border:none;border-radius:9999px;background:#1c75db;color:#ffffff;box-shadow:0 10px 24px rgba(15,23,42,.18);cursor:pointer;right:max(1.25rem,env(safe-area-inset-right,0px));left:auto;bottom:max(1.25rem,env(safe-area-inset-bottom,0px));transform:none;translate:none}.quick-notes-fab:hover{background:#1663bc}.quick-notes-fab:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff,0 0 0 4px #1c75db,0 10px 24px rgba(15,23,42,.18)}.quick-notes-body--split{display:flex;flex-direction:row;align-items:stretch;min-height:0;flex:1 1 auto;height:100%}.quick-notes-rows-rail{flex:0 0 280px;width:280px;max-width:42%;min-width:220px;min-height:0;height:100%;border-inline-start:1px solid var(--border,#e5e7eb);background:#fff}.quick-notes-rows-sheet .qn-rows-panel{height:100%;border:none;border-radius:0}.qn-rows-panel{display:flex;flex-direction:column;height:100%;min-height:0;background:#ffffff;color:#1f2937}.qn-rows-panel-header{flex-shrink:0;padding:.75rem 1rem .5rem;border-bottom:1px solid #eef2f7}.qn-rows-panel-title{margin:0;font-size:.875rem;font-weight:800;color:#0f172a}.qn-rows-panel-scroll{flex:1 1 auto;min-height:0;height:100%;direction:rtl}.qn-rows-panel-scroll [data-slot=scroll-area-viewport]{height:100%;direction:rtl;text-align:right}.qn-rows-panel-scroll [data-slot=scroll-area-scrollbar][data-orientation=vertical]{inset-inline-start:0;inset-inline-end:auto;border-inline-start:none;border-inline-end:1px solid transparent}.qn-rows-panel-body{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .55rem .75rem}.qn-rows-empty{margin:.75rem .5rem;text-align:center;font-size:.8125rem;color:#64748b}.qn-row-group{min-width:0}.qn-row-card{border-radius:.65rem;background:transparent}.qn-row-card-main{display:flex;align-items:center;gap:.15rem;min-width:0}.qn-row-expand,.qn-row-expand-spacer{flex:0 0 1.35rem;width:1.35rem;height:1.75rem}.qn-row-expand{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:.4rem;background:transparent;color:#1c2333;cursor:pointer}.qn-row-expand:hover{background:#f3f4f6}.qn-row-link{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1 1 auto;padding:.45rem .5rem;border:none;border-radius:.5rem;background:transparent;text-align:right;font-size:.8125rem;color:#1f2937;cursor:pointer}.qn-row-link:hover:not(:disabled):not(.is-disabled){background:#f8fafc}.qn-row-link.is-active{background:#eff6ff;color:#1c75db;font-weight:700}.qn-row-link.is-parent-of-active{background:#f8fafc}.qn-row-link.is-disabled:not(.is-active){opacity:.55;cursor:default}.qn-row-link.is-subrow{position:relative;padding-inline-start:1.15rem}.qn-row-tree{--qn-tree-line:#c5cad3;position:absolute;inset-inline-start:.15rem;top:0;bottom:0;width:.85rem;pointer-events:none;flex:none}.qn-row-tree:before{top:-.35rem;bottom:0;width:0;border-inline-start:1.5px solid var(--qn-tree-line)}.qn-row-tree:after,.qn-row-tree:before{content:"";position:absolute;inset-inline-start:.35rem}.qn-row-tree:after{top:50%;width:.55rem;height:0;border-top:1.5px solid var(--qn-tree-line)}.qn-row-link.is-last-sub .qn-row-tree:before{bottom:50%}.qn-row-link-label-wrap{display:flex;align-items:center;gap:.2rem;min-width:0;flex:1 1 auto}.qn-row-summary-indicator{flex-shrink:0;color:#1c75db;font-weight:800}.qn-row-link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qn-row-link-badge{flex-shrink:0;padding:.1rem .4rem;border-radius:999px;background:#dbeafe;color:#1c75db;font-size:.65rem;font-weight:700}.qn-row-delete{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;border:none;border-radius:.4rem;background:transparent;color:#94a3b8;cursor:pointer}.qn-row-delete:hover:not(:disabled){background:#fef2f2;color:#dc2626}.qn-row-delete-confirm{margin:.25rem .35rem .45rem;padding:.55rem .65rem;border-radius:.55rem;background:#fff7ed;border:1px solid #fed7aa;font-size:.75rem;color:#9a3412}.qn-row-delete-confirm p{margin:0 0 .45rem}.qn-row-delete-actions{display:flex;flex-wrap:wrap;gap:.35rem}.qn-row-subrows{display:none;flex-direction:column;gap:.15rem;padding:.15rem 0 .25rem;margin-inline-start:1.35rem;padding-inline-start:.15rem}.qn-row-subrows.is-expanded{display:flex}.qn-row-add-sub-btn{display:inline-flex;align-items:center;gap:.35rem;margin:.15rem .25rem;padding:.35rem .5rem;border:none;border-radius:.45rem;background:transparent;color:#1c75db;font-size:.75rem;font-weight:700;cursor:pointer}.qn-row-add-sub-btn:hover:not(:disabled){background:#eff6ff}.qn-row-add-sub-btn:disabled{opacity:.5;cursor:not-allowed}.qn-rows-add-footer{flex-shrink:0;padding:.65rem .75rem;border-top:1px solid #eef2f7;background:#fafbfc}.qn-rows-add-main-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:2.35rem;border:1px dashed #93c5fd;border-radius:.65rem;background:#eff6ff;color:#1c75db;font-size:.875rem;font-weight:700;cursor:pointer}.qn-rows-add-main-btn:hover:not(:disabled){background:#dbeafe}.qn-rows-add-main-btn:disabled{opacity:.55;cursor:not-allowed}.qn-row-add-form{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.25rem}.qn-row-add-form--main{width:100%}.qn-row-add-input{flex:1 1 8rem;min-width:0;min-height:2rem;padding:.35rem .55rem;border:1px solid #d1d5db;border-radius:.45rem;background:#fff;font-size:.8125rem;color:#111827}.qn-row-add-input:focus{outline:none;border-color:#1c75db;box-shadow:0 0 0 2px rgba(28,117,219,.18)}@media (max-width:900px){.quick-notes-body--split{flex-direction:column}.quick-notes-rows-rail{display:none}}