.navtabs { display: flex; flex-wrap: wrap; gap: 6px; }
.navtabs .count { display: inline-block; margin-left: 8px; min-width: 20px; padding: 1px 6px; border-radius: 999px; background: #ef4444; color: #fff; font-size: 0.72rem; font-weight: 700; text-align: center; }
.small-code { font-size: 0.85rem; letter-spacing: 0.08em; word-break: break-all; }
.navtabs button {
	background: rgba(20, 40, 90, 0.35);
	border: 1px solid #1e3a8a;
	color: #bcd0ff;
	padding: 8px 14px;
	border-radius: 999px;
	cursor: pointer;
	font: inherit;
}
.navtabs button.on { background: #2563eb; color: #fff; border-color: #60a5fa; box-shadow: 0 0 14px rgba(59, 130, 246, 0.5); }
.between { justify-content: space-between; align-items: center; }
textarea.input { resize: vertical; font: inherit; }
.thread { display: grid; gap: 10px; }
.msg { padding: 10px 12px; border-radius: 10px; background: rgba(15, 25, 55, 0.7); border: 1px solid #1e3a8a; }
.msg.staff { border-color: #3b82f6; background: rgba(37, 99, 235, 0.18); }
.msg-body { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 4px; }
.ticket-row { width: 100%; text-align: left; cursor: pointer; font: inherit; color: inherit; display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.ticket-subject { font-weight: 600; overflow-wrap: anywhere; }
.fresh { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; padding: 12px; border-radius: 10px; border: 1px dashed #60a5fa; background: rgba(37, 99, 235, 0.15); }
.live { color: #4ade80; font-size: 0.75rem; font-weight: 500; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; }
.stat { display: grid; gap: 2px; text-align: center; }
.stat b { font-size: 1.8rem; color: #60a5fa; }
.stat span { color: #93a8d6; font-size: 0.8rem; }
.check { display: inline-flex; gap: 6px; align-items: center; font-size: 0.85rem; }
.code { overflow-wrap: anywhere; }