/* CircleBar - translated content + language switcher (kept out of the Tailwind build) */
.tr-block .tr-orig[hidden],
.tr-block .tr-text[hidden] { display: none; }

.tr-badge {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
    margin-top: 0.6rem;
    font-size: 0.75rem;
    line-height: 1.2;
    color: #6b7280;
    white-space: normal;
}
.tr-badge .tr-icon { width: 0.85rem; height: 0.85rem; flex: none; opacity: 0.8; }
.tr-badge .tr-label { font-style: italic; }
.tr-badge button {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: #4f46e5;
    cursor: pointer;
}
.tr-badge button:hover { text-decoration: underline; }
.tr-badge button:disabled { cursor: default; opacity: 0.7; text-decoration: none; }
.tr-badge .tr-report { color: #9ca3af; }
.tr-badge .tr-report-done { color: #059669; }
.tr-badge-pending { color: #9ca3af; animation: tr-pulse 1.6s ease-in-out infinite; }
@keyframes tr-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
@media (prefers-reduced-motion: reduce) { .tr-badge-pending { animation: none; } }

.tr-inline { border-bottom: 1px dotted rgba(107, 114, 128, 0.5); cursor: help; }

.dark .tr-badge { color: #9ca3af; }
.dark .tr-badge button { color: #a5b4fc; }
.dark .tr-badge .tr-report { color: #6b7280; }
.dark #lang-suggest-banner { background: #1e1b4b; border-color: #312e81; }
.dark #lang-suggest-banner span, .dark #lang-suggest-banner div { color: #c7d2fe; }
.dark #lang-suggest-banner [data-lang-dismiss] { color: #a5b4fc; }