#main .help-conversation { --conversation-ink: var(--ictus-graphite, #17324e); --conversation-muted: var(--ictus-lead, #526479); --conversation-surface: #fff; --conversation-tint: var(--ictus-screen, #f3f6fa); --conversation-border: var(--ictus-border, #dce3ed); }
#main .help-conversation .card-body { padding: 1.5rem; }
#main .help-conversation__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
#main .help-conversation__heading h4 { display: flex; align-items: center; gap: .6rem; margin: 0 0 .3rem; color: var(--conversation-ink); font-size: 1rem; font-weight: 800; line-height: 1.5; }
#main .help-conversation__heading h4 > span { padding: .15rem .45rem; color: var(--conversation-muted); background: var(--conversation-tint); border: 1px solid var(--conversation-border); border-radius: 6px; font-size: .7rem; font-weight: 600; }
#main .help-conversation__heading p, #main .help-conversation__notice, #main .help-conversation__loading { margin: 0; color: var(--conversation-muted); font-size: .8rem; line-height: 1.6; }
#main .help-conversation__heading .btn { display: inline-flex; align-items: center; gap: .4rem; flex-shrink: 0; min-height: 38px; font-size: .8rem; }
#main .help-conversation__composer { padding: 1rem; margin-bottom: 1.25rem; border: 1px solid var(--conversation-border); border-radius: 9px; background: var(--conversation-tint); }
#main .help-conversation__composer label { display: block; margin-bottom: .5rem; color: var(--conversation-ink); font-size: .85rem; font-weight: 600; }
#main .help-conversation__composer textarea { color: var(--conversation-ink); background: var(--conversation-surface); border-color: var(--conversation-border); border-radius: 6px; font-size: .875rem; line-height: 1.6; resize: vertical; }
#main .help-conversation__composer textarea::placeholder { color: var(--conversation-muted); opacity: 1; }
#main .help-conversation__compose-footer { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: .75rem; }
#main .help-conversation__compose-footer small, #main .help-conversation__closed { color: var(--conversation-muted); font-size: .72rem; line-height: 1.6; }
#main .help-conversation__compose-footer .btn { flex-shrink: 0; min-height: 40px; font-size: .8rem; }
#main .help-conversation__closed { margin: .75rem 0 0; }
#main .help-conversation__notice { margin-bottom: 1rem; }
#main .help-conversation__empty { display: flex; align-items: center; gap: .85rem; padding: 1.25rem 0; color: var(--conversation-muted); }
#main .help-conversation__empty > i { font-size: 1.75rem; }
#main .help-conversation__empty strong { color: var(--conversation-ink); font-size: .85rem; }
#main .help-conversation__empty p { margin: .2rem 0 0; font-size: .8rem; line-height: 1.5; }
#main .help-conversation__messages { display: flex; flex-direction: column; gap: 1rem; margin: 1rem 0 0; padding: 0; list-style: none; }
#main .help-conversation__messages > li { display: flex; gap: .75rem; align-items: flex-start; min-width: 0; }
#main .help-conversation__avatar { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border: 1px solid var(--conversation-border); border-radius: 50%; color: var(--conversation-muted); background: var(--conversation-tint); font-size: .7rem; font-weight: 700; }
#main .help-conversation__message { flex: 1; min-width: 0; padding: .85rem 1rem; border: 1px solid var(--conversation-border); border-radius: 0 10px 10px; background: var(--conversation-surface); }
#main .help-conversation__messages > li.is-staff .help-conversation__message { background: var(--conversation-tint); }
#main .help-conversation__meta { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem .5rem; }
#main .help-conversation__meta strong { color: var(--conversation-ink); font-size: .8rem; overflow-wrap: anywhere; }
#main .help-conversation__meta > span { padding: .1rem .35rem; border: 1px solid var(--conversation-border); border-radius: 4px; color: var(--conversation-muted); background: var(--conversation-surface); font-size: .65rem; }
#main .help-conversation__meta time { margin-left: auto; color: var(--conversation-muted); font-size: .7rem; }
#main .help-conversation__message > p { margin: .6rem 0 0; color: var(--conversation-ink); font-size: .85rem; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
#main .help-conversation__more { display: block; margin: 1rem auto 0; font-size: .8rem; }
.project-task-composer .project-task-comment-visibility { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .65rem; margin-bottom: 1rem; }
.project-task-composer .project-task-comment-visibility > label { margin: 0; font-size: .8rem; }
.project-task-composer .project-task-comment-visibility .form-select { max-width: 260px; min-height: 38px; font-size: .8rem; }
.project-task-composer .project-task-comment-visibility > small { flex-basis: 100%; color: var(--ictus-lead, #526479); font-size: .75rem; line-height: 1.5; }
.project-task-comment-meta .project-task-comment-scope { padding: .15rem .4rem; border-radius: 5px; border: 1px solid var(--ictus-border, #dce3ed); color: var(--ictus-lead, #526479); font-size: .65rem; }
.project-task-section .project-task-conversation-refresh { margin: 0 0 1rem; font-size: .75rem; }
body.theme-dark #main .help-conversation { --conversation-ink: #edf3fc; --conversation-muted: #bac8da; --conversation-surface: var(--ictus-dark-surface, #102c47); --conversation-tint: var(--ictus-midnight, #07223e); --conversation-border: #43526a; }
body.theme-dark .project-task-composer .project-task-comment-visibility > small, body.theme-dark .project-task-comment-meta .project-task-comment-scope { color: #bac8da; border-color: #43526a; }
@media (max-width: 991.98px) {
  #main.help-detail-page .visitors-list-page__title-row, #main.help-detail-page .visitors-list-page__header-actions { flex-direction: row; align-items: center; }
  #main.help-detail-page .visitors-list-page__header-actions { margin: 0; }
  #main.help-detail-page .visitors-list-page__header-actions > .btn { flex: 0 0 40px; width: 40px; height: 40px; padding: 0; justify-content: center; }
  #main.help-detail-page .visitors-list-page__header-actions > .btn > span { display: none; }
}
@media (max-width: 767.98px) {
  #main .help-conversation .card-body { padding: 1rem; }
  #main .help-conversation__heading { gap: .6rem; }
  #main .help-conversation__heading .btn { width: 38px; justify-content: center; }
  #main .help-conversation__heading .btn > span { display: none; }
  #main .help-conversation__composer { padding: .8rem; }
  #main .help-conversation__composer textarea { font-size: 16px; }
  #main .help-conversation__compose-footer { align-items: stretch; flex-direction: column; }
  #main .help-conversation__avatar { flex-basis: 28px; height: 28px; font-size: .6rem; }
  #main .help-conversation__messages > li { gap: .5rem; }
  #main .help-conversation__message { padding: .75rem; }
  #main .help-conversation__meta time { flex-basis: 100%; margin-left: 0; }
}