.support-ui{--sp-bg:var(--wca-surface,#fff);--sp-soft:var(--wca-soft,#f1f6fc);--sp-text:var(--wca-heading,#18374e);--sp-muted:var(--wca-muted,#486175);--sp-line:var(--wca-field-border,#afc4d9);--sp-blue:var(--wca-blue,#2563d9);color:var(--sp-text);font-size:15px;line-height:1.6;max-width:1180px;margin:0 auto}.support-ui *{box-sizing:border-box}.support-ui [hidden]{display:none!important}.support-ui h3{font-size:24px;line-height:1.3;margin:8px 0 12px;color:var(--sp-text)}.support-ui h4{font-size:18px;margin:0 0 16px;color:var(--sp-text)}.support-ui p{margin:8px 0 16px}.support-ui .sp-intro,.support-ui .sp-ticket-heading{padding:24px;border:1px solid var(--sp-line);border-top:4px solid var(--sp-blue);border-radius:8px;background:var(--sp-bg);margin-bottom:20px}.sp-intro{display:flex;align-items:center;gap:24px;justify-content:space-between}.sp-intro>div{max-width:620px}.support-ui .sp-eyebrow{font-size:12px;letter-spacing:.055em;font-weight:700;color:var(--sp-muted)}.support-ui .sp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--sp-blue);border-radius:6px;background:var(--sp-blue);color:#fff;font:inherit;font-weight:650;line-height:1.4;cursor:pointer;text-align:center;text-decoration:none}.support-ui .sp-secondary{background:var(--sp-bg);border-color:var(--sp-line);color:var(--sp-text)}.support-ui .sp-button:disabled{opacity:.55;cursor:wait}.support-ui :is(button,input,select,textarea,summary):focus-visible{outline:3px solid var(--sp-blue);outline-offset:3px}.support-ui .sp-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.support-ui label{display:grid;gap:7px;font-size:14px;font-weight:650;color:var(--sp-text);min-width:0}.support-ui :is(input:not([type=checkbox]):not([type=file]),select,textarea){width:100%;min-height:44px;border:1px solid var(--sp-line);border-radius:6px;padding:11px 12px;background:var(--sp-bg);color:var(--sp-text);font:inherit;font-size:16px;line-height:1.5}.support-ui textarea{resize:vertical;min-height:110px}.support-ui .sp-filter{min-width:165px}.sp-search{display:flex;gap:10px;align-items:end;flex:1;min-width:0}.sp-search label{flex:1;min-width:0}.sp-list{display:grid;gap:12px}.support-ui .sp-row{display:block;min-width:0;text-align:left;width:100%;border:1px solid var(--sp-line);border-radius:8px;background:var(--sp-bg);color:var(--sp-text);padding:20px;cursor:pointer;font:inherit;line-height:1.6}.support-ui .sp-row:hover{border-color:var(--sp-blue);box-shadow:0 2px 10px #17304b12}.sp-row-top{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.sp-subject{display:block;font-size:18px;margin:9px 0;overflow-wrap:anywhere}.sp-row-meta{display:block;font-size:13px;color:var(--sp-muted)}.sp-row-link{display:block;font-size:14px;font-weight:700;margin-top:10px}.support-ui .sp-status{display:inline-block;border:1px solid var(--sp-line);border-radius:20px;padding:4px 11px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--sp-soft);color:var(--sp-text)}.sp-status-new{border-left:4px solid #2680ed!important}.sp-status-in_progress{border-left:4px solid #bd7a07!important}.sp-status-resolved{border-left:4px solid #188065!important}.sp-unread{color:var(--sp-text)}.sp-empty{text-align:center;padding:40px 20px;background:var(--sp-bg);border:1px dashed var(--sp-line);border-radius:8px}.sp-more,.sp-older{margin:18px 0}.sp-messages{display:grid;gap:12px;margin:20px 0}.sp-message{background:var(--sp-bg);border:1px solid var(--sp-line);border-radius:8px;overflow:hidden}.sp-message header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;background:var(--sp-soft);padding:12px 18px;border-bottom:1px solid var(--sp-line)}.sp-message time{font-size:12px;color:var(--sp-muted)}.sp-message p{padding:4px 18px;white-space:pre-wrap;overflow-wrap:anywhere}.sp-internal{border-left:4px solid #bd7a07}.sp-photo-buttons{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 16px}.sp-compose,.sp-manage{background:var(--sp-bg);border:1px solid var(--sp-line);border-radius:8px;padding:24px;margin:20px 0}.sp-compose>label,.sp-management>label,.sp-grid{margin-bottom:18px}.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-ui .sp-check{display:flex;align-items:center;gap:12px;min-height:44px;border:1px solid var(--sp-line);border-radius:6px;padding:12px;background:var(--sp-soft)}.sp-check input{width:20px;height:20px;flex:none;accent-color:var(--sp-blue)}.sp-manage summary{cursor:pointer;font-weight:700;min-height:44px;padding:8px 0}.sp-management{margin-top:16px}.support-ui .sp-upload{display:inline-flex;position:relative}.sp-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.sp-upload:focus-within{outline:3px solid var(--sp-blue);outline-offset:2px}.support-ui .sp-hint{font-size:12px;color:var(--sp-muted)}.sp-attachments{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.sp-photo-preview{position:relative}.sp-photo-preview img{width:120px;height:100px;object-fit:contain;border:1px solid var(--sp-line);border-radius:6px}.sp-photo-preview .sp-button{position:absolute;right:0;top:0;min-width:44px;padding:3px;font-size:26px}.support-ui .sp-error{padding:12px 16px;border:1px solid #b44141;border-radius:6px;color:var(--wca-error,#a92424);background:var(--sp-bg);font-size:14px}.sp-photo-dialog{padding:55px 12px 12px;border:0;border-radius:10px;width:min(95vw,1100px);max-width:95vw;max-height:95dvh;background:#fff;z-index:20000}.sp-photo-dialog::backdrop{background:#0b1b2be0}.sp-photo-dialog img{display:block;max-width:100%;max-height:calc(90dvh - 75px);object-fit:contain;margin:auto}.sp-photo-dialog button{position:absolute;top:7px;right:8px;width:44px;height:44px;font-size:30px;border:1px solid #afc4d9;border-radius:6px;background:#fff;color:#18374e;cursor:pointer}.sp-nav-badge{margin-left:6px!important;display:inline-flex!important;border-radius:12px;background:#2563d9;color:white;padding:0 7px;font-size:12px}.sp-nav-badge[hidden]{display:none!important}#supportWorkspace{margin:18px 0;min-width:0}#supportWorkspace[hidden]{display:none!important}@media(max-width:600px){.sp-intro{display:block}.sp-intro>.sp-button{margin-top:10px}.support-ui h3{font-size:21px}.support-ui .sp-intro,.support-ui .sp-ticket-heading,.sp-compose,.sp-manage{padding:18px}.sp-grid{grid-template-columns:1fr;gap:14px}.sp-search{flex-basis:100%}.support-ui .sp-row{padding:16px}.sp-subject{font-size:17px}.support-ui .sp-upload{flex-wrap:wrap}.sp-row-top{gap:8px}}