.mi-test-layout .report-incorrect-translation {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:9px 14px !important; min-height:38px; max-width:100%;
    border:1px solid #cce0d6; border-radius:999px; background:#f1f8f4 !important;
    color:#426b60; font-size:.85rem !important; line-height:1.4;
    white-space:normal; transition:background-color .18s ease,border-color .18s ease;
}
.mi-test-layout .report-incorrect-translation > svg { width:18px; height:18px; flex-shrink:0; }
.mi-test-layout .report-incorrect-translation:hover { background:#e2f1e9 !important; border-color:#8ebfac; color:#075e62; }
.mi-test-layout .report-incorrect-translation:focus-visible { outline:3px solid #08796e; outline-offset:3px; box-shadow:none; }
.mi-test-layout .mi-test-meta { gap:14px; padding-block:8px !important; }
.mi-test-meta > .col:first-child { gap:8px; margin-bottom:0 !important; }
.mi-test-meta > .col:first-child > span { color:#647d73; font-size:.85rem; margin:0 4px 0 0 !important; }
.mi-test-meta > .col:first-child > a {
    padding:7px 13px !important; margin:0 !important; border:1px solid #d1e3d8 !important;
    border-radius:999px; background:#f5faf7; color:#426b60; font-size:.85rem; font-weight:500 !important;
    line-height:1.4;
}
.mi-test-meta > .col:first-child > a:hover { background:#e4f3eb; color:#075e62; border-color:#8ebfac !important; }
.mi-test-meta > .col:first-child > a:focus-visible { outline:3px solid #08796e; outline-offset:3px; box-shadow:none; }
.mi-test-meta .alert.alert-success {
    padding:9px 14px !important; border:1px solid #bfdccc; border-radius:999px;
    background:linear-gradient(110deg,#e4f3ea,#f0f8f4); color:#235f4c;
    gap:8px; line-height:1.45;
}
.mi-test-meta .alert.alert-success > svg { width:18px !important; height:18px !important; margin:0 !important; color:#08796e; }
.mi-test-meta .alert.alert-success > div { font-size:.85rem !important; font-weight:500 !important; }
@media(max-width:991.98px) {
    .mi-test-layout .mi-test-meta { align-items:flex-start !important; padding-inline:0 !important; }
    .mi-test-meta > .col { width:100%; flex-basis:auto; }
    .mi-test-meta .alert.alert-success { display:inline-flex !important; border-radius:16px !important; }
}
[data-bs-theme="dark"] .mi-test-layout .report-incorrect-translation { background:#2a4038 !important; border-color:#4a6c5d; color:#b6dfce; }
[data-bs-theme="dark"] .mi-test-layout .report-incorrect-translation:hover { background:#345749 !important; color:#e4fff2; }
[data-bs-theme="dark"] .mi-test-meta > .col:first-child > span { color:#b8ccc6; }
[data-bs-theme="dark"] .mi-test-meta > .col:first-child > a { background:#2a4038; border-color:#4a6c5d !important; color:#b6dfce; }
[data-bs-theme="dark"] .mi-test-meta > .col:first-child > a:hover { background:#345749; color:#e4fff2; }
[data-bs-theme="dark"] .mi-test-meta .alert.alert-success { background:linear-gradient(110deg,#294b3d,#253e35); border-color:#4a6c5d; color:#c4ead9; }
[data-bs-theme="dark"] .mi-test-meta .alert.alert-success > svg { color:#82d8bf; }
@media(prefers-reduced-motion:reduce) { .mi-test-layout .report-incorrect-translation { transition:none; } }
/* Quieter translation action; compact typography in both themes. */
.mi-test-layout .report-incorrect-translation {
    min-height:30px; padding:5px 10px !important; gap:6px;
    font-size:.72rem !important; border-color:#d9dfdd;
    background:#f0f2f1 !important; color:#68736f;
}
.mi-test-layout .report-incorrect-translation > svg { width:14px; height:14px; }
.mi-test-layout .report-incorrect-translation:hover { background:#e5eae7 !important; color:#42544c; border-color:#b7c6bd; }
[data-bs-theme="dark"] .mi-test-layout .report-incorrect-translation { background:#303b3b !important; color:#bec9c5; border-color:#4b5b56; }
[data-bs-theme="dark"] .mi-test-layout .report-incorrect-translation:hover { background:#3b4b46 !important; color:#e4efec; }
@media(max-width:991.98px) {
    .mi-test-layout .mi-test-meta {
        margin-inline:0 !important; padding:6px 0 !important;
        gap:10px; align-items:stretch !important;
    }
    .mi-test-meta > .col:first-child { gap:6px; min-width:0; }
    .mi-test-meta > .col:first-child > span { font-size:.75rem; }
    .mi-test-meta > .col:first-child > a { padding:5px 10px !important; font-size:.78rem; }
    .mi-test-meta > .col.col-lg-auto { min-width:0; }
    .mi-test-meta .alert.alert-success {
        display:flex !important; width:fit-content; max-width:100%;
        padding:8px 11px !important; border-radius:12px !important;
        gap:8px; align-items:flex-start !important;
    }
    .mi-test-meta .alert.alert-success > svg { width:15px !important; height:15px !important; margin-top:2px !important; }
    .mi-test-meta .alert.alert-success > div { min-width:0; font-size:.75rem !important; line-height:1.5; overflow-wrap:break-word; }
}
/* One compact metadata panel on mobile; desktop keeps its two-column layout. */
@media(max-width:991.98px) {
    .mi-test-layout .mi-test-meta {
        padding:14px !important; gap:12px;
        border:1px solid #d8e7de; border-radius:16px;
        background:linear-gradient(110deg,#f3f9f5,#f9fcfa);
    }
    .mi-test-meta > .col:first-child:has(> a) + .col.col-lg-auto:has(.alert) {
        padding-top:12px !important;
        border-top:1px solid #dce9e1;
    }
    .mi-test-meta .alert.alert-success {
        width:100%; padding:0 !important; border:0;
        border-radius:0 !important; background:transparent; box-shadow:none;
    }
    [data-bs-theme="dark"] .mi-test-layout .mi-test-meta {
        background:linear-gradient(110deg,#253c34,#233334); border-color:#435e5b;
    }
    [data-bs-theme="dark"] .mi-test-meta > .col:first-child:has(> a) + .col.col-lg-auto:has(.alert) {
        border-color:#435e5b;
    }
    [data-bs-theme="dark"] .mi-test-meta .alert.alert-success { background:transparent; }
}
@media(max-width:991.98px) {
    .mi-test-meta > .col:first-child > span { font-size:.7rem; }
    .mi-test-meta > .col:first-child > a { font-size:.72rem; }
    .mi-test-meta .alert.alert-success > div { font-size:.7rem !important; }
}