.support-inbox{--si-ink:var(--text,#163b32);--si-surface:var(--surface,#fff);--si-soft:var(--bg,#f7f8f2);--si-line:var(--border,#dfe6db);--si-muted:var(--muted,#687970);color:var(--si-ink)}.support-inbox *{box-sizing:border-box}.support-inbox [hidden]{display:none!important}.support-inbox button{font:inherit;cursor:pointer}.support-inbox button:disabled{opacity:.55;cursor:wait}.support-inbox :is(button,input,select,textarea):focus-visible{outline:3px solid #98b26c;outline-offset:3px}.support-inbox-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.support-inbox-heading h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:7px 0 9px}.support-inbox-heading p{font-size:13px;color:var(--si-muted);margin:0;line-height:1.75}.support-inbox-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--si-muted)}.support-inbox-count{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#163b32;font-size:12px;background:#eaf1df;border:1px solid #dce7ce;padding:11px 16px;border-radius:13px}.support-inbox-count strong{font-size:23px;line-height:1}.support-inbox-settings{margin-bottom:22px;border:1px solid var(--si-line);background:var(--si-surface);border-radius:16px}.support-inbox-settings summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;font-size:13px;font-weight:650}.support-inbox-settings summary::-webkit-details-marker{display:none}.support-inbox-settings summary span{font-size:11px;color:var(--si-muted);font-weight:400}.support-inbox-settings summary:after{content:'+';font-size:20px;font-weight:400}.support-inbox-settings[open] summary:after{content:'−'}.support-inbox-settings form{border-top:1px solid var(--si-line);padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-inbox-settings label{font-size:12px;font-weight:600;display:block;margin-bottom:7px}.support-inbox-settings input[type=checkbox]{accent-color:#315c43;width:18px;height:18px;flex:none}.support-inbox-switch{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;cursor:pointer}.support-inbox-switch span{display:flex;flex-direction:column;gap:4px}.support-inbox-switch small{font-size:11px;line-height:1.6;color:var(--si-muted);font-weight:400}.support-inbox-settings textarea{width:100%;min-height:90px;resize:vertical;border:1px solid var(--si-line);border-radius:10px;padding:11px;background:var(--si-soft);color:var(--si-ink);font:inherit;font-size:13px}.support-inbox-settings-actions{grid-column:1/-1;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.support-inbox-settings-actions p{margin:0;font-size:12px;color:var(--si-muted)}.support-inbox-notice{border-radius:12px;padding:13px 16px;background:#fff1eb;border:1px solid #e8d4c9;color:#8c3d2b;font-size:13px;margin-bottom:18px;display:flex;gap:15px;justify-content:space-between;align-items:center}.support-inbox-notice button{white-space:nowrap}.support-inbox-layout{display:grid;grid-template-columns:300px minmax(0,1fr);height:min(730px,calc(100dvh - 260px));min-height:500px;border:1px solid var(--si-line);border-radius:20px;overflow:hidden;background:var(--si-surface)}.support-inbox-sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--si-line);background:var(--si-surface)}.support-inbox-toolbar{padding:17px;border-bottom:1px solid var(--si-line)}.support-inbox-tabs{display:flex;gap:4px;padding:4px;background:var(--si-soft);border-radius:10px;margin-bottom:13px}.support-inbox-tabs button{flex:1;min-height:35px;padding:7px 5px;border:0;background:transparent;font-size:11px;border-radius:7px;color:var(--si-muted)}.support-inbox-tabs button[aria-pressed=true]{background:var(--si-surface);color:var(--si-ink);font-weight:650;box-shadow:0 2px 7px #163b3209}.support-inbox-search{display:flex;gap:7px}.support-inbox-search input{font:inherit;font-size:12px;width:100%;min-width:0;min-height:39px;border:1px solid var(--si-line);border-radius:9px;padding:9px 11px;background:var(--si-surface);color:var(--si-ink)}.support-inbox-search button{width:40px;border:1px solid var(--si-line);background:var(--si-soft);border-radius:9px;flex:none;color:var(--si-ink)}.support-inbox-list{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin}.support-inbox-conversation{display:flex;gap:11px;padding:18px 16px;width:100%;text-align:left;position:relative;background:transparent;border:0;border-bottom:1px solid var(--si-line);color:var(--si-ink)}.support-inbox-conversation:hover{background:var(--si-soft)}.support-inbox-conversation[aria-current=true]{background:#eef4e6;box-shadow:inset 3px 0 #5b7841;color:#163b32}.support-inbox-avatar{display:grid;place-items:center;width:37px;height:37px;flex:none;border:1px solid var(--si-line);background:var(--si-soft);color:var(--si-ink);border-radius:13px;font-size:12px;font-weight:650}.support-inbox-item-content{min-width:0;flex:1}.support-inbox-item-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.support-inbox-item-heading strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-inbox-item-heading time{font-size:9px;flex:none;color:var(--si-muted)}.support-inbox-item-content p{font-size:11px;color:var(--si-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 7px}.support-inbox-item-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--si-muted);gap:7px}.support-inbox-item-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-inbox-badge{display:grid;place-items:center;min-width:18px;height:18px;border-radius:6px;padding:0 4px;background:#163b32;color:#fff;font-size:9px}.support-inbox-pagination{border-top:1px solid var(--si-line);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:6px;font-size:10px;color:var(--si-muted)}.support-inbox-pagination button{background:var(--si-soft);border:1px solid var(--si-line);border-radius:7px;width:32px;height:31px;color:var(--si-ink)}.support-inbox-thread{display:flex;flex-direction:column;min-height:0;min-width:0}.support-inbox-thread-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--si-line);background:var(--si-surface)}.support-inbox-thread-heading h2{font-size:16px;letter-spacing:-.3px;margin:0 0 4px;line-height:1.4}.support-inbox-thread-heading p{margin:0;color:var(--si-muted);font-size:11px;overflow-wrap:anywhere}.support-inbox-thread-actions{display:flex;gap:8px;align-items:center;flex:none}.support-inbox-status{font-size:10px;padding:4px 8px;background:#ebf1e3;color:#46652d;border-radius:6px}.support-inbox-status.is-closed{background:var(--si-soft);color:var(--si-muted)}.support-inbox-message-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 25px;background:var(--si-soft);scrollbar-width:thin}.support-inbox-message{width:fit-content;max-width:85%;margin-bottom:20px}.support-inbox-message.is-admin{margin-left:auto}.support-inbox-message p{margin:0;padding:13px 16px;border:1px solid var(--si-line);border-radius:15px 15px 15px 4px;background:var(--si-surface);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.support-inbox-message.is-admin p{background:#163b32;color:white;border-color:#163b32;border-radius:15px 15px 4px 15px}.support-inbox-message small{display:block;padding:5px 3px 0;color:var(--si-muted);font-size:10px}.support-inbox-message.is-admin small{text-align:right}.support-inbox-reply{padding:17px 22px 18px;border-top:1px solid var(--si-line);background:var(--si-surface)}.support-inbox-reply label{display:block;font-size:11px;font-weight:650;margin-bottom:9px}.support-inbox-compose-box{border:1px solid var(--si-line);border-radius:12px;padding:12px 14px;background:var(--si-surface)}.support-inbox-compose-box:focus-within{border-color:#8ca767;box-shadow:0 0 0 3px #ceef832c}.support-inbox-compose-box textarea{display:block;width:100%;resize:vertical;min-height:52px;max-height:150px;padding:0;border:0;background:transparent;font:inherit;font-size:13px;line-height:1.6;color:var(--si-ink);outline:none}.support-inbox-compose-box textarea:focus-visible{outline:none}.support-inbox-compose-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.support-inbox-compose-tools span{font-size:10px;color:var(--si-muted)}.support-inbox-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border:1px solid var(--si-line);border-radius:9px;background:var(--si-surface);color:var(--si-ink);font-size:11px!important;font-weight:600!important}.support-inbox-button.is-primary{background:#163b32;color:#fff;border-color:#163b32}.support-inbox-button.is-lime{background:#ceef83;color:#163b32;border-color:#bcd979}.support-inbox-empty{display:flex;flex:1;min-height:220px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 24px;color:var(--si-muted)}.support-inbox-empty>span{display:grid;place-items:center;width:65px;height:65px;border-radius:22px;border:1px solid var(--si-line);background:var(--si-soft);color:#75905d;margin-bottom:18px}.support-inbox-empty h2{color:var(--si-ink);font-size:20px;letter-spacing:-.5px;line-height:1.4;margin:0 0 8px}.support-inbox-empty p{font-size:12px;line-height:1.8;max-width:320px;margin:0}.support-inbox-sidebar .support-inbox-empty{min-height:160px;padding:24px 18px}.support-inbox-sidebar .support-inbox-empty h2{font-size:15px}.support-inbox-sidebar .support-inbox-empty p{font-size:11px}.support-inbox-thread-error{margin:0;padding:10px 22px;background:#fff0e9;color:#943d29;font-size:12px}.support-inbox-back{display:none}.support-inbox-closed-note{margin:0;padding:18px 22px;border-top:1px solid var(--si-line);font-size:12px;color:var(--si-muted)}.support-inbox-more{margin:0 auto 15px;display:block}.support-inbox-loading{padding:20px;color:var(--si-muted);font-size:12px}.support-inbox-settings-status.is-error{color:#a44732}.support-inbox-settings-status.is-success{color:#4b7338}
html[data-theme=dark] .support-inbox-conversation[aria-current=true]{background:#203a2d;color:#e7f0df}html[data-theme=dark] .support-inbox-notice,html[data-theme=dark] .support-inbox-thread-error{background:#422c24;color:#f3c7b4}html[data-theme=dark] .support-inbox-settings-status.is-error{color:#f3b39d}html[data-theme=dark] .support-inbox-settings-status.is-success{color:#b9d992}
@media(max-width:1000px){.support-inbox-layout{grid-template-columns:260px minmax(0,1fr)}.support-inbox-thread-heading{padding:16px}.support-inbox-thread-actions{flex-direction:column;align-items:flex-end}.support-inbox-message-list{padding:20px 16px}}
@media(max-width:700px){.support-inbox-heading{gap:12px;margin-bottom:18px}.support-inbox-heading h1{font-size:25px}.support-inbox-heading p{font-size:12px}.support-inbox-count{flex-direction:column;align-items:flex-start;gap:4px;font-size:10px;padding:10px 12px}.support-inbox-settings summary{padding:14px}.support-inbox-settings summary span{display:none}.support-inbox-settings form{grid-template-columns:1fr;padding:16px;gap:18px}.support-inbox-settings-actions{grid-column:auto}.support-inbox-layout{display:flex;min-height:540px;height:calc(100dvh - 180px);max-height:760px;border-radius:15px}.support-inbox-sidebar{width:100%;border:0}.support-inbox-thread{display:none;width:100%}.support-inbox-layout.has-selection .support-inbox-sidebar{display:none}.support-inbox-layout.has-selection .support-inbox-thread{display:flex}.support-inbox-back{display:grid;place-items:center;flex:none;width:34px;height:36px;padding:0}.support-inbox-thread-heading{padding:14px 12px;gap:9px}.support-inbox-thread-heading h2{font-size:14px}.support-inbox-thread-heading p{font-size:10px}.support-inbox-thread-heading>div:first-of-type{flex:1;min-width:0}.support-inbox-thread-actions{gap:5px}.support-inbox-thread-actions button{padding:7px 9px;font-size:10px!important}.support-inbox-status{font-size:9px}.support-inbox-reply{padding:13px}.support-inbox-compose-box textarea,.support-inbox-settings textarea,.support-inbox-search input{font-size:16px}.support-inbox-compose-tools span{font-size:9px}.support-inbox-message{max-width:92%}.support-inbox-notice{flex-wrap:wrap;font-size:12px}}