.ticket-console{max-width:var(--content-max);font:var(--type-body);color:var(--ink);gap:var(--space-4);min-width:0;margin:0 auto;display:grid}.ticket-heading{gap:var(--space-1);display:grid}.ticket-heading h2,.ticket-heading p{margin:0}.ticket-heading p{color:var(--ink-secondary);font:var(--type-body-sm)}.ticket-layout{gap:var(--space-4);grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;display:grid}.ticket-box,.ticket-thread,.ticket-compose,.ticket-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);min-width:0}.ticket-workspace{min-width:0}.ticket-actions{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;align-items:end;display:flex}.ticket-actions label{gap:var(--space-1);font:var(--type-label);display:grid}.ticket-console button,.ticket-console select{font:var(--type-body-sm);padding:0 var(--space-3);min-height:var(--control-md);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer}.ticket-console button[aria-pressed=true]{background:var(--action-soft);border-color:var(--action);color:var(--action-ink)}.ticket-console button:disabled{opacity:.6;cursor:not-allowed}.ticket-console :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ticket-console .ticket-primary{background:var(--action);border-color:var(--action);color:var(--on-action)}.ticket-list-row{text-align:right;width:100%;margin:var(--space-2) 0;overflow-wrap:anywhere;display:block;padding:var(--space-2) var(--space-3)!important}.ticket-list-row strong,.ticket-list-row span{display:block}.ticket-list-row span{font:var(--type-caption);color:var(--ink-secondary);margin-top:var(--space-1)}.ticket-eyebrow{font:var(--type-caption);color:var(--ink-secondary);font-weight:700}.ticket-thread header{border-bottom:1px solid var(--border);padding-bottom:var(--space-3);margin-bottom:var(--space-4)}.ticket-thread h2{font:var(--type-section-title);margin:var(--space-1) 0;overflow-wrap:anywhere}.ticket-tag{padding:var(--space-1) var(--space-2);background:var(--neutral-soft);color:var(--ink);border-radius:var(--radius-pill);font:var(--type-caption);display:inline-block}.ticket-message{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin:var(--space-3) 0;background:var(--surface)}.ticket-outbound{background:var(--info-soft);margin-inline-start:var(--space-6)}.ticket-inbound{margin-inline-end:var(--space-6)}.ticket-system{background:var(--surface-subtle)}.ticket-note{background:var(--warning-soft);border-color:var(--warning)}.ticket-message-meta{justify-content:space-between;gap:var(--space-2);font:var(--type-body-sm);flex-wrap:wrap;display:flex}.ticket-message time,.ticket-console small{font:var(--type-caption);color:var(--ink-secondary)}.ticket-compose{gap:var(--space-3);display:grid}.ticket-compose h3{font:var(--type-card-title);margin:0}.ticket-compose label{gap:var(--space-1);font:var(--type-label);display:grid}.ticket-compose textarea{box-sizing:border-box;width:100%;padding:var(--space-3);font:var(--type-body);color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);resize:vertical;min-height:140px}.ticket-compose small{display:block}.ticket-checkbox{align-items:center;gap:var(--space-2);min-height:var(--control-md);font:var(--type-body-sm)!important;display:flex!important}.ticket-alert,.ticket-notice,.ticket-pending{border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--ink);padding:var(--space-3)}.ticket-notice{background:var(--success-soft);border-color:var(--success)}.ticket-pending{background:var(--warning-soft);border-color:var(--warning)}.ticket-empty{text-align:center;padding:var(--space-8) var(--space-4)}.ticket-empty h3{margin:0 0 var(--space-2);font:var(--type-card-title)}.ticket-empty p{color:var(--ink-secondary);font:var(--type-body-sm);margin:0}@media (max-width:780px){.ticket-layout{grid-template-columns:1fr}.ticket-inbound,.ticket-outbound{margin-inline:0}aside.ticket-box{max-height:360px;overflow:auto}}