.view-switcher { display: flex; gap: 7px; }
.view-switch { padding: 8px 11px; color: #5e6c84; font-size: 12px; }
.view-switch.active { border-color: #4c9aff; background: #deebff; color: #0747a6; }
.ticket-list-wrap { overflow-x: auto; margin-top: 18px; border: 1px solid #dfe1e6; border-radius: 7px; }
.ticket-list { width: 100%; min-width: 980px; border-collapse: collapse; background: #fff; font-size: 12px; }
.ticket-list th { padding: 12px 10px; border-bottom: 1px solid #dfe1e6; background: #f7f8fa; color: #6b778c; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.ticket-list td { padding: 11px 10px; border-bottom: 1px solid #ebecf0; color: #42526e; vertical-align: middle; }
.ticket-list-row { cursor: pointer; transition: background .15s; }
.ticket-list-row:hover { background: #f4f8ff; }
.ticket-list-row:last-child td { border-bottom: 0; }
.list-activity { display: flex; align-items: center; gap: 9px; min-width: 280px; }
.list-activity > div { display: grid; gap: 3px; min-width: 0; }
.list-activity strong { color: #0052cc; font-size: 11px; }
.list-activity span { overflow: hidden; color: #172b4d; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.list-type { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-weight: 900; }
.list-type.type-bug { background: #ffebe6; color: #de350b; }.list-type.type-feature { background: #eae6ff; color: #5243aa; }.list-type.type-question, .list-type.type-access, .list-type.type-other { background: #deebff; color: #0747a6; }
.informer-cell { display: grid; gap: 2px; min-width: 170px; }.informer-cell strong { color: #172b4d; }.informer-cell span { color: #42526e; }.informer-cell small { color: #8993a4; }
.priority-label { font-weight: 700; white-space: nowrap; }.priority-urgent, .priority-high { color: #de350b; }.priority-medium { color: #7f5f01; }.priority-low { color: #006644; }
.empty-list { padding: 30px !important; color: #6b778c !important; text-align: center; }
@media (max-width: 760px) { .view-switcher { width: 100%; }.view-switch { flex: 1; }.ticket-list-wrap { margin-left: -8px; margin-right: -8px; } }
