/* Listing Q&A tab (include/plugins/listing-questions/js/listing_questions.js; phase 2, 2026-11-05) */
.tm-qa { max-width: 760px; margin: 0 auto; }
.tm-qa form { display: block; padding: 0; }                /* general.css sets form { display: flex; padding: .5rem } */
.tm-qa label { display: block; }
.tm-qa-status { font-weight: 500; border: 1px solid; }        /* own colours: this Bootstrap build has no *-subtle variables */
.tm-qa-status-wait     { color: #664d03; background: #fff3cd; border-color: #ffe69c; }
.tm-qa-status-off      { color: #41464b; background: #e9ecef; border-color: #ced4da; }
.tm-qa-status-reported { color: #842029; background: #f8d7da; border-color: #f1aeb5; }
.tm-qa .min-w-0 { min-width: 0; }
.tm-qa-item { border-top: 1px solid #e9ecef; padding: 14px 0; }
.tm-qa-item:first-child { border-top: 0; }
.tm-qa-label { display: inline-block; width: 1.6em; font-weight: 700; color: #483d8b; flex-shrink: 0; }
.tm-qa-q, .tm-qa-a > div:first-child { display: flex; align-items: baseline; }
.tm-qa-q .tm-qa-text { font-weight: 600; }
.tm-qa-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.tm-qa-meta { margin-left: 1.6em; margin-top: 2px; }
.tm-qa-a { margin-top: 8px; padding: 8px 12px; background: #f6f6f6; border-left: 3px solid #483d8b; border-radius: 4px; }
.tm-qa-item > .mt-1, .tm-qa-item .flex-grow-1 > .mt-1 { margin-left: 1.6em; }
.tm-qa-form, .tm-qa-item-msg { margin-left: 1.6em; }
.tm-qa textarea, .tm-qa select { font-size: 16px; }          /* no iOS zoom on focus */
.tm-qa-menu { line-height: 1; padding: 4px 9px; }
#pills-questions-container-tab .badge { font-size: .7em; vertical-align: middle; }
@media (max-width: 575.98px) {
    .tm-qa-form, .tm-qa-item-msg, .tm-qa-meta, .tm-qa-item .flex-grow-1 > .mt-1 { margin-left: 0; }
    .tm-qa-ask .d-flex { flex-wrap: wrap; }
    .tm-qa-ask .d-flex small:first-child { flex-basis: 100%; }
}
/* phase 3 pages: seller inbox (/manage/my_listings/questions) and "My questions" (/activity/my_questions) */
.tm-qa-on { margin-bottom: 2px; }
.tm-qa-on a { font-weight: 600; }
.tm-qa-filters { flex-wrap: nowrap; overflow-x: auto; gap: 4px; }
.tm-qa-filters .nav-link { white-space: nowrap; padding: 4px 12px; }
.tm-qa-filters .nav-link.active { background: #483d8b; color: #fff; }