/* Literature review: Verified (green), Agree/Doubt cards (detail) */

.literature-verified-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px 4px 6px;
    border: 1px solid rgba(21, 128, 61, 0.22);
    border-radius: 999px;
    background: #eaf8ee;
    color: #15803d;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.literature-verified-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #15803d;
    color: #ffffff;
    font-size: 10px;
    line-height: 1;
    flex-shrink: 0;
}

.literature-review-actions {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.literature-review-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px 4px 6px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: #ffffff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 1px 1px rgba(15, 23, 42, 0.06);
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}

.literature-review-btn:hover:not(:disabled) {
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04), 0 2px 4px rgba(15, 23, 42, 0.1);
}

.literature-review-btn:active:not(:disabled) {
    transform: translateY(1px);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12);
}

.literature-review-btn:focus-visible {
    outline: 2px solid rgba(13, 71, 161, 0.35);
    outline-offset: 2px;
}

.literature-review-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.literature-review-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 9px;
    line-height: 1;
    flex-shrink: 0;
}

.literature-review-btn-label {
    letter-spacing: 0.01em;
}

.literature-review-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    padding: 1px 4px;
    margin-left: 0;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.07);
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
}

.literature-review-btn--support {
    border-color: rgba(21, 128, 61, 0.42);
    color: #15803d;
}

.literature-review-btn--support .literature-review-btn-icon {
    background: #15803d;
}

.literature-review-btn--support:hover:not(:disabled) {
    border-color: rgba(21, 128, 61, 0.62);
    background: #f0fdf4;
    color: #166534;
}

.literature-review-btn--support.is-active {
    border-color: #15803d;
    background: #15803d;
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 1px 2px rgba(21, 128, 61, 0.28);
}

.literature-review-btn--support.is-active .literature-review-btn-icon {
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
}

.literature-review-btn--support.is-active .literature-review-count {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.literature-review-btn--question {
    border-color: rgba(220, 38, 38, 0.4);
    color: #b91c1c;
}

.literature-review-btn--question .literature-review-btn-icon {
    background: #dc2626;
}

.literature-review-btn--question:hover:not(:disabled) {
    border-color: rgba(220, 38, 38, 0.58);
    background: #fef2f2;
    color: #991b1b;
}

.literature-review-btn--question.is-active {
    border-color: #dc2626;
    background: #dc2626;
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 1px 2px rgba(220, 38, 38, 0.28);
}

.literature-review-btn--question.is-active .literature-review-btn-icon {
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
}

.literature-review-btn--question.is-active .literature-review-count {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.literature-review-btn--report {
    border-color: rgba(245, 158, 11, 0.35);
    background: #fff8e6;
    color: #92400e;
}

.literature-review-btn--report .literature-review-btn-icon {
    background: #f59e0b;
    font-size: 11px;
    font-weight: 800;
}

.literature-review-btn--report:hover:not(:disabled) {
    border-color: rgba(245, 158, 11, 0.55);
    background: #fef3c7;
    color: #78350f;
}

/* articles.html — card corner placement */
.article-item > .literature-review-actions,
.article-item > .literature-verified-badge {
    position: absolute;
    top: 12px;
    right: 12px;
}

/* article.html — table Review column */
.relation-table td.relation-review-cell {
    white-space: nowrap;
}

@media (max-width: 720px) {
    .article-item {
        padding-right: 20px;
    }
    .article-item > .literature-review-actions,
    .article-item > .literature-verified-badge {
        position: static;
        width: max-content;
        margin-bottom: 12px;
    }
}