.sw-inbox,.sw-thread,.sw-customer{--sw-border:var(--ao-line,#dce1e7);--sw-muted:var(--ao-muted,#687282);--sw-surface:var(--ao-surface,#fff);--sw-ink:var(--ao-text,#18212f);min-width:0;color:var(--sw-ink)}[data-theme=dark] .sw-inbox,[data-theme=dark] .sw-thread,[data-theme=dark] .sw-customer{--sw-border:#354152;--sw-muted:#aab5c4;--sw-surface:#172131;--sw-ink:#edf2f8}.sw-inbox button,.sw-thread button,.sw-customer button{font:inherit;cursor:pointer;border:1px solid var(--sw-border);background:var(--sw-surface);min-height:42px;color:inherit;border-radius:10px;padding:9px 14px}.sw-inbox button:disabled,.sw-thread button:disabled,.sw-customer button:disabled{opacity:.5;cursor:default}.sw-inbox button:focus-visible,.sw-thread button:focus-visible,.sw-customer button:focus-visible{outline-offset:3px;outline:3px solid #a93038}.sw-inbox-toolbar,.sw-thread-head,.sw-request-title,.sw-request-meta,.sw-compose-tools,.sw-status-actions,.sw-pagination{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sw-inbox-toolbar,.sw-thread-head{justify-content:space-between;margin-bottom:20px}.sw-inbox-toolbar form{flex:1;gap:8px;max-width:650px;display:flex}.sw-inbox input:not([type=file]),.sw-compose textarea{border:1px solid var(--sw-border);background:var(--sw-surface);color:inherit;font:inherit;box-sizing:border-box;border-radius:10px;width:100%;min-width:0;padding:12px}.sw-inbox-toolbar h3{margin:0}.sw-views{flex-wrap:wrap;gap:8px;margin:12px 0 22px;display:flex}.sw-views button{align-items:center;gap:8px;display:flex}.sw-views button[aria-pressed=true]{border-color:var(--ao-copper-strong,#b84c24);background:var(--ao-copper-strong,#b84c24);color:#fff}.sw-views span{opacity:.85;font-size:.85em}.sw-request-list{gap:10px;display:grid}.sw-request-list .sw-request{text-align:left;gap:12px;width:100%;min-width:0;padding:18px 20px;display:grid}.sw-request-title strong{font-size:1.02rem}.sw-request-title time{color:var(--sw-muted);margin-left:auto;font-size:.8rem}.sw-preview{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.sw-request-meta{color:var(--sw-muted);font-size:.8rem}.sw-state,.sw-unread{background:color-mix(in srgb,var(--sw-muted) 12%,transparent);color:var(--sw-ink);border-radius:20px;padding:5px 10px;font-size:.78rem;line-height:1.3;display:inline-flex}.sw-unread{color:#fff;background:#a42a34}.sw-state[data-status=CLOSED]{background:#21845c24}.sw-thread{border:1px solid var(--sw-border);background:var(--sw-surface);border-radius:16px;padding:24px}.sw-thread-head .sw-back{color:#b32c37;border:0;padding-left:0;font-weight:650}.sw-thread-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sw-thread-title h3{margin:0}.sw-thread-title p{color:var(--sw-muted);flex-basis:100%;margin:0 0 16px;font-size:.9rem}.sw-messages{gap:14px;margin:0 0 24px;padding:0;list-style:none;display:grid}.sw-message{border:1px solid var(--sw-border);overflow-wrap:anywhere;border-radius:12px;max-width:90%;padding:16px}.sw-message[data-side=OWNER]{background:color-mix(in srgb,#a42a34 5%,var(--sw-surface));margin-left:auto}.sw-message>div,.sw-event>div{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sw-message time,.sw-event time{color:var(--sw-muted);font-size:.78rem}.sw-message p{white-space:pre-wrap;margin:10px 0 0;line-height:1.6}.sw-message a{color:inherit;overflow-wrap:anywhere;margin-top:12px;text-decoration:underline;display:block}.sw-event{color:var(--sw-muted);border-left:2px solid var(--sw-border);padding:10px 16px;font-size:.85rem}.sw-event p{margin:6px 0 0}.sw-compose{border-top:1px solid var(--sw-border);padding-top:20px}.sw-compose>label{gap:8px;font-weight:600;display:grid}.sw-compose-tools{margin-top:12px}.sw-compose-tools small,.sw-muted{color:var(--sw-muted);font-size:.85rem;line-height:1.5}.sw-compose-tools small{flex:1}.sw-primary{background:var(--ao-copper-strong,#b84c24)!important;border-color:var(--ao-copper-strong,#b84c24)!important;color:#fff!important;font-weight:600!important}.sw-file-label{flex-direction:column;gap:6px;max-width:100%;font-size:.85rem;display:flex}.sw-file-label input{max-width:100%;font:inherit}.sw-file{overflow-wrap:anywhere}.sw-status-actions{border-top:1px solid var(--sw-border);margin-top:24px;padding-top:16px}.sw-confirm{border:1px solid #a42a34;border-radius:10px;margin-bottom:16px;padding:16px}.sw-confirm button+button{margin-left:8px}.sw-error{color:#b42c37;line-height:1.6}.sw-empty{text-align:center;padding:40px 16px}.sw-empty p{color:var(--sw-muted)}.sw-pagination{justify-content:center;margin-top:24px}.sw-company-heading{overflow-wrap:anywhere;font-size:1.3rem}.sw-customer{border:1px solid var(--sw-border);background:var(--sw-surface);border-radius:16px;padding:20px}.sw-customer .sw-thread{border:0;padding:0}.sw-customer .support-compose{margin:16px 0}@media (max-width:600px){.sw-thread,.sw-customer,.sw-request-list .sw-request{padding:14px}.sw-message{max-width:100%}.sw-views{gap:6px}.sw-views button{padding:8px 10px;font-size:.8rem}.sw-request-title time{margin-left:0}.sw-inbox-toolbar form{flex-basis:100%}.sw-compose-tools{flex-direction:column;align-items:stretch}.sw-compose-tools .sw-primary{width:100%}.sw-thread-title h3{font-size:1.1rem}}@media (prefers-reduced-motion:no-preference){.sw-request,.sw-views button{transition:background-color .12s,border-color .12s}.sw-request:hover{border-color:#a42a34}}.sw-file-input{clip-path:inset(50%);position:absolute;overflow:hidden;width:1px!important;height:1px!important;min-height:0!important;padding:0!important}.sw-inbox-toolbar form button{white-space:nowrap;flex:none}.sw-request{font-weight:400}
