/* [tawala W8SUP 2026-10-18] customer portal: tickets + public help centre (design 045 pub, 044 tkt). Loaded ONLY under
   tawala_ui_v2 via app_customers_head (tawala_ui_w8sup_helper.php); scoped to html.twp and the W4CUST portal tokens. */
html.twp .tw8p-bnr { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin: 0 0 14px; padding: 10px 14px; border-radius: 12px; font-size: 14px; color: var(--twp-text); background: var(--twp-surface-2); border: 1px solid var(--twp-border); }
html.twp .tw8p-bnr--info { background: var(--twp-info-bg); border-color: transparent; }
html.twp .tw8p-bnr b { color: var(--twp-ink); }
html.twp .tw8p-bnr a:not(.btn) { font-weight: 600; color: var(--twp-accent); white-space: nowrap; }
html.twp .tw8p-bnr .btn { border-radius: 999px; }
html.twp .panel-body > .tw8p-bnr { margin: 18px 0 0; }
/* ticket thread: customer messages vs team replies */
html.twp .single-ticket-reply-area ~ .panel_s, html.twp .panel_s.client-reply { border-radius: 12px; }
html.twp .panel_s.client-reply { border-left: 3px solid var(--twp-border-strong); }
html.twp .panel_s:not(.client-reply):not(.single-ticket-reply-area) .col-md-3.border-right { color: var(--twp-accent-ink); }
html.twp .ticket-status-inline .label { border-radius: 999px; }
/* help centre */
html.twp .kb-search-jumbotron, html.twp .jumbotron.kb-search-jumbotron { background: var(--twp-surface); border-bottom: 1px solid var(--twp-border); }
html.twp .kb-search-jumbotron .form-control { border-radius: 999px; height: 44px; }
html.twp .article_useful_buttons .btn { border-radius: 999px; }
@media (max-width: 600px) {
  html.twp .tw8p-bnr { font-size: 13.5px; }
}