:root{--surface:#fff;--surface-soft:#f4f7fa;--surface-raised:#eef3f6;--text:#223646;--secondary:#526779;--accent:#087b43;--accent-soft:#e7f5ed;--focus:#7025ad}
.ticket-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.ticket-overview-card{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--secondary);padding:16px 20px;text-align:right;font:inherit}.ticket-overview-card strong{font-size:1.5rem;color:var(--text)}.ticket-overview-card.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.ticket-overview-card:hover{box-shadow:0 3px 12px #0001}
.ticket-workspace{display:grid;grid-template-columns:minmax(300px, .85fr) minmax(350px,1.4fr);gap:18px;align-items:start}.ticket-inbox{min-width:0}.ticket-tabs{display:flex;gap:6px;padding:12px;border-bottom:1px solid var(--line);background:var(--surface)}.ticket-tabs button{flex:1;padding:10px 6px;background:transparent;color:var(--secondary);border:0;border-radius:8px;font:inherit;font-size:.86rem}.ticket-tabs button.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.ticket-inbox-filters{padding:16px;display:grid;gap:12px;border-bottom:1px solid var(--line)}.ticket-filter-selects{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ticket-filter-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:.78rem}.ticket-check{display:flex;align-items:center;gap:7px;color:var(--secondary)}.ticket-check input{width:16px;height:16px;accent-color:var(--accent);margin:0}.ticket-filter-tools .text-button{font-size:.78rem}.ticket-loading{padding:8px 16px;color:var(--secondary);font-size:.8rem}.ticket-list{padding:0;max-height:680px;overflow:auto}.ticket-row{padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface);border-right:3px solid transparent;color:var(--text);transition:background .12s}.ticket-row:hover{background:var(--surface-soft)}.ticket-row.unread{background:var(--accent-soft);border-right-color:var(--accent)}.ticket-row.selected{background:var(--surface-raised);box-shadow:inset 0 0 0 2px var(--accent)}.ticket-row-title{gap:8px;align-items:flex-start}.ticket-row-title strong{font-size:.9rem;line-height:1.7;flex:1;min-width:0}.ticket-peer{font-size:.78rem;color:var(--secondary);margin-top:4px}.ticket-preview{font-size:.8rem;color:var(--secondary);margin:8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-row-meta{font-size:.7rem;gap:6px;color:var(--secondary);margin-top:8px}.ticket-row-meta time{margin-right:auto}.ticket-status,.ticket-priority,.ticket-unread{font-size:.69rem;border-radius:6px;padding:3px 7px;line-height:1.7}.ticket-status.open{background:var(--accent-soft);color:var(--accent)}.ticket-status.closed{background:var(--surface-raised);color:var(--secondary)}.ticket-unread{background:var(--accent);color:#fff}.ticket-pagination{padding:12px;gap:8px;flex-wrap:wrap;font-size:.72rem}
.ticket-conversation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:20px;border-bottom:1px solid var(--line);background:var(--surface)}.ticket-conversation-head h2{font-size:1.05rem;line-height:1.8;overflow-wrap:anywhere}.ticket-conversation-head .button{flex-shrink:0;font-size:.7rem}.ticket-conversation-body{padding:18px}.ticket-detail-heading{gap:10px;align-items:center}.ticket-detail-heading p{font-size:.85rem;color:var(--secondary)}.ticket-detail-heading .ticket-status{margin-left:6px}.ticket-messages{max-height:420px;min-height:230px;border:1px solid var(--line);padding:16px;background:var(--surface-soft);gap:16px;overscroll-behavior:contain;scrollbar-gutter:stable}.ticket-message{background:var(--surface);border-color:var(--line);max-width:92%;padding:12px 14px;box-shadow:0 1px 2px #00005}.ticket-message.mine{background:var(--accent-soft);border-color:var(--line);border-bottom-right-radius:3px}.ticket-message.other{border-bottom-left-radius:3px}.ticket-message p{font-size:.88rem;line-height:1.9}.ticket-message-meta{font-size:.7rem;color:var(--secondary);gap:16px}.ticket-reply{margin-top:16px}.ticket-reply-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.ticket-charcount,.ticket-compose-help{font-size:.75rem;color:var(--secondary);line-height:1.9}.ticket-compose-help{margin-bottom:16px}.ticket-charcount{margin-top:5px}.ticket-welcome{min-height:530px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;gap:16px;background:var(--surface)}.ticket-welcome h2{font-size:1rem}.ticket-welcome p{max-width:300px;font-size:.85rem;line-height:2;color:var(--secondary)}.ticket-welcome-symbol{height:68px;width:68px;border-radius:20px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:2rem}
.connection-card{padding:20px;margin-bottom:18px}.connection-card h2{font-size:1rem}.connection-card p{line-height:1.9;font-size:.85rem}.connection-steps{padding-right:22px;font-size:.85rem;line-height:2.1;margin:12px 0}.connection-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.connection-address{display:block;margin:10px 0;padding:10px;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;word-break:break-all;color:var(--text);font-size:.85rem}.connection-state{color:var(--secondary);margin-top:8px}.connection-state.ready{color:var(--accent)}.connection-fingerprint{font-family:monospace;direction:ltr;overflow-wrap:anywhere;font-size:.75rem;color:var(--secondary)}
.ticket-row:focus-visible,.ticket-tabs button:focus-visible,.ticket-overview-card:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
@media(max-width:1100px){.ticket-workspace{grid-template-columns:minmax(280px,.9fr) minmax(300px,1.2fr)}.ticket-conversation-head{flex-wrap:wrap}.ticket-overview-card{padding:14px}}
@media(max-width:760px){.ticket-workspace{display:block}.ticket-welcome{display:none}.ticket-workspace.has-conversation .ticket-inbox{display:none}.ticket-conversation-body{padding:12px}.ticket-overview{gap:8px}.ticket-overview-card{display:block;padding:12px 8px;font-size:.72rem}.ticket-overview-card strong{display:block;font-size:1.25rem;margin-top:4px}.ticket-messages{min-height:220px;max-height:50dvh}.ticket-message{max-width:100%}.ticket-list{max-height:none}.ticket-pagination{justify-content:center}.ticket-reply-actions .button{width:100%}.ticket-conversation-head{padding:14px}.connection-card{padding:16px}}

.connection-network-setup{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.connection-network-setup h3{font-weight:600;font-size:.9rem}