/*
  Support feature skin — the minted product's re-skin point.

  The template UI is stock Bootstrap 5 (the "reference UI") and deliberately has no token
  system. This file defines the ONLY styling knobs the support pages use: override these
  custom properties (or replace this file) to restyle the feature — never touch the .razor
  markup to restyle. Structure/behavior (five pages, DTO-computed badge collapse, empty-state
  distinction, no-priority rule) is the template contract; the colors below are yours.
*/
:root {
    --support-accent: #2f6fed;
    --support-badge-open: #2f6fed; /* New + Open collapse to "Open" */
    --support-badge-awaiting: #b45309; /* Pending = "Awaiting your reply" */
    --support-badge-resolved: #0f766e; /* mint */
    --support-badge-closed: #64748b; /* slate */
    --support-author-colleague: #7c3aed; /* violet — a same-firm colleague, distinct from the requester */
    --support-space: 1rem;
}

.support-badge {
    display: inline-block;
    padding: 0.25em 0.65em;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
}

.support-badge-open {
    background-color: var(--support-badge-open);
}

.support-badge-awaiting {
    background-color: var(--support-badge-awaiting);
}

.support-badge-resolved {
    background-color: var(--support-badge-resolved);
}

.support-badge-closed {
    background-color: var(--support-badge-closed);
}

.support-unread-dot {
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background-color: var(--support-accent);
    vertical-align: middle;
}

.support-thread-message {
    border: 1px solid #e4e7eb;
    border-left: 4px solid var(--support-badge-closed);
    border-radius: 0.375rem;
    padding: var(--support-space);
    margin-bottom: var(--support-space);
}

.support-thread-message.support-author-requester {
    border-left-color: var(--support-accent);
}

.support-thread-message.support-author-agent {
    border-left-color: var(--support-badge-resolved);
}

.support-thread-message.support-author-firmcolleague {
    border-left-color: var(--support-author-colleague);
}

.support-category-card {
    border: 1px solid #e4e7eb;
    border-radius: 0.5rem;
    padding: var(--support-space);
    height: 100%;
    display: block;
    color: inherit;
    text-decoration: none;
}

.support-category-card:hover {
    border-color: var(--support-accent);
}

/* Layout helpers for the support pages — lifted out of inline styles (APP-2). Override here
   (the documented re-skin point) or replace the file; never restyle in the .razor markup. */
.support-narrow {
    max-width: 40rem;
}

.support-confirm {
    max-width: 34rem;
    margin: 0 auto;
}

.support-message-body {
    white-space: pre-wrap;
}

.support-row-clickable {
    cursor: pointer;
}