.ov-verification { display: inline-flex; flex-wrap: wrap; gap: .5em; align-items: center; margin: .4em 0; font: 13px/1.4 var(--font-ui, sans-serif); color: var(--text-primary, var(--text, #142e42)); }
.ov-verification button { font: inherit; padding: .45em .8em; border: 1px solid currentColor; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
.ov-verification button:focus-visible { outline: 2px solid var(--gold, #cba449); outline-offset: 3px; }
.ov-verification button:disabled { cursor: default; }
.ov-verification[data-status="approved"] > button:first-child { color: #237a44; }
.verification-author, .verification-message { font-size: 12px; }
.verification-correction { color: inherit; font: inherit; padding: .3em; }
.ov-verification[hidden] { display: none; }
.verification-details { display: inline-flex; gap: .5em; align-items: center; flex-wrap: wrap; }
.verification-compact { position: relative; font-size: 11px; margin-left: .3em; }
.verification-compact > button:first-child { padding: .2em .4em; }
/* Keep review actions on the changes side, out of the Bible text and row flow. */
.verse-row { position: relative; }
.verse-row > .verification-compact { position: absolute; inset-inline-end: 0; top: 2px; margin: 0; }
/* Both the verification button and touch-accessible actions stay in the right gutter. */
#content #verses-container .verse-row:has(> .verification-compact:not([hidden])) { padding-inline-end: 64px; }
.verification-compact .verification-details { display: none; position: absolute; left: 0; top: 100%; width: 210px; z-index: 50; padding: .7em; border-radius: 6px; background: var(--bg-surface, var(--header-bg, white)); box-shadow: 0 3px 15px #0003; text-align: left; }
.verse-row > .verification-compact .verification-details { left: auto; right: 0; }
.verification-compact:focus-within .verification-details,
.verification-compact:hover .verification-details { display: inline-flex; }
:root[data-theme="donker"] .ov-verification[data-status="approved"] > button:first-child,
body.dark .ov-verification[data-status="approved"] > button:first-child { color: #8ad3a5; }
.ai-concept-banner[hidden] { display: none !important; }
.verification-component-warning { display: block; color: var(--gold, #a45c16); font-size: .85rem; }
.note-tooltip.reviewed-notes {
    max-width: min(400px, calc(100vw - 24px));
    max-height: 70dvh;
    overflow: auto;
    background: var(--bg-surface);
    color: var(--text-primary);
}
.note-tooltip.reviewed-notes .note-label { color: var(--text-primary); }
.note-popup-item { margin-top: .8rem; }
.note-popup-item details { color: var(--text-secondary); font-size: .85em; }