/* Action rows never reduce the width available to Arabic reading text. */
.verse-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:1/-1;margin-top:8px}
.verse-actions button{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;margin:0;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--lapis)}
.verse-actions svg{width:20px;height:20px}
.verse-favourite[aria-pressed=true]{color:var(--amber);background:var(--fill)}
.saved-verse-highlight{background:color-mix(in srgb,var(--saved-verse-color,var(--amber)) 9%,transparent);border-radius:12px;box-shadow:inset 3px 0 var(--saved-verse-color,var(--amber))}
[dir=rtl] .saved-verse-highlight{box-shadow:inset -3px 0 var(--saved-verse-color,var(--amber))}
.counter-reader-text .recitation-verse{display:block}
.counter-reader-text .verse-actions .verse-bookmark{margin:0;border:1px solid var(--line)}
#reader{--saved-verse-color:#f3d493}
#reader .verse-actions button{color:#f3d493;border-color:#7185a7;background:#14274a}
#reader .verse-favourite[aria-pressed=true]{background:#f3d493;color:#142850}
.saved-verses-section{display:grid;gap:12px;margin-top:12px;min-width:0}
.saved-verses-section h2{display:flex;align-items:center;gap:8px;font-size:1rem;line-height:1.5}
.saved-verse-row{border:1px solid var(--line);border-radius:16px;background:var(--card);min-width:0}
.saved-verse-open{display:grid;gap:4px;text-align:start;padding:12px;background:none;border:0;color:var(--ink);width:100%;min-height:64px;min-width:0;cursor:pointer}
.saved-verse-open b{font-size:.875rem;overflow-wrap:anywhere}
.saved-verse-open span{font-family:var(--ar);font-size:1.4rem;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:right}
.swipe-row{position:relative;overflow:hidden;touch-action:pan-y;isolation:isolate;min-width:0}
.swipe-content{position:relative;display:flex;align-items:center;min-width:0;width:100%;z-index:1;background:var(--card);transform:translateX(0)}
.swipe-content>:not(.swipe-more){min-width:0;flex:1}
.swipe-more{align-self:flex-start;flex:none;margin:8px 4px 0 0;min-width:44px;min-height:44px}
.swipe-actions{position:absolute;inset-block:0;inset-inline-end:0;width:min(70%,14rem);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:4px;background:var(--fill);z-index:0}
.swipe-actions[hidden]{display:none}
.swipe-action{min-height:44px;width:100%;padding:8px;border:0;border-radius:10px;background:var(--fill);color:var(--ink);font:inherit;font-size:.875rem;font-weight:700;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.swipe-action.danger{color:var(--danger)}
.swipe-open .swipe-content{transform:translateX(calc(-1 * var(--swipe-width)))}
[dir=rtl] .swipe-open .swipe-content{transform:translateX(var(--swipe-width))}
[dir=rtl] .swipe-more{margin-inline:0 4px}
.today-pins>.pinned-swipe-row+.pinned-swipe-row{border-top:1px solid var(--line)}
.swipe-row.resume-card .resume-main{padding-inline-end:0}
.cloud-card.swipe-row{padding:0}
.cloud-card.swipe-row .swipe-content{display:grid;grid-template-columns:minmax(0,1fr) 44px;padding:12px}
.cloud-card.swipe-row .swipe-content>*:not(.swipe-more){grid-column:1}
.cloud-card.swipe-row .swipe-more{grid-column:2;grid-row:1 / span 4;margin:0}
.friend-request-row{border-top:1px solid var(--line);padding-block:8px}
.friend-request-row:first-child{border-top:0}
.friend-request-actions{display:flex;gap:8px;flex-wrap:wrap;padding-inline:8px}
.friend-request-actions .btn{min-height:44px}
.cloud-requests-badge{font-size:.75rem;min-width:20px;padding:2px 6px;border-radius:999px;background:var(--lapis);color:var(--on-lapis);margin-inline-start:8px}
.cloud-filter-row .btn{white-space:normal}
@media(prefers-reduced-motion:no-preference){.swipe-content{transition:transform .16s ease-out}}