.native-support{--ns-bg:#0d1421;--ns-panel:#121c2b;--ns-raised:#182437;--ns-border:#28354a;--ns-text:#edf3ff;--ns-muted:#a3b1c8;--ns-accent:#69e1de;color:var(--ns-text);margin:24px 0;min-width:0}
.native-support[hidden]{display:none!important}.native-support *{box-sizing:border-box}.native-support button,.native-support input,.native-support select,.native-support textarea{font:inherit}
.ns-heading,.ns-conversation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.ns-heading h3{font-size:25px;margin:6px 0 8px}.ns-heading p,.ns-help{color:var(--ns-muted);font-size:14px;line-height:1.6;margin:0}.ns-eyebrow{color:var(--ns-accent);font-size:10px;font-weight:700;letter-spacing:.13em}.ns-layout{display:grid;grid-template-columns:minmax(230px,31%) minmax(0,1fr);border:1px solid var(--ns-border);border-radius:16px;overflow:hidden;background:var(--ns-panel);min-height:430px}.ns-list-pane{background:var(--ns-bg);border-right:1px solid var(--ns-border);padding:14px}.ns-list{display:grid;gap:8px}.ns-request{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;width:100%;padding:15px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ns-text);cursor:pointer;overflow-wrap:anywhere}.ns-request:hover{background:var(--ns-raised)}.ns-request.is-selected{background:var(--ns-raised);border-color:var(--ns-accent)}.ns-request strong{font-size:14px;line-height:1.5}.ns-reference,.ns-date{font-size:11px;color:var(--ns-muted)}.ns-status{display:inline-flex;width:fit-content;font-size:11px;padding:4px 8px;border-radius:6px;color:var(--ns-accent);background:#123238}.ns-status-waiting_customer{background:#322943;color:#d3b7f6}.ns-status-resolved{background:#283522;color:#b8ea86}.ns-detail{padding:26px;min-width:0}.ns-detail h4{font-size:21px;line-height:1.4;margin:6px 0 12px;overflow-wrap:anywhere}.ns-field{display:flex;flex-direction:column;gap:8px;margin:18px 0}.ns-field label{font-size:13px;font-weight:600}.ns-field input,.ns-field select,.ns-field textarea{width:100%;border:1px solid var(--ns-border);background:var(--ns-bg);border-radius:8px;padding:11px 12px;color:var(--ns-text);resize:vertical}.ns-field input:focus,.ns-field select:focus,.ns-field textarea:focus,.ns-button:focus-visible,.ns-request:focus-visible{outline:2px solid var(--ns-accent);outline-offset:3px}.ns-button{width:auto!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:var(--ns-raised);border:1px solid var(--ns-border);border-radius:8px;color:var(--ns-text);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.ns-button.ns-primary{background:var(--ns-accent);border-color:var(--ns-accent);color:#09252a}.ns-button:hover{filter:brightness(1.08)}.ns-button:disabled{opacity:.5;cursor:default}.ns-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;font-size:11px;color:var(--ns-muted)}.ns-pagination .ns-button{font-size:11px;padding:7px}.ns-empty{color:var(--ns-muted);font-size:14px;line-height:1.6;padding:12px}.ns-notice{padding:12px 16px;border:1px solid #2c5a52;border-radius:8px;background:#122c29;color:#b8ead8;font-size:13px;line-height:1.5;margin:0 0 16px}.ns-error{color:#ffd0bc}.ns-notice.ns-error{background:#34251f;border-color:#674735}.ns-messages{display:grid;gap:14px;margin:23px 0}.ns-message{background:var(--ns-bg);border:1px solid var(--ns-border);border-radius:10px;padding:16px}.ns-message.is-customer{background:#152b32;border-color:#2d454b}.ns-message-author{font-size:11px;color:var(--ns-muted);margin-bottom:10px}.ns-message-body{font-size:14px;line-height:1.7;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.ns-conversation-heading .ns-button{padding:7px 11px;font-size:11px}
@media(max-width:800px){.ns-layout{grid-template-columns:1fr}.ns-list-pane{border-right:0;border-bottom:1px solid var(--ns-border)}.ns-list{max-height:260px;overflow:auto}.ns-detail{padding:20px}.ns-heading{flex-wrap:wrap}.ns-heading h3{font-size:22px}.ns-conversation-heading{gap:10px}.ns-detail h4{font-size:19px}}

.support-ticket-card[hidden]{display:none!important}