.inline-note-action{display:inline-grid!important;place-items:center;width:26px!important;height:26px!important;padding:0!important;margin:2px 0 10px!important;border:1px solid #ded9bc!important;border-radius:7px!important;background:#faf3d9!important;color:#9a833e!important;font-size:16px!important;cursor:pointer;opacity:.72}.inline-note-action:hover{opacity:1;box-shadow:0 2px 9px #806e3518}.selection-note-button{position:fixed;z-index:140;width:35px;height:35px;padding:0;border:1px solid #cbbb83;border-radius:10px;background:#fff0b6;color:#77602d;box-shadow:0 5px 20px #6b54282b;font-size:21px;cursor:pointer}.selection-note-button[hidden]{display:none}.linked-note{position:fixed;z-index:130;width:360px;max-width:calc(100vw - 16px);height:480px;max-height:calc(100dvh - 20px);min-height:310px;min-width:280px;box-sizing:border-box;padding:0 18px 17px;background:var(--note-paper);border:1px solid #a78f5040;border-radius:5px 5px 24px 5px;box-shadow:3px 12px 35px #564b2d29;resize:both;overflow:auto;font-family:SiteUI,UI,system-ui;direction:rtl}.linked-note[hidden]{display:none}.sticky-gold{--note-paper:#fff0b8}.sticky-sage{--note-paper:#e1edcf}.sticky-rose{--note-paper:#f5dfe3}.sticky-blue{--note-paper:#deebf4}.linked-note-grip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #9b854226;padding:13px 0;cursor:grab;touch-action:none}.linked-note-grip strong{font-size:15px;font-weight:400;color:#66593e}.linked-note-grip button{border:0;background:transparent;padding:0 7px;font-size:22px;color:#746b4d}.linked-note-meta{display:flex;gap:8px;align-items:center;margin:10px 0;font-size:11px;color:#857758}.linked-note-meta select{font-size:12px;padding:6px 8px;background:#ffffff45;border-color:#ab945c33;max-width:100%}.linked-note-palette{display:flex;gap:8px;margin:12px 0}.note-swatch{width:17px;height:17px;flex:none;border:1px solid #8b78484d;padding:0;border-radius:50%;cursor:pointer}.swatch-gold{background:#fff0b8}.swatch-sage{background:#e1edcf}.swatch-rose{background:#f5dfe3}.swatch-blue{background:#deebf4}.linked-note blockquote{margin:10px 0;padding:9px 12px;border-inline-start:2px solid #a28b4f54;background:#ffffff35;font-size:13px;line-height:1.85;color:#867653;max-height:120px;overflow:auto;white-space:pre-wrap}.linked-note textarea{display:block;box-sizing:border-box;width:100%;height:180px;min-height:100px;resize:vertical;background:transparent;border:0;font:18px/1.9 SiteUI,UI,system-ui;color:#514b3b;padding:8px 0;outline:none}.linked-note-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#8b7952;border-top:1px solid #a48c4929;padding-top:12px}.linked-note-foot button{font-size:11px;background:transparent;border:1px solid #a38f542d;border-radius:9px;padding:5px 10px;color:#8c7650}.notes-hub{max-width:1320px!important;padding:36px 28px!important;font-family:SiteUI,UI,system-ui}.notes-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:15px 0 28px}.notes-intro h1{font-size:42px;font-weight:400;margin:9px 0;color:#36563e}.notes-intro p{font-size:17px;color:#859276;margin:6px 0}.notes-intro .eyebrow{font-size:14px;font-weight:400;color:#a08349}.notes-backup{display:flex;gap:8px;flex-wrap:wrap;max-width:380px;justify-content:flex-end}.notes-backup button{font-size:13px;font-weight:400;padding:11px 15px;border-radius:11px;color:#657b57;background:#f1f4e9;border-color:#d8e2cb}.notes-backup button:first-child{background:#385e43;color:#fff;border-color:#385e43}.notes-filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#fffef8;border:1px solid #dce3d3;border-radius:18px;padding:17px;margin-bottom:17px;box-shadow:0 10px 35px #43533007}.notes-filter-bar input{flex:1 1 250px;min-width:180px;padding:12px 15px;border-color:#dce4d2;background:#f7f8f1;border-radius:12px;font-size:15px}.notes-filter-bar select{font-size:13px;padding:10px 12px;border-color:#e0e5d7;background:#fffef8;border-radius:11px}.notes-view-tools{display:flex;align-items:center;gap:17px;color:#88917b;font-size:13px;margin:17px 0 28px}.notes-view-tools button{background:none;border:1px solid #dce4d1;border-radius:10px;padding:7px 12px;font-size:13px;color:#768463}.notes-view-tools>span:last-child{margin-inline-start:auto;font-size:12px;color:#9a9e8c}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px;align-items:start}.notes-group-title{grid-column:1/-1;margin:17px 0 0;font-size:23px;font-weight:400;color:#627653;display:flex;gap:20px;align-items:center}.notes-group-title:after{content:'';height:1px;flex:1;background:#dfe4d7}.collection-note{position:relative;background:var(--note-paper);padding:20px;border:1px solid #b49d5f35;border-radius:5px 5px 23px 5px;box-shadow:2px 7px 20px #6053350c;min-width:0;transition:transform .18s,box-shadow .18s}.collection-note:nth-child(3n){transform:rotate(.7deg)}.collection-note:nth-child(3n+1){transform:rotate(-.5deg)}.collection-note:hover{transform:translateY(-4px);box-shadow:0 12px 25px #60533517}.collection-note:before{content:'';position:absolute;inset:0 25% auto;height:8px;background:#fff5}.collection-note-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8d7f58;font-size:11px}.collection-note h3{font-size:20px;font-weight:400;color:#645c3e;line-height:1.8;margin:13px 0 3px}.collection-note small{font-size:11px;color:#9a8f6e}.collection-note blockquote{border-inline-start:2px solid #aa955844;padding:10px 12px;background:#ffffff30;max-height:170px;overflow:auto;white-space:pre-wrap;font:17px/1.95 SiteUI,UI,system-ui;color:#7c7352;margin:15px 0}.collection-note p{white-space:pre-wrap;overflow-wrap:anywhere;font:17px/1.9 SiteUI,UI,system-ui;color:#504d3e;margin:16px 0;max-height:330px;overflow:auto}.collection-note-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;border-top:1px solid #96804426}.collection-note-actions button,.collection-note-actions a{font:12px SiteUI,UI,system-ui;padding:0;background:none;border:0;text-decoration:none;color:#84714a}.notes-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.notes-grid.compact blockquote{max-height:70px;font-size:14px}.notes-grid.compact .collection-note p{max-height:80px;font-size:15px}.notes-storage-note{font-size:12px;color:#959b89;margin:35px 0;padding-top:20px;border-top:1px solid #e0e5d7}.notes-empty{grid-column:1/-1;padding:35px 25px;border:1px dashed #d5ddc9;background:#f7f8ee;border-radius:18px;color:#829272;font-size:17px;line-height:2}#notes-status{color:#8b7751;font-size:14px}@media(max-width:1000px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.notes-hub{padding:24px 15px!important}.notes-intro{flex-direction:column;align-items:start;gap:16px}.notes-intro h1{font-size:30px}.notes-intro p{font-size:15px}.notes-backup{justify-content:start;max-width:none}.notes-backup button{font-size:11px;padding:10px 11px}.notes-filter-bar{padding:12px;gap:8px}.notes-filter-bar input{flex-basis:100%}.notes-filter-bar select{flex:1;min-width:140px}.notes-view-tools{flex-wrap:wrap;font-size:12px}.notes-view-tools>span:last-child{flex-basis:100%;margin:0}.notes-grid,.notes-grid.compact{grid-template-columns:1fr;gap:17px}.notes-group-title{font-size:21px}.linked-note{width:calc(100vw - 24px);max-width:calc(100vw - 24px);font-size:14px}.linked-note-meta{flex-wrap:wrap}.collection-note h3{font-size:20px}}

.notes-stats{display:flex;gap:10px;margin:-8px 0 22px}.notes-stats button{padding:7px 15px;font:13px SiteUI,UI,system-ui;background:#edf2e4;border:1px solid #dce5cf;color:#6e835a;border-radius:24px}.notes-stats button:last-child{background:#f7f0dc;border-color:#e8dcbd;color:#a2874b}.collection-note-actions button[aria-label="إزالة من المختارات"]{font-size:20px;line-height:1;color:#a28b66}

.linked-note{resize:none}.linked-note-resizer{position:fixed;z-index:1;width:18px;height:18px;touch-action:none;cursor:nwse-resize;background:repeating-linear-gradient(135deg,transparent 0 5px,#9c8d63 5px 6px,transparent 6px 9px);clip-path:polygon(100% 0,100% 100%,0 100%)}

.linked-note-resizer{cursor:nesw-resize;clip-path:polygon(0 0,0 100%,100% 100%);background:repeating-linear-gradient(45deg,transparent 0 5px,#9c8d63 5px 6px,transparent 6px 9px)}

/* The saved passage and personal thought lead the card; reference stays quiet. */
.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.notes-group-title{font-size:16px;margin:14px 0 0;color:#7b896d;gap:12px}.collection-note{padding:21px 24px;border-radius:5px 5px 20px 5px;box-shadow:0 5px 19px #6053350c}.collection-note-head{display:grid;grid-template-columns:1fr auto;gap:5px 10px;font-size:10px;color:#8c805e;border-bottom:1px solid #a8904924;padding-bottom:10px}.collection-note-head>span:first-child{grid-column:1;grid-row:2;font-size:10px}.collection-note-head>span:nth-child(2){grid-column:2;grid-row:1}.collection-note-reference{grid-column:1;grid-row:1;font-size:12px;font-weight:400;color:#706743;line-height:1.7}.collection-note blockquote{margin:16px 0 18px;padding:12px 14px;border:0;border-inline-start:2px solid #ae954959;background:#ffffff38;font-size:20px;line-height:1.95;color:#53603f;max-height:250px;border-radius:8px;overflow:auto}.collection-note p{font-size:21px;line-height:1.9;margin:5px 0 18px;color:#454a36}.note-body-label{font-size:10px;color:#998650;letter-spacing:0}.note-provenance{font-size:10px;color:#9b8f65;margin:8px 0}.collection-note small{font-size:10px}.collection-note-actions{padding-top:12px}.collection-note-actions button,.collection-note-actions a{font-size:12px}.collection-note-actions button:first-child{padding:8px 11px;background:#ffffff60;border:1px solid #b7a35c26;border-radius:9px;color:#65734a}.quote-only blockquote{font-size:22px;max-height:300px}.notes-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.linked-note{display:flex;flex-direction:column;border-radius:6px 6px 22px 6px;padding:0 18px 15px}.linked-note-grip{padding:11px 0;gap:10px;flex:none}.linked-note-grip strong{font-size:12px;color:#85764e;font-weight:400;line-height:1.6}.linked-note-grip button{font-size:21px;width:28px;height:28px;border-radius:8px;background:#fff5;border:1px solid #aa94582b;padding:0}.linked-note blockquote{flex:0 0 auto;margin:15px 0 9px;padding:11px 12px;font-size:18px;line-height:1.9;max-height:32%;color:#5c6647;border-radius:8px;white-space:pre-wrap}.linked-note textarea{flex:1;min-height:105px;height:auto;resize:none;font-size:21px;line-height:1.85;padding:10px 0;color:#444b34}.linked-note textarea::placeholder{color:#a4976f;font-size:17px}.linked-note-meta{flex:none;font-size:10px;margin:9px 0 0;opacity:.85;gap:8px;border-top:1px solid #aa945821;padding-top:9px}.linked-note-meta select{font-size:10px;padding:5px 7px;max-width:160px;border-radius:7px}.linked-note-palette{flex:none;margin:9px 0;gap:7px}.note-swatch{width:14px;height:14px}.linked-note-foot{flex:none;font-size:10px;padding-top:8px}.linked-note-foot button{font-size:10px}@media(max-width:700px){.notes-grid,.notes-grid.compact{grid-template-columns:1fr}.collection-note{padding:18px}.collection-note blockquote,.quote-only blockquote{font-size:20px}.collection-note p{font-size:20px}}

.notes-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.notes-grid.compact .collection-note{padding:15px 17px;min-height:0;transform:none}.notes-grid.compact .collection-note:before{height:5px}.notes-grid.compact .collection-note-head{gap:3px 7px;padding-bottom:7px}.notes-grid.compact .collection-note-reference{font-size:11px}.notes-grid.compact .collection-note blockquote{font-size:17px;line-height:1.85;margin:11px 0;max-height:157px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;padding:7px 10px}.notes-grid.compact .collection-note p{font-size:18px;line-height:1.8;max-height:97px;margin:4px 0 11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notes-grid.compact .note-provenance{margin:5px 0}.notes-grid.compact .collection-note-actions{padding-top:8px;gap:7px}.notes-grid.compact .collection-note-actions button,.notes-grid.compact .collection-note-actions a{font-size:11px}.notes-grid.compact .collection-note-actions button:first-child{padding:6px 8px}.notes-load-more{grid-column:1/-1;justify-self:center;padding:12px 25px;border:1px solid #d7dfc9;border-radius:12px;background:#edf2e3;color:#5b754b;font-size:14px}@media(max-width:1050px){.notes-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.notes-grid.compact{grid-template-columns:1fr}}
.collection-note,.linked-note{background:var(--note-paper)!important;color:#303c2f!important;--note-ink:#303c2f;--note-secondary:#6d715a}.sticky-gold{--note-paper:#fff1b9;--note-secondary:#786238}.sticky-sage{--note-paper:#e3eed7;--note-secondary:#5c7050}.sticky-rose{--note-paper:#f5e0e5;--note-secondary:#805665}.sticky-blue{--note-paper:#e0edf5;--note-secondary:#526e80}.collection-note :is(blockquote,p),.linked-note :is(blockquote,textarea){color:var(--note-ink)!important;background:transparent!important}.collection-note :is(small,.collection-note-head,.collection-note-reference,.collection-note-actions button,.collection-note-actions a,.note-body-label),.linked-note :is(strong,.linked-note-meta,.linked-note-foot){color:var(--note-secondary)!important}.collection-note :is(blockquote,p){display:block!important;-webkit-line-clamp:unset!important;overflow:auto!important;overflow-wrap:anywhere}.collection-note blockquote,.notes-grid.compact .collection-note blockquote,.quote-only blockquote{font-size:calc(var(--note-text-size,18px)*var(--note-font-scale,1))!important;line-height:1.8!important;max-height:210px!important;background:#ffffff28!important;border-inline-start:2px solid #8c92744a}.collection-note p,.notes-grid.compact .collection-note p{font-size:calc(var(--note-body-size,18px)*var(--note-font-scale,1))!important;line-height:1.8!important;max-height:200px!important}.collection-note-head{border-color:#6f765429}.collection-note blockquote:empty{display:none!important}.notes-font-controls,.note-font-controls{display:flex;align-items:center;gap:4px;direction:rtl;flex:none}.notes-view-tools .notes-font-controls{margin-inline-start:auto}.notes-font-controls button,.note-font-controls button{width:29px;height:29px;padding:0!important;border:1px solid #9d9a7430;background:#ffffff55;border-radius:8px;font-size:18px;color:#4f6550}.notes-font-controls output,.note-font-controls output{min-width:28px;text-align:center;font-size:11px;color:#6a785e}.note-font-controls{margin-inline-start:auto}.linked-note-grip strong{flex:1;min-width:0;font-size:11px}.linked-note blockquote{flex-shrink:0;max-height:35%;overflow:auto}.note-swatch{width:18px;height:18px}.note-swatch:hover,.note-swatch:focus-visible{outline:2px solid #746e4d;outline-offset:2px}.linked-note .note-font-controls button{font-size:18px;width:25px;height:25px}.linked-note .note-font-controls output{min-width:20px}.notes-view-tools{flex-wrap:wrap}.notes-view-tools>span:last-child{margin-inline-start:0}
.collection-note{border-radius:12px!important;transform:none!important;box-shadow:0 4px 16px #564b2910;padding:16px 18px!important;cursor:pointer}.collection-note:before{display:none!important}.collection-note blockquote,.notes-grid.compact .collection-note blockquote,.linked-note blockquote{background:transparent!important;border:0!important;border-radius:0!important;padding:7px 0!important}.collection-note-head{border:0;padding-bottom:4px}.collection-note-actions{border-top:1px solid #88856822}.collection-note-actions button:first-child{background:transparent!important;border:0!important;padding:3px 0!important}.linked-note{width:420px;height:520px;max-height:calc(100dvh - 32px);border-radius:16px;padding:0 22px 17px!important;box-shadow:0 18px 60px #28342026;border-color:#9b95713a}.linked-note-grip{padding:15px 0!important;border-color:#8b876321}.linked-note-grip strong{font-size:12px}.linked-note blockquote{margin:16px 0 6px!important;line-height:1.9!important;max-height:36%;color:#344731!important}.linked-note textarea{padding:9px 0!important;background:transparent!important;border:0!important;color:#344731!important}.linked-note-meta{border:0;margin:7px 0 0;padding:0;font-size:10px}.linked-note-palette{margin:9px 0}.linked-note-foot{padding-top:10px;border-color:#8b876321}.collection-note:focus-visible{outline:2px solid #8d9c72;outline-offset:3px}
.linked-note-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 0 12px;scrollbar-width:thin}.linked-note .linked-note-content blockquote{display:block;max-height:none!important;overflow:visible!important;margin:5px 0 10px!important;padding:0!important;flex:none}.linked-note .linked-note-content textarea{display:block;flex:none!important;width:100%;height:auto;min-height:55px!important;margin:8px 0 12px;resize:none!important;overflow:hidden;line-height:1.9;background:transparent!important}.linked-note .linked-note-content textarea:first-child{margin-top:0}.linked-note .linked-note-content blockquote:last-child{margin-top:10px!important}.linked-note-meta,.linked-note-palette,.linked-note-foot{flex:none}.linked-note blockquote:empty{display:none!important}.linked-note-content:has(textarea:first-child) blockquote{opacity:.82;border-top:1px solid #8f90612b!important;padding-top:12px!important}.linked-note-content textarea:focus{outline:none!important;box-shadow:none!important}
.notes-hub{max-width:1320px!important;padding-top:30px!important}.notes-intro{margin:0 0 22px;align-items:center}.notes-intro h1{font-size:32px;line-height:1.5;margin:0 0 4px}.notes-intro p{font-size:13px;color:#85907c}.notes-backup{position:relative;max-width:none;border:0;padding:0}.notes-backup summary{list-style:none;font-size:12px;font-weight:400;padding:9px 14px;border:1px solid #dde4d4;border-radius:11px;color:#748665}.notes-backup>div{position:absolute;z-index:10;inset-inline-end:0;top:calc(100% + 7px);width:240px;display:grid;gap:5px;padding:10px;border:1px solid #dde4d4;border-radius:13px;background:#fffef9;box-shadow:0 12px 40px #33452a18}.notes-backup button{font-size:12px;text-align:right;padding:10px 12px;border:0;background:#f3f6ed;color:#617752}.notes-backup button:first-child{background:#3c6247;color:#fff}.notes-search-zone{display:flex;align-items:center;gap:12px;background:#fffef9;border:1px solid #dce4d1;border-radius:16px;padding:8px 17px;box-shadow:0 6px 22px #42593405}.notes-search-zone svg{width:22px;height:22px;fill:none;stroke:#84966e;stroke-width:1.5;flex:none}.notes-search-zone #notes-search{width:100%;padding:12px 0;border:0;background:transparent;outline:none;font-size:16px;line-height:1.7}.notes-command-bar{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:17px 0}.notes-stats{margin:0;gap:5px;display:flex;align-items:center;flex-wrap:wrap}.notes-stats button{font-size:13px;padding:8px 15px;border:0;background:transparent!important;color:#7f8f71!important}.notes-stats button[aria-pressed=true]{background:#e5eedc!important;color:#365f41!important}.notes-filter-details{border:0;padding:0;margin-inline-start:auto}.notes-filter-details>summary{list-style:none;padding:8px 12px;font-size:12px;font-weight:400;border:1px solid #dce3d2;border-radius:10px;color:#708464}.notes-filter-details>summary span{font-size:16px;margin-inline-start:9px}.notes-filter-details[open]>summary{background:#e9efdf}.notes-filter-bar{position:absolute;z-index:8;inset-inline-end:0;top:calc(100% + 7px);width:min(640px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:17px;background:#fffef9;border:1px solid #dce4d2;border-radius:14px;box-shadow:0 14px 45px #344c2c17;margin:0;overflow:visible}.notes-filter-bar label{font-size:11px;color:#859476;min-width:0}.notes-sort-field{min-width:185px}.notes-select{position:relative;margin-top:5px;min-width:0}.notes-select-native{display:none!important}.notes-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;padding:9px 11px;background:#f6f8ef;border:1px solid #dce4d2;border-radius:10px;font:12px/1.6 SiteUI,UI,system-ui;color:#627b52;cursor:pointer;text-align:right}.notes-select-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-select-menu{position:absolute;z-index:20;inset-inline-start:0;top:calc(100% + 6px);min-width:100%;width:max-content;max-width:300px;max-height:280px;overflow:auto;scrollbar-width:thin;padding:7px;background:#fffef9;border:1px solid #dce4d2;border-radius:12px;box-shadow:0 10px 35px #344c2c20}.notes-select-menu[hidden]{display:none}.notes-select-menu input{display:block;width:100%;padding:8px 10px;font-size:12px;border:1px solid #dce4d2;background:#f7f9f1;border-radius:8px;margin-bottom:5px}.notes-select-menu button{display:block;width:100%;padding:9px 12px;border:0;background:transparent;border-radius:7px;white-space:nowrap;text-align:right;font:12px SiteUI,UI,system-ui;color:#6d825e}.notes-select-menu button[aria-selected=true]{background:#e6eeda;color:#335c3c}.notes-select-menu button:hover{background:#f0f4e8}.notes-view-tools{padding:7px 0 14px;margin:0 0 13px;border-bottom:1px solid #e1e6d9;gap:12px;color:#8a9581;font-size:12px}.notes-view-tools #notes-compact{font-size:11px;padding:6px 10px;border-radius:8px}.notes-view-tools .notes-font-controls{margin-inline-start:auto}.notes-group-title{font-size:15px;margin-top:7px}.notes-grid{gap:18px}.collection-note blockquote{max-height:240px!important}.notes-storage-note{font-size:11px;margin-top:26px;padding-top:17px}@media(max-width:700px){.notes-intro{flex-direction:row;align-items:center;gap:12px}.notes-intro h1{font-size:23px}.notes-intro p{font-size:11px}.notes-backup summary{font-size:10px;padding:7px 10px}.notes-search-zone{padding:5px 12px}.notes-search-zone #notes-search{font-size:14px}.notes-command-bar{gap:7px}.notes-stats{flex:1 1 100%}.notes-stats button{font-size:12px;padding:7px 12px}.notes-filter-details{margin-inline-start:0}.notes-sort-field{margin-inline-start:auto;min-width:170px}.notes-filter-bar{grid-template-columns:1fr;width:100%;max-width:400px;gap:8px}.notes-select-menu{max-width:calc(100vw - 70px)}.notes-view-tools{gap:8px}.notes-intro .notes-backup{flex:none}.notes-select-trigger{font-size:11px}}

.notes-command-bar{flex-wrap:wrap;align-items:center;gap:12px}.notes-stats{flex-basis:100%}.notes-filter-details{position:static!important;display:flex;align-items:center;gap:14px;flex:1;min-width:0;background:#edf2e6;border:1px solid #d8e2cd;border-radius:14px;padding:12px}.notes-filter-caption{font-size:13px;color:#637b51;white-space:nowrap}.notes-filter-details .notes-filter-bar{position:static!important;display:flex!important;flex:1;gap:10px;width:auto!important;padding:0!important;margin:0!important;box-shadow:none!important;background:transparent!important;border:0!important}.notes-filter-bar>label{flex:1;min-width:120px;font-size:11px}.notes-sort-field{min-width:210px}.notes-select-menu{z-index:40}@media(max-width:800px){.notes-filter-details{flex-basis:100%;align-items:flex-start}.notes-filter-details .notes-filter-bar{flex-wrap:wrap}.notes-sort-field{flex:1}}

.notes-control-panel{background:#fffef9;border:1px solid #dde5d5;border-radius:18px;padding:17px 20px;margin:0 0 22px;box-shadow:0 5px 20px #3e542808}.notes-control-panel .notes-search-zone{border:0;border-radius:0;box-shadow:none;padding:0 0 14px;margin:0;border-bottom:1px solid #e5eadf;gap:10px}.notes-search-zone #notes-search{flex:1;min-width:180px;padding:10px 0;font-size:15px}.notes-control-panel .notes-stats{flex-basis:auto;flex:none;gap:5px;margin:0;display:flex}.notes-stats button{padding:8px 12px;font-size:12px;white-space:nowrap}.notes-command-bar{margin:14px 0 0;gap:10px;align-items:flex-end}.notes-filter-details{padding:0!important;border:0!important;background:transparent!important;gap:10px}.notes-filter-caption{display:none}.notes-filter-details .notes-filter-bar{gap:10px}.notes-filter-bar>label{font-size:11px;color:#8a967e;display:flex;flex-direction:column;gap:4px}.notes-control-panel .notes-select-trigger{padding:9px 12px!important;font-size:13px!important;background:#f4f7ee!important;border-radius:10px!important;min-height:39px!important}.notes-sort-field{min-width:190px;flex:.65}.notes-sort-field:before{content:'الترتيب';display:block;font-size:11px;color:#8a967e;margin:0 0 4px}.notes-control-panel .notes-view-tools{border-top:1px solid #edf0e7;padding:12px 0 0;margin:13px 0 0;gap:12px;font-size:11px}.notes-view-tools #notes-compact{font-size:11px;padding:6px 9px;border:0;background:#f1f5e9;border-radius:8px}.notes-view-tools .notes-font-controls{margin-inline-start:auto;gap:7px}.notes-font-controls button{width:29px;height:29px;padding:0;font-size:18px}.notes-font-controls output{font-size:11px}.notes-control-panel #notes-count{color:#8c967e}@media(max-width:800px){.notes-control-panel{padding:14px}.notes-control-panel .notes-search-zone{flex-wrap:wrap}.notes-control-panel .notes-stats{flex-basis:100%}.notes-command-bar{flex-wrap:wrap}.notes-filter-details{flex-basis:100%}.notes-sort-field{flex:1}.notes-filter-bar>label{min-width:120px}.notes-control-panel .notes-view-tools{flex-wrap:wrap}}
.notes-control-panel .notes-filter-details{flex:3}.notes-control-panel .notes-sort-field{flex:1}@media(max-width:800px){.notes-control-panel .notes-filter-details{flex:1 1 100%}}

/* Collection navigation: search first, clear categories, compact secondary filters. */
body .notes-control-panel{padding:18px 20px!important;border:1px solid #d6e1cb!important;border-radius:18px!important;background:#fffef9!important;box-shadow:0 5px 22px #35552a08;margin-bottom:22px!important}
body .notes-control-panel .notes-search-zone{display:flex!important;align-items:center;gap:12px!important;padding:0 14px!important;height:53px;margin:0!important;background:#f5f7ef!important;border:1px solid #dce5d1!important;border-radius:12px!important;box-shadow:none!important;flex-wrap:nowrap!important}
body .notes-search-zone svg{width:22px;height:22px;flex:none;stroke:#789365;fill:none;stroke-width:1.7}body .notes-control-panel .notes-search-zone #notes-search{min-width:0!important;flex:1!important;margin:0!important;padding:11px 0!important;background:transparent!important;border:0!important;outline:0;font:400 16px/1.8 SiteUI,UI,system-ui!important;color:#36543f!important}body .notes-search-zone #notes-search::placeholder{color:#929f85!important;font-size:15px!important}body .notes-search-zone:focus-within{border-color:#97b07e!important;box-shadow:0 0 0 3px #a6bf8a18!important}body #notes-search-clear{flex:none;width:27px;height:27px;padding:0!important;background:#e8efdf!important;color:#698255!important;border:0!important;border-radius:50%;font-size:20px!important}
.notes-browse-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 12px}body .notes-control-panel .notes-stats{display:flex!important;flex:none!important;flex-basis:auto!important;gap:7px!important;flex-wrap:wrap;margin:0!important}body .notes-stats .notes-category-tab{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px!important;border:1px solid transparent!important;border-radius:10px;background:transparent!important;color:#5d754c!important;font:400 15px/1.5 SiteUI,UI,system-ui!important;white-space:nowrap}body .notes-stats .notes-category-tab[aria-pressed=true]{background:#365e45!important;color:#fff8e6!important;border-color:#365e45!important}body .notes-category-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:7px;background:#e9f0df;color:#678451;font-size:12px}body .notes-category-tab[aria-pressed=true] .notes-category-count{background:#ffffff20;color:#fff8e6}body .notes-category-tab:hover{background:#eff5e7!important}body .notes-category-tab[aria-pressed=true]:hover{background:#365e45!important}body .notes-browse-row .notes-sort-field{min-width:180px;flex:none;margin:0!important;display:flex;align-items:center;gap:8px}body .notes-browse-row .notes-sort-field:before{content:'ترتيب';margin:0!important;font:400 11px SiteUI,UI,system-ui;color:#8a987d}body .notes-browse-row .notes-select{margin:0!important;flex:1}body .notes-control-panel .notes-sort-field .notes-select-trigger{border:0!important;background:transparent!important;padding:6px 0!important;min-height:30px!important;font-size:12px!important;color:#5c7550!important}
body .notes-control-panel .notes-command-bar{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:12px 0!important;border-top:1px solid #edf0e6;border-bottom:1px solid #edf0e6;flex-wrap:wrap}body .notes-command-bar>.notes-filter-caption{display:block!important;font:400 11px SiteUI,UI,system-ui;color:#8a987d;flex:none}body .notes-command-bar .notes-filter-details{flex:1!important;flex-basis:auto!important;min-width:0;padding:0!important;margin:0!important;background:none!important;border:0!important}body .notes-filter-details .notes-filter-bar{position:static!important;display:flex!important;gap:8px!important;align-items:center;flex-wrap:wrap;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}body .notes-filter-bar>label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;min-width:0!important;flex:1;font:400 11px/1.6 SiteUI,UI,system-ui;color:#859575!important;padding:6px 9px!important;border:1px solid #dde6d4;border-radius:9px;background:#f8faf3;white-space:nowrap}body .notes-filter-bar>label .notes-select{flex:1;min-width:0;margin:0!important}body .notes-control-panel .notes-filter-bar .notes-select-trigger{min-height:25px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font:400 12px/1.7 SiteUI,UI,system-ui!important;color:#496941!important;gap:7px}body .notes-filter-bar>label.is-filtered{background:#edf5e4;border-color:#bdd3a7}body #notes-filter-reset{font:400 11px SiteUI,UI,system-ui!important;padding:6px 0!important;background:none!important;color:#9a7c48!important;border:0!important;white-space:nowrap}body .notes-control-panel .notes-select-menu{min-width:200px;font:400 13px SiteUI,UI,system-ui;z-index:35}body .notes-select-menu button{font-size:13px!important;padding:10px 12px!important}body .notes-select-menu button[aria-selected=true]{background:#e6efda!important;color:#365e45!important}
body .notes-control-panel .notes-view-tools{display:flex!important;align-items:center;justify-content:space-between;gap:12px!important;margin:11px 0 0!important;padding:0!important;border:0!important;font-size:12px!important}body .notes-control-panel #notes-count{color:#87997a!important;font-size:12px!important;white-space:nowrap}body .notes-presentation-tools{display:flex;align-items:center;gap:13px}body .notes-control-panel #notes-compact{display:flex;align-items:center;gap:6px;font:400 11px SiteUI,UI,system-ui!important;padding:6px 9px!important;border:1px solid #dce6d1!important;border-radius:8px;background:transparent!important;color:#7b8e69!important;white-space:nowrap}body #notes-compact:before{content:'▦';font-size:15px}body .notes-control-panel #notes-compact[aria-pressed=true]{background:#eaf2df!important;color:#557641!important;border-color:#ccdcb9!important}body .notes-control-panel .notes-font-controls{display:flex;align-items:center;gap:5px!important;margin:0!important;direction:rtl}body .notes-font-controls>span{font-size:10px;color:#96a18a;margin-inline-end:3px}body .notes-control-panel .notes-font-controls button{width:25px!important;height:27px!important;padding:0!important;border:1px solid #dfe7d7!important;border-radius:7px;background:transparent!important;color:#6d8757!important;font-size:17px!important}body .notes-font-controls output{font-size:10px!important;color:#8c9b7e}
@media(max-width:700px){body .notes-control-panel{padding:12px!important}.notes-browse-row{flex-wrap:wrap;gap:8px;margin:11px 0 9px}body .notes-control-panel .notes-stats{flex:1 1 100%!important;display:grid!important;grid-template-columns:.7fr 1fr 1.4fr;gap:5px!important}body .notes-stats .notes-category-tab{font-size:12px!important;padding:9px 6px!important;gap:5px!important}body .notes-category-count{min-width:19px;height:20px;font-size:10px;padding:0 3px}body .notes-browse-row .notes-sort-field{margin-inline-start:auto!important;min-width:180px}body .notes-control-panel .notes-command-bar{gap:8px!important;padding:9px 0!important}body .notes-filter-bar>label{flex:1 1 130px;font-size:10px!important;padding:6px 8px!important}body .notes-filter-bar>label:last-child{flex-basis:100%}body .notes-control-panel .notes-filter-bar .notes-select-trigger{font-size:11px!important}body .notes-command-bar>.notes-filter-caption{display:none!important}body .notes-control-panel .notes-view-tools{flex-wrap:wrap!important;gap:8px!important}body .notes-presentation-tools{gap:8px}body .notes-control-panel .notes-search-zone #notes-search{font-size:15px!important}body .notes-search-zone #notes-search::placeholder{font-size:13px!important}}
html[data-theme=dark] .notes-control-panel{background:#213329!important;border-color:#405641!important}html[data-theme=dark] .notes-control-panel .notes-search-zone,html[data-theme=dark] .notes-filter-bar>label{background:#263b2b!important;border-color:#4a6041!important}html[data-theme=dark] .notes-control-panel .notes-search-zone #notes-search,html[data-theme=dark] .notes-control-panel .notes-select-trigger{color:#d6e5c4!important}html[data-theme=dark] .notes-stats .notes-category-tab{color:#c6d8b2!important}html[data-theme=dark] .notes-stats .notes-category-tab[aria-pressed=true]{background:#62834e!important;color:#fff!important}

body .notes-control-panel .notes-search-zone #notes-search{font-size:18px!important}body .notes-search-zone #notes-search::placeholder{font-size:16px!important}body .notes-stats .notes-category-tab{font-size:17px!important}body .notes-filter-bar>label{flex:0 1 auto!important;min-width:170px!important}body .notes-filter-bar>label:nth-child(2){min-width:210px!important}body .notes-filter-bar>label:nth-child(3){min-width:215px!important}body .notes-control-panel .notes-filter-bar .notes-select-trigger{font-size:13px!important}body .notes-command-bar #notes-filter-reset{margin-inline-start:auto}@media(max-width:700px){body .notes-stats .notes-category-tab{font-size:12px!important}body .notes-control-panel .notes-search-zone #notes-search{font-size:15px!important}body .notes-search-zone #notes-search::placeholder{font-size:13px!important}body .notes-filter-bar>label{flex:1 1 130px!important;min-width:0!important}body .notes-filter-bar>label:nth-child(2),body .notes-filter-bar>label:nth-child(3){min-width:0!important}body .notes-filter-bar>label:last-child{flex-basis:100%!important}body .notes-control-panel .notes-filter-bar .notes-select-trigger{font-size:11px!important}}

/* Color controls must retain their own paper colors over global button themes. */
body .linked-note .note-swatch{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;padding:0!important;border:2px solid #fff9!important;border-radius:50%!important;box-shadow:0 0 0 1px #7c897633!important;color:#344f3c!important;font:600 17px/1 SiteUI,system-ui!important}
body .linked-note .swatch-gold{background:#f6df9c!important}body .linked-note .swatch-sage{background:#c5dbb4!important}body .linked-note .swatch-rose{background:#e9bcc9!important}body .linked-note .swatch-blue{background:#bbd8eb!important}
body .linked-note .note-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #4e7049!important}.note-swatch[aria-pressed=true]:after{content:'✓'}
body .linked-note{--note-ink:#354b3b!important;border-radius:19px!important;border:1px solid #d6ddc9!important;box-shadow:0 20px 65px #233c2a24!important}.linked-note.sticky-gold{--note-paper:#fcf4dc}.linked-note.sticky-sage{--note-paper:#eef5e7}.linked-note.sticky-rose{--note-paper:#faf0f3}.linked-note.sticky-blue{--note-paper:#eef5fa}
body .linked-note-grip :is(button,.note-font-controls button){background:#ffffffb3!important;color:#45613e!important;border:1px solid #8d9b7829!important;box-shadow:none!important;width:31px!important;height:31px!important;min-height:31px!important;border-radius:9px!important;font-size:20px!important;padding:0!important}.linked-note-grip>button{margin-inline-start:5px}.linked-note-grip .note-font-controls output{font:500 15px/1.4 SiteUI,system-ui!important;color:#5e7453!important;min-width:30px!important}.linked-note-grip strong{font-size:15px!important;color:#516648!important}
body .linked-note-meta{font-size:14px!important;opacity:1!important;gap:12px!important}body .linked-note-meta select{font:400 14px/1.6 SiteUI,system-ui!important;background:#fff9!important;color:#526448!important;border:1px solid #b8c3aa66!important;padding:6px 9px!important;border-radius:9px!important}.linked-note-palette{gap:11px!important;padding-block:6px!important}.linked-note-foot{font:400 14px/1.7 SiteUI,system-ui!important;color:#687456!important}.linked-note-foot button{background:#fff8!important;color:#975b48!important;border:1px solid #d9b7a84d!important;font-size:14px!important;padding:6px 11px!important}.linked-note textarea::placeholder{color:#8c967f!important}.linked-note blockquote{font-family:Read,serif!important;color:#657b46!important}.linked-note textarea{font-size:19px!important;line-height:1.95!important}
body .linked-note{min-width:0!important;min-height:0!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 28px)!important;padding:0 16px 12px!important;overflow:hidden!important}.linked-note .linked-note-content{padding:10px 0!important;overflow:auto!important;scrollbar-gutter:stable}.linked-note .linked-note-content blockquote{font-family:TQCanonical,serif!important;font-weight:400!important;line-height:1.85!important;white-space:normal!important;overflow-wrap:normal!important}.linked-note .note-quran .qpc-result-word,.collection-note .note-quran .qpc-result-word{white-space:nowrap!important}.note-quran-fragment{margin:0 0 12px!important;padding:0!important;font-size:inherit!important;line-height:inherit!important}.linked-note-content:has(textarea:placeholder-shown) textarea{min-height:62px!important}.linked-note .linked-note-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px!important;margin-top:8px!important;padding-top:9px!important}.linked-note .linked-note-palette{margin:5px 0!important;padding:3px 0!important}.linked-note .linked-note-meta{margin:5px 0!important;gap:8px!important}.linked-note .linked-note-meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:12px}.linked-note .linked-note-grip{gap:7px;padding:10px 0!important}.linked-note .linked-note-grip strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-note .linked-note-grip .note-font-controls{gap:2px}.linked-note .linked-note-grip .note-font-controls button{width:27px!important;height:28px!important;min-height:28px!important}.linked-note .linked-note-foot button{flex:none}.collection-note .note-quran{font-family:TQCanonical,serif!important;color:#355d46!important;line-height:1.9!important}.notes-select-menu.tq-anchored-popover{box-sizing:border-box;min-width:0!important}
.inline-note-action,.share-capture-action{display:inline-grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:6px!important;margin:4px 4px 8px!important;vertical-align:middle!important;background:#f4f7ec!important;color:#7c945e!important;border:1px solid #d6e1c8!important;border-radius:8px!important;opacity:1!important;box-shadow:none!important}.inline-note-action svg,.share-capture-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.linked-note .linked-note-content{padding-bottom:8px!important}.linked-note .linked-note-content .linked-note-meta{margin-top:18px!important}.linked-note .linked-note-content .linked-note-palette{padding-block:12px!important}.linked-note .linked-note-content textarea{overflow:visible!important;min-height:85px!important}.linked-note .linked-note-foot{margin-top:0!important}.collection-note-actions .share-capture-action{flex:none!important}.collection-note-actions .inline-note-action{font-size:0!important}
.linked-note-foot{gap:10px!important;align-items:center!important}.linked-note-foot>span{min-width:0;flex:1;white-space:normal!important;line-height:1.7!important}.linked-note-foot>button{flex:none}.linked-note .linked-note-content .linked-note-palette{margin-top:12px!important}
.selection-note-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}