body.sc-support-theme,
body.sc-login-screen {
    --sc-ink: #30253f;
    --sc-muted: #746a84;
    --sc-primary: #7457d8;
    --sc-primary-deep: #5d3fbd;
    --sc-lavender: #eee8fc;
    --sc-lavender-strong: #e3d8fa;
    --sc-line: #e7dff0;
    --sc-canvas: #f8f6fc;
    --sc-shadow: 0 8px 28px #4933650c, 0 1px 2px #49336505;
    --sc-surface: #fff;
    --sc-surface-soft: #fbf8ff;
    --ink: var(--sc-ink);
    --text: var(--sc-ink);
    --muted: var(--sc-muted);
    --canvas: var(--sc-canvas);
    --line: var(--sc-line);
    color: var(--sc-ink);
    background: radial-gradient(ellipse at 85% 0%, #eee6fc70, transparent 45%), var(--sc-canvas);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}
body.support-center.sc-support-theme .app-workspace { min-height: calc(100vh - 138px); }
body.support-center.sc-support-theme .main-content { max-width: 1376px; padding: 30px 40px 0; }
body.support-center.sc-support-theme .support-header { background: var(--sc-surface); border-bottom: 0; }
body.support-center.sc-support-theme .support-header-inner { max-width: 1456px; min-height: 88px; padding: 18px 40px; gap: 26px; }
body.support-center.sc-support-theme .support-header .brand-logo { width: 154px!important; }
body.support-center.sc-support-theme .support-header .brand-logo img { width: 154px!important; height: 36px!important; }
body.support-center.sc-support-theme .support-header-divider { height: 34px; background: var(--sc-line); }
body.sc-support-theme .sc-header-title { display: flex; flex-direction: column; gap: 5px; }
body.support-center.sc-support-theme .support-center-name { font-size: 14px; font-weight: 700; color: var(--sc-ink); }
body.sc-support-theme .sc-header-title>span:last-child { font-size: 12px; color: var(--sc-muted); }
body.support-center.sc-support-theme .support-account { gap: 12px; }
body.support-center.sc-support-theme .support-account-email { font-size: 13px; color: #6e627d; max-width: 240px; text-overflow: ellipsis; overflow: hidden; }
body.sc-support-theme .sc-account-avatar { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #e5dbf1; border-radius: 50%; background: #f2ecfc; color: #7b62a0; }
body.sc-support-theme .sc-account-avatar .icon { width: 17px; height: 17px; }
body.support-center.sc-support-theme .support-account .icon-button { border: 1px solid var(--sc-line); border-radius: 10px; width: 34px; height: 34px; color: #7a6a8f; }
body.support-center.sc-support-theme .support-nav-wrap { background: var(--sc-surface); border-bottom: 1px solid var(--sc-line); box-shadow: 0 3px 12px #49336503; }
body.support-center.sc-support-theme .support-nav { max-width: 1376px; min-height: 60px; padding: 8px 40px 12px; gap: 8px; }
body.support-center.sc-support-theme .support-nav-link { align-self: auto; border: 0; min-height: 38px; padding: 10px 15px; border-radius: 10px; font-size: 13px; font-weight: 600; color: #786b89; gap: 8px; white-space: nowrap; transition: background .15s, color .15s; }
body.support-center.sc-support-theme .support-nav-link.active { color: var(--sc-primary-deep); background: var(--sc-lavender); box-shadow: inset 0 0 0 1px #e2d7f7; }
body.support-center.sc-support-theme .support-nav-link:hover { color: var(--sc-primary); background: #f6f4fd; }
body.support-center.sc-support-theme .support-nav-note { display: inline-flex; align-items: center; gap: 7px; color: var(--sc-muted); font-size: 12px; }
body.support-center.sc-support-theme .support-nav-note .icon { width: 14px; height: 14px; }
body.support-center.sc-support-theme .button,
body.sc-login-screen .button { border-radius: 11px; min-height: 43px; font-size: 13px; font-weight: 600; gap: 8px; transition: background .16s, box-shadow .16s, transform .16s; }
body.support-center.sc-support-theme .button .icon { width: 17px; height: 17px; }
body.support-center.sc-support-theme .button-primary,
body.sc-login-screen .button-primary { color: #fff; border: 1px solid var(--sc-primary); background: linear-gradient(135deg, #8163e2, #6d4dce); box-shadow: 0 4px 9px #7457d826, inset 0 1px 0 #ffffff20; }
body.support-center.sc-support-theme .button-primary:hover,
body.sc-login-screen .button-primary:hover { background: var(--sc-primary-deep); border-color: var(--sc-primary-deep); box-shadow: 0 5px 15px #7457d834; }
body.support-center.sc-support-theme .button-secondary,
body.sc-login-screen .button-secondary { border-color: #e5dcee; background: #fff; color: #665477; box-shadow: 0 2px 3px #49336505; }
body.support-center.sc-support-theme .button-secondary:hover,
body.sc-login-screen .button-secondary:hover { background: #f6f1fd; border-color: #d7c6ef; color: var(--sc-primary-deep); }
body.support-center.sc-support-theme .button-small { font-size: 12px; min-height: 37px; padding: 9px 13px; }
body.support-center.sc-support-theme :is(a,button,input,textarea,select):focus-visible,
body.sc-login-screen :is(a,button,input,textarea,select):focus-visible { outline: 3px solid #9987f0; outline-offset: 3px; }
body.support-center.sc-support-theme .customer-preview-banner { padding: 10px 14px; margin-bottom: 25px; border-radius: 11px; background: #fcf9ed; border-color: #e9e3cb; gap: 11px; }
body.support-center.sc-support-theme .customer-preview-symbol { width: 27px; height: 27px; background: #eee9d5; border-radius: 8px; }
body.support-center.sc-support-theme .customer-preview-copy>strong { font-size: 11px; color: #756543; }
body.support-center.sc-support-theme .customer-preview-copy small { font-size: 11px; color: var(--sc-muted); }
body.support-center.sc-support-theme .customer-preview-banner .button { min-height: 29px; font-size: 11px; padding: 6px 10px; border-color: #e5ddc6; background: #fffdf7; }
body.support-center.sc-support-theme .support-kicker,
body.sc-support-theme .sc-eyebrow { color: #876ba6; font-size: 11px; font-weight: 700; line-height: 1.6; letter-spacing: 1.6px; }
body.sc-support-theme .support-kicker:has(>.icon) { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid #e6d9f5; border-radius: 8px; background: #f2ebfc; letter-spacing: 1.15px; color: #7a579f; }
body.sc-support-theme .support-kicker>.icon,
body.sc-support-theme .sc-eyebrow>.icon { width: 13px; height: 13px; flex-shrink: 0; }
body.support-center.sc-support-theme .badge { display: inline-flex; align-items: center; gap: 5px; border-radius: 7px; padding: 7px 10px; font-size: 11px; font-weight: 650; background: #f1ecf8; color: #79678c; }
body.support-center.sc-support-theme .status-open { background: #eee8fc; color: #7052be; }
body.support-center.sc-support-theme .status-in_progress { background: #edf0ff; color: #5666a5; }
body.support-center.sc-support-theme .status-waiting_customer { background: #fff1d9; color: #986c22; }
body.support-center.sc-support-theme .status-resolved { background: #edf4f1; color: #4d7766; }
body.support-center.sc-support-theme .status-closed { background: #f0ecf7; color: #7e6b92; }
body.support-center.sc-support-theme .page-footer { margin-top: 35px; padding: 23px 0 27px; color: var(--sc-muted); border-color: #e7dff0; font-size: 11px; }
body.support-center.sc-support-theme .page-footer .brand-links { color: var(--sc-muted); font-size: 11px; }
body.sc-support-theme .page-footer .brand-links a,
body.sc-login-screen .brand-links a { color: #8a759e; gap: 5px; }
body.sc-support-theme .page-footer .brand-links a:hover,
body.sc-login-screen .brand-links a:hover { color: var(--sc-primary-deep); }
body.sc-support-theme .page-footer .brand-company { color: #8d7d9b; }
body.sc-support-theme .sc-footer-identity,
body.sc-support-theme .sc-footer-sandbox { display: inline-flex; align-items: center; gap: 7px; line-height: 1.7; }
body.sc-support-theme .sc-footer-identity { color: #7d6a91; font-weight: 550; }
body.sc-support-theme .sc-footer-identity>.icon { width: 13px; height: 13px; color: #9573bb; }
body.sc-support-theme .page-footer .small-dot { flex-shrink: 0; background: #b29ad0; }
body.support-center.sc-support-theme .flash { border-radius: 12px; font-size: 13px; }
body.sc-support-theme .flash-success,
body.sc-login-screen .flash-success { border-color: #e1d3f2; background: #f1eafb; color: #755292; }
body.sc-support-theme .flash-success>.icon,
body.sc-login-screen .flash-success>.icon { color: #9470b8; }

/* Shared notification controls load after this theme; keep the customer palette consistent. */
body.sc-support-theme .support-sound-toggle { border-color: #e3d8ef; color: #8b739e; background: #fbf8ff; border-radius: 9px; }
body.sc-support-theme .support-sound-toggle:hover { background: #f0e8fb; border-color: #cfb9e8; color: #79559f; }
body.sc-support-theme .support-sound-toggle[data-sound-state="on"] { background: #eee4fb; border-color: #dbc8ef; color: #8057a6; }
body.sc-support-theme .support-sound-toggle[data-sound-state="muted"] { background: #f9f6fc; border-color: #e8e0f0; color: #93829f; }
body.sc-support-theme .support-sound-toggle[data-sound-state="blocked"] { background: #f2ebfc; border-color: #e2d5f3; color: #8a68ab; }

/* Ticket overview */
body.sc-support-theme .sc-ticket-overview { display: grid; grid-template-columns: 1.2fr 1fr; gap: 44px; align-items: center; margin: 12px 0 40px; }
body.sc-support-theme .sc-overview-heading h1 { margin-top: 13px; font-size: clamp(32px, 3.2vw, 44px); line-height: 1.15; letter-spacing: -1.8px; font-weight: 650; color: var(--sc-ink); }
body.sc-support-theme .sc-overview-heading>p:last-of-type { margin-top: 17px; font-size: 14px; color: var(--sc-muted); line-height: 1.85; }
body.sc-support-theme .sc-overview-stats { display: flex; gap: 28px; margin-top: 27px; }
body.sc-support-theme .sc-overview-stat { display: flex; align-items: center; gap: 11px; }
body.sc-support-theme .sc-stat-symbol { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid #e1d5f7; border-radius: 13px; background: #f0e9fc; color: var(--sc-primary); }
body.sc-support-theme .sc-stat-symbol-solved { background: #f0ebfa; border-color: #e4d9f2; color: var(--sc-muted); }
body.sc-support-theme .sc-stat-symbol .icon { width: 21px; height: 21px; }
body.sc-support-theme .sc-overview-stat strong { display: block; font-size: 23px; font-weight: 650; letter-spacing: -.6px; }
body.sc-support-theme .sc-overview-stat div>span { display: block; font-size: 12px; color: var(--sc-muted); margin-top: 3px; }
body.sc-support-theme .sc-overview-aside { display: flex; align-items: center; position: relative; min-height: 236px; background: linear-gradient(125deg, #f5effd, #eee5fa); border: 1px solid #e4d7f3; border-radius: 22px; padding: 26px 28px 26px 14px; overflow: hidden; box-shadow: inset 0 1px 0 #ffffffb0, 0 4px 16px #6c478508; }
body.sc-support-theme .sc-overview-aside:after { content: ""; position: absolute; width: 190px; height: 190px; border-radius: 50%; background: #e7ddf6; right: -90px; top: -85px; pointer-events: none; }
body.sc-support-theme .sc-overview-art { width: 45%; flex-shrink: 0; margin-left: -13px; }
body.sc-support-theme .sc-overview-art img { display: block; width: 100%; height: auto; }
body.sc-support-theme .sc-overview-help { position: relative; z-index: 1; padding-left: 4px; }
body.sc-support-theme .sc-help-eyebrow { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; letter-spacing: 1.1px; color: #9575ad; line-height: 1.8; font-weight: 700; }
body.sc-support-theme .sc-help-eyebrow>.icon { width: 13px; height: 13px; flex-shrink: 0; }
body.sc-support-theme .sc-overview-help h2 { color: #503868; margin-top: 9px; font-size: 21px; letter-spacing: -.6px; line-height: 1.4; }
body.sc-support-theme .sc-overview-help p { color: var(--sc-muted); font-size: 12px; line-height: 1.9; margin: 10px 0 18px; }
body.support-center.sc-support-theme .sc-overview-help .button { font-size: 12px; padding: 10px 13px; min-height: 39px; }
body.sc-support-theme .sc-overview-help .button>.icon:last-child { margin-left: 6px; }
body.sc-support-theme .sc-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 17px; }
body.sc-support-theme .sc-section-heading h2 { font-size: 23px; letter-spacing: -.7px; color: var(--sc-ink); margin-top: 6px; display: flex; align-items: center; gap: 10px; }
body.sc-support-theme .sc-section-heading h2>span { display: inline-grid; place-items: center; font-size: 12px; background: #f0eaf8; border: 1px solid #e6dcf0; color: var(--sc-muted); border-radius: 7px; min-width: 24px; height: 24px; }
body.sc-support-theme .sc-section-heading>p { display: inline-flex; align-items: center; gap: 5px; color: #857291; font-size: 12px; align-self: flex-end; padding-bottom: 2px; }
body.sc-support-theme .sc-section-heading>p>.icon { width: 12px; height: 12px; flex-shrink: 0; }
body.support-center.sc-support-theme .sc-ticket-panel { border: 1px solid var(--sc-line); border-radius: 18px; overflow: hidden; box-shadow: var(--sc-shadow); background: #fff; }
body.support-center.sc-support-theme .support-list-toolbar { background: #fff; padding: 13px 22px; min-height: 70px; border-color: var(--sc-line); }
body.support-center.sc-support-theme .support-ticket-tabs { gap: 4px; border-radius: 10px; background: #f6f2fc; padding: 4px; }
body.support-center.sc-support-theme .support-ticket-tabs a { border: 0; color: var(--sc-muted); min-height: 34px; padding: 9px 14px; border-radius: 7px; font-size: 12px; gap: 8px; }
body.support-center.sc-support-theme .support-ticket-tabs a>.icon { width: 14px; height: 14px; }
body.support-center.sc-support-theme .support-ticket-tabs a.active { background: #fff; color: #5e4382; box-shadow: 0 1px 5px #49336510; }
body.support-center.sc-support-theme .support-ticket-tabs a span { border-radius: 5px; font-size: 10px; min-width: 19px; padding: 2px 5px; color: #78638d; background: #eee7f8; }
body.support-center.sc-support-theme .support-ticket-cap { color: var(--sc-muted); font-size: 11px; }
body.support-center.sc-support-theme .cap-dots i { background: #e6def1; width: 6px; height: 6px; }
body.support-center.sc-support-theme .cap-dots i.filled { background: #987cda; }
body.support-center.sc-support-theme .sc-ticket-list-row { gap: 18px; padding: 25px 26px; border-color: #f0eaf7; transition: background .15s, box-shadow .15s; }
body.support-center.sc-support-theme .sc-ticket-list-row:hover { background: #fbf7ff; box-shadow: inset 3px 0 0 #b89bdf; }
body.support-center.sc-support-theme .support-ticket-mark { width: 48px; height: 48px; border-radius: 14px; color: var(--sc-primary); background: #f1edfc; border: 1px solid #e8e1fa; }
body.support-center.sc-support-theme .support-ticket-mark .icon { width: 23px; height: 23px; }
body.support-center.sc-support-theme .support-ticket-mark.needs-reply { color: #ab7c34; background: #fcf3df; border-color: #f1e4c4; }
body.support-center.sc-support-theme .support-ticket-meta { font-size: 11px; color: var(--sc-muted); letter-spacing: .1px; }
body.support-center.sc-support-theme .support-ticket-meta>span:first-child { color: #6f5bb1; font-weight: 600; }
body.support-center.sc-support-theme .support-ticket-copy h2 { color: #3b2e4d; font-size: 15px; line-height: 1.5; letter-spacing: -.3px; margin-top: 6px; }
body.support-center.sc-support-theme .support-ticket-copy>p { font-size: 13px; margin-top: 6px; line-height: 1.7; color: var(--sc-muted); }
body.sc-support-theme .sc-ticket-latest-author { color: #665571; font-weight: 600; }
body.sc-support-theme .sc-ticket-row-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; color: var(--sc-muted); font-size: 11px; margin-top: 10px; }
body.sc-support-theme .sc-ticket-row-meta>.icon { width: 12px; height: 12px; }
body.sc-support-theme .sc-ticket-email-source { display: inline-flex; align-items: center; gap: 4px; margin-left: 9px; color: #76608f; }
body.sc-support-theme .sc-ticket-email-source .icon { width: 12px; height: 12px; }
body.sc-support-theme .sc-ticket-action-hint { font-size: 11px; color: var(--sc-muted); margin-top: 8px; }
body.support-center.sc-support-theme .support-ticket-state { min-width: 100px; gap: 7px; }
body.support-center.sc-support-theme .support-row-chevron { color: var(--sc-muted); width: 16px; height: 16px; }
body.support-center.sc-support-theme .support-list-footer { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; padding: 17px 25px; border-color: #ebe3f3; background: #fcfaff; color: var(--sc-muted); font-size: 11px; }
body.support-center.sc-support-theme .support-list-footer>.icon { color: var(--sc-muted); }
body.sc-support-theme .sc-private-note { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; }
body.sc-support-theme .sc-private-note .icon { width: 12px; height: 12px; }
body.support-center.sc-support-theme .sc-ticket-empty { padding: 55px 30px; }
body.support-center.sc-support-theme .support-empty-symbol { background: #f0ecfc; color: var(--sc-primary); border-color: #e5def8; border-radius: 20px; width: 69px; height: 69px; }
body.sc-support-theme .sc-empty-eyebrow { display: block; margin: 22px 0 8px; font-size: 10px; letter-spacing: 1.7px; color: #76608f; }
body.support-center.sc-support-theme .support-empty h2 { color: var(--sc-ink); font-size: 24px; letter-spacing: -.7px; }
body.support-center.sc-support-theme .support-empty p { max-width: 350px; color: var(--sc-muted); font-size: 13px; margin: 12px auto 23px; line-height: 1.9; }

/* Conversation workspace */
body.support-center.sc-support-theme .sc-ticket-breadcrumb { margin: 3px 0 25px; }
body.support-center.sc-support-theme .sc-ticket-breadcrumb .back-link { margin: 0; font-size: 12px; color: var(--sc-muted); gap: 7px; }
body.sc-support-theme .sc-ticket-breadcrumb>span { display: flex; align-items: center; gap: 6px; color: var(--sc-muted); font-size: 11px; }
body.sc-support-theme .sc-ticket-breadcrumb>span .icon { width: 13px; height: 13px; }
body.support-center.sc-support-theme .sc-ticket-heading { margin-bottom: 25px; align-items: center; gap: 24px; }
body.support-center.sc-support-theme .sc-ticket-heading h1 { font-size: clamp(25px, 2.4vw, 34px); font-weight: 650; letter-spacing: -1.2px; color: var(--sc-ink); line-height: 1.3; margin-top: 7px; overflow-wrap: anywhere; }
body.sc-support-theme .sc-ticket-heading>div>p { font-size: 13px; color: var(--sc-muted); margin-top: 9px; }
body.support-center.sc-support-theme .support-thread-actions { gap: 12px; flex-shrink: 0; }
body.sc-support-theme .sc-ticket-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 288px; align-items: start; gap: 23px; }
body.support-center.sc-support-theme .sc-chat-card { background: #fff; border-radius: 19px; border: 1px solid #e6ddef; box-shadow: var(--sc-shadow); overflow: hidden; min-width: 0; }
body.support-center.sc-support-theme .sc-chat-header { padding: 22px 25px; background: linear-gradient(110deg, #fff, #fcf9ff); border-color: #eee6f5; gap: 15px; }
body.sc-support-theme .sc-chat-team { display: flex; align-items: center; gap: 12px; min-width: 0; }
body.sc-support-theme .sc-chat-team-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 14px; background: #f0e9fc; color: #8263ad; border: 1px solid #e3d6f5; flex-shrink: 0; }
body.sc-support-theme .sc-chat-team-icon .icon { width: 23px; height: 23px; }
body.support-center.sc-support-theme .sc-chat-header h2 { color: #48335f; font-size: 14px; letter-spacing: -.2px; line-height: 1.4; }
body.support-center.sc-support-theme .sc-chat-header p { font-size: 11px; color: var(--sc-muted); margin-top: 5px; }
body.sc-support-theme .sc-chat-header-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 9px; flex-shrink: 0; }
body.support-center.sc-support-theme .support-conversation-private { color: var(--sc-muted); font-size: 10px; }
body.sc-support-theme .sc-latest-button { display: inline-flex; align-items: center; gap: 4px; border: 0; background: #f4effb; border-radius: 6px; padding: 5px 8px; color: var(--sc-muted); font-size: 10px; }
body.sc-support-theme .sc-latest-button .icon { width: 12px; height: 12px; }
body.sc-support-theme .sc-latest-button:hover { background: #ebe2f8; color: #6e4e94; }
body.support-center.sc-support-theme .sc-thread-notice { background: #f5effc; color: var(--sc-muted); font-size: 12px; line-height: 1.7; border-color: #e7dbf4; padding: 12px 24px; }
body.support-center.sc-support-theme .sc-thread-notice.is-closed { background: #f4effb; color: var(--sc-muted); border-color: #e5d8f2; }
body.support-center.sc-support-theme .support-conversation.sc-chat-history { height: 520px; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #d7c8e9 #fcfaff; display: flex; flex-direction: column; gap: 23px; padding: 25px 27px; background-color: #fcfaff; background-image: radial-gradient(#eae1f4 0.7px, transparent 0.7px); background-size: 17px 17px; scroll-behavior: auto; }
body.sc-support-theme .sc-chat-history>* { flex-shrink: 0; }
body.sc-support-theme .sc-chat-history-start { display: flex; align-items: center; justify-content: center; gap: 9px; flex-wrap: wrap; text-align: center; color: var(--sc-muted); font-size: 10px; margin: 1px 0 4px; }
body.sc-support-theme .sc-chat-history-start>span { display: inline-flex; align-items: center; gap: 4px; }
body.sc-support-theme .sc-chat-history-start .icon { width: 12px; height: 12px; }
body.sc-support-theme .sc-chat-history-start time { color: var(--sc-muted); }
body.support-center.sc-support-theme .support-conversation .portal-message { max-width: 560px; width: 83%; margin: 0; }
body.support-center.sc-support-theme .portal-message .message-header { gap: 8px; margin-bottom: 8px; flex-wrap: nowrap; }
body.support-center.sc-support-theme .portal-message .message-header .avatar { width: 27px; height: 27px; box-shadow: none; border-radius: 9px; border: 1px solid #e1d5ef; background: #eee6fa; color: #8b70b0; }
body.support-center.sc-support-theme .portal-message .message-role-avatar .icon { width: 15px; height: 15px; }
body.support-center.sc-support-theme .portal-message.is-customer .message-header .avatar { background: #e7e1fa; color: #7958b4; border-color: #d9d0ef; }
body.support-center.sc-support-theme .portal-message .message-header strong { color: #665079; font-size: 12px; font-weight: 650; }
body.support-center.sc-support-theme .portal-message.is-customer .message-header strong { color: #76608f; }
body.support-center.sc-support-theme .portal-message .message-header small { display: none; }
body.support-center.sc-support-theme .portal-message .message-header time { color: var(--sc-muted); font-size: 10px; flex-basis: auto; text-align: initial; margin: 0 0 0 auto; }
body.support-center.sc-support-theme .portal-message.is-customer .message-header time { margin: 0 auto 0 0; }
body.support-center.sc-support-theme .portal-message .message-content { border: 1px solid #e9e1f2; border-left-width: 1px; background: #fff; color: #5e4e6d; padding: 13px 16px; border-radius: 3px 13px 13px 13px; box-shadow: 0 2px 5px #49336505; }
body.support-center.sc-support-theme .portal-message.is-customer .message-content { border: 1px solid #e4d6f8; background: #eee6fc; color: #62458b; border-radius: 13px 3px 13px 13px; box-shadow: inset 0 1px 0 #ffffff40; }
body.support-center.sc-support-theme .support-conversation .portal-message .message-body { font-size: 14px; line-height: 1.85; color: inherit; padding: 0; margin: 0; background: transparent; border: 0; }
body.support-center.sc-support-theme .portal-message .message-channel { font-size: 10px; background: #f3eef9; color: var(--sc-muted); border: 1px solid #e7dbf2; border-radius: 5px; margin-bottom: 8px; padding: 3px 5px; }
body.support-center.sc-support-theme .portal-message.is-customer .message-channel { color: #76608f; background: #e5ddf5; border-color: #d9cdec; }
body.support-center.sc-support-theme .portal-message .message-channel .icon { width: 10px; height: 10px; }
body.support-center.sc-support-theme .portal-message .message-attachment-notice { color: var(--sc-muted); margin: 7px 0 0; font-size: 10px; line-height: 1.7; }
body.support-center.sc-support-theme .portal-message.is-customer .message-attachment-notice { padding-left: 0; }
body.support-center.sc-support-theme .portal-message .message-attachment-notice>.icon { width: 11px; height: 11px; }
body.support-center.sc-support-theme .portal-message .attachment-link { color: #7d6b9b; border-color: #e7e0f1; font-size: 11px; background: #faf8fe; }
body.support-center.sc-support-theme .portal-message .message-attachments { gap: 10px; }
body.support-center.sc-support-theme .message-attachment-card { width: min(100%, 360px); min-width: 0; margin: 0; border: 1px solid #e3d8ef; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 2px 7px #49336505; }
body.support-center.sc-support-theme .message-image-preview { position: relative; display: block; width: 100%; aspect-ratio: 4 / 3; background: #f5f1fa; }
body.support-center.sc-support-theme .message-image-preview img { position: absolute; inset: 8px; display: block; width: calc(100% - 16px); height: calc(100% - 16px); object-fit: contain; border-radius: 6px; }
body.support-center.sc-support-theme .message-image-preview:hover { background: #eee7f7; }
body.support-center.sc-support-theme .message-attachment-caption { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 11px 12px; border-top: 1px solid #eee6f5; }
body.support-center.sc-support-theme .message-attachment-card.is-file .message-attachment-caption { border-top: 0; }
body.support-center.sc-support-theme .message-attachment-details { flex: 1; min-width: 100px; }
body.support-center.sc-support-theme .message-attachment-details strong { display: block; color: #665079; font-size: 11px; font-weight: 600; line-height: 1.55; overflow-wrap: anywhere; }
body.support-center.sc-support-theme .message-attachment-details span { display: block; margin-top: 3px; color: var(--sc-muted); font-size: 10px; }
body.support-center.sc-support-theme .message-attachment-download { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 36px; padding: 8px 9px; border: 1px solid #e3d6f3; border-radius: 8px; background: #f5effc; color: #7955a4; font-size: 11px; font-weight: 600; white-space: nowrap; }
body.support-center.sc-support-theme .message-attachment-download:hover { background: #ebe1f8; border-color: #d4c0ec; }
body.support-center.sc-support-theme .message-attachment-download .icon { width: 15px; height: 15px; }
body.support-center.sc-support-theme .sc-conversation-event { border-color: #e4d7f0; background: #f5f0fb; border-radius: 11px; max-width: 94%; padding: 13px 16px; gap: 8px; box-shadow: none; }
body.support-center.sc-support-theme .sc-conversation-event .conversation-event-icon { width: 23px; height: 23px; background: #e9def6; color: var(--sc-muted); }
body.support-center.sc-support-theme .sc-conversation-event strong { font-size: 11px; color: var(--sc-muted); }
body.support-center.sc-support-theme .sc-conversation-event p { font-size: 11px; line-height: 1.8; color: var(--sc-muted); }
body.support-center.sc-support-theme .sc-conversation-event time { font-size: 10px; color: var(--sc-muted); }
body.support-center.sc-support-theme .sc-reply-composer { padding: 18px 24px 15px; background: #fff; border-top: 1px solid #e9e0f2; }
body.support-center.sc-support-theme .sc-reply-composer .composer-title { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--sc-muted); margin-bottom: 10px; }
body.support-center.sc-support-theme .sc-reply-composer .composer-title .icon { width: 13px; height: 13px; }
body.support-center.sc-support-theme .sc-reply-composer textarea { background: #fcfaff; border: 1px solid #e7def0; color: #5c496f; padding: 12px 14px; border-radius: 11px; font-size: 13px; line-height: 1.8; min-height: 80px; max-height: 200px; resize: vertical; width: 100%; }
body.support-center.sc-support-theme .sc-reply-composer textarea::placeholder { color: var(--sc-muted); }
body.support-center.sc-support-theme textarea:focus,
body.support-center.sc-support-theme input:focus,
body.support-center.sc-support-theme select:focus { border-color: #b29bdc; box-shadow: 0 0 0 3px #7457d812; }
body.sc-support-theme .sc-composer-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: 13px; }
body.support-center.sc-support-theme .sc-composer-toolbar .button { padding: 10px 13px; font-size: 12px; min-height: 37px; flex-shrink: 0; }
body.support-center.sc-support-theme .sc-composer-toolbar .button .icon { width: 14px; height: 14px; }
body.support-center.sc-support-theme .sc-composer-toolbar .file-field { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; margin: 0; }
body.support-center.sc-support-theme .sc-composer-toolbar .file-field label { color: var(--sc-muted); font-size: 11px; margin: 0; cursor: pointer; gap: 5px; }
body.support-center.sc-support-theme .sc-composer-toolbar .file-field label:hover { color: var(--sc-primary); }
body.support-center.sc-support-theme .sc-composer-toolbar .file-field label .icon { width: 14px; height: 14px; }
body.support-center.sc-support-theme .sc-composer-toolbar .file-field input { position: absolute; width: 1px; height: 1px; min-height: 0; margin: -1px; padding: 0; border: 0; clip-path: inset(50%); overflow: hidden; }
body.support-center.sc-support-theme .sc-composer-toolbar .file-field:focus-within label { outline: 2px solid var(--sc-primary); outline-offset: 4px; }
body.support-center.sc-support-theme .sc-composer-toolbar .file-field .form-hint { margin: 0; color: var(--sc-muted); font-size: 10px; overflow-wrap: anywhere; }
body.sc-support-theme .sc-composer-privacy { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 10px; color: var(--sc-muted); margin-top: 13px; }
body.sc-support-theme .sc-composer-privacy .icon { width: 10px; height: 10px; }
body.sc-support-theme .sc-ticket-sidebar { display: flex; flex-direction: column; gap: 17px; min-width: 0; }
body.sc-support-theme .sc-context-card { border: 1px solid #e7dff0; background: #fff; border-radius: 15px; padding: 20px; box-shadow: 0 3px 12px #49336505; }
body.sc-support-theme .sc-context-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 19px; }
body.sc-support-theme .sc-context-heading h2 { font-size: 13px; font-weight: 650; color: #5e4777; letter-spacing: -.1px; }
body.sc-support-theme .sc-context-heading>.icon { color: var(--sc-muted); width: 16px; height: 16px; }
body.sc-support-theme .sc-context-heading .sc-eyebrow { color: var(--sc-muted); font-size: 10px; letter-spacing: 1.3px; }
body.sc-support-theme .sc-order-summary { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 18px; }
body.sc-support-theme .sc-order-summary .platform-mark { width: 38px; height: 38px; font-size: 22px; border-radius: 11px; flex-shrink: 0; }
body.sc-support-theme .sc-order-summary h2 { font-size: 13px; line-height: 1.65; color: #604878; letter-spacing: -.15px; }
body.sc-support-theme .sc-order-summary>div>span { display: block; margin-top: 4px; font-size: 11px; color: var(--sc-muted); overflow-wrap: anywhere; }
body.sc-support-theme .sc-detail-list { margin: 0; display: flex; flex-direction: column; gap: 15px; }
body.sc-support-theme .sc-detail-list>div { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
body.sc-support-theme .sc-detail-list dt { font-size: 11px; color: var(--sc-muted); }
body.sc-support-theme .sc-detail-list dd { font-size: 11px; color: #604b72; font-weight: 600; margin: 0; text-align: right; max-width: 65%; overflow-wrap: anywhere; }
body.sc-support-theme .sc-order-status { display: inline-flex; gap: 5px; align-items: center; border-radius: 5px; background: #f1ebf9; color: var(--sc-muted); padding: 4px 6px; font-size: 10px; }
body.sc-support-theme .sc-order-status:before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
body.support-center.sc-support-theme .sc-detail-list .badge { font-size: 10px; padding: 4px 6px; }
body.sc-support-theme .sc-support-card { position: relative; background: linear-gradient(140deg, #f5edfe, #ede3f9); border: 1px solid #e3d5f4; padding: 21px; border-radius: 15px; overflow: hidden; box-shadow: inset 0 1px 0 #ffffff80; }
body.sc-support-theme .sc-sidebar-art { position: absolute; top: -5px; right: -7px; width: 135px; height: auto; pointer-events: none; }
body.sc-support-theme .sc-support-card-icon { display: grid; place-items: center; width: 34px; height: 34px; background: #e7daf8; border: 1px solid #dcc9ef; color: var(--sc-muted); border-radius: 11px; margin-bottom: 15px; }
body.sc-support-theme .sc-support-card-icon .icon { width: 18px; height: 18px; }
body.sc-support-theme .sc-support-card h2 { color: #71538e; font-size: 18px; line-height: 1.45; letter-spacing: -.6px; max-width: 190px; }
body.sc-support-theme .sc-support-card p { color: var(--sc-muted); font-size: 12px; line-height: 1.9; margin: 12px 0 16px; }
body.sc-support-theme .sc-support-card a { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 650; color: var(--sc-muted); }
body.sc-support-theme .sc-support-card a .icon { width: 13px; height: 13px; }
body.sc-support-theme .sc-privacy-note { display: flex; align-items: flex-start; gap: 8px; padding: 0 8px; font-size: 10px; line-height: 1.9; color: var(--sc-muted); }
body.sc-support-theme .sc-privacy-note>.icon { width: 14px; height: 14px; flex-shrink: 0; margin-top: 2px; }

/* New support request */
body.support-center.sc-support-theme .sc-intake-shell { max-width: 800px; padding: 0; margin: 0 auto; }
body.support-center.sc-support-theme .sc-intake-shell>.back-link { margin-bottom: 30px; font-size: 12px; color: var(--sc-muted); }
body.support-center.sc-support-theme .sc-intake-heading { margin-bottom: 27px; align-items: center; }
body.support-center.sc-support-theme .sc-intake-heading h1 { font-size: 35px; color: var(--sc-ink); letter-spacing: -1.3px; margin-top: 7px; }
body.support-center.sc-support-theme .sc-intake-heading>div>p:last-child { color: var(--sc-muted); font-size: 14px; margin-top: 10px; }
body.sc-support-theme .sc-intake-heading-icon { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 20px; background: #eae5fb; color: #76608f; border: 1px solid #e0d7f5; transform: rotate(7deg); }
body.sc-support-theme .sc-intake-heading-icon .icon { width: 32px; height: 32px; }
body.sc-support-theme .sc-intake-progress { display: flex; gap: 35px; padding: 0; list-style: none; margin: 0 0 26px; }
body.sc-support-theme .sc-intake-step { display: flex; align-items: center; gap: 10px; color: var(--sc-muted); }
body.sc-support-theme .sc-intake-step>span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: #f3eef9; border: 1px solid #e6dcf1; font-size: 11px; font-weight: 600; }
body.sc-support-theme .sc-intake-step strong { display: block; font-size: 12px; font-weight: 600; }
body.sc-support-theme .sc-intake-step small { display: block; font-size: 10px; margin-top: 4px; color: var(--sc-muted); }
body.sc-support-theme .sc-intake-step.is-current { color: #76608f; }
body.sc-support-theme .sc-intake-step.is-current>span { color: #fff; border-color: var(--sc-primary); background: var(--sc-primary); box-shadow: 0 2px 5px #7457d81c; }
body.sc-support-theme .sc-intake-step.is-complete>span { color: var(--sc-muted); background: #eee5f9; border-color: #dfcff0; }
body.sc-support-theme .sc-intake-step .icon { width: 14px; height: 14px; }
body.support-center.sc-support-theme .sc-intake-card { border: 1px solid #e6dcef; border-radius: 19px; box-shadow: var(--sc-shadow); overflow: hidden; }
body.support-center.sc-support-theme .support-bot-intro { padding: 22px 28px; background: #f7f2fc; border-color: #eae0f4; gap: 12px; }
body.support-center.sc-support-theme .support-bot-avatar { width: 42px; height: 42px; background: #ede3f8; border-radius: 14px; color: var(--sc-muted); border: 1px solid #dfd0f0; }
body.support-center.sc-support-theme .support-bot-intro strong { color: #5e4276; font-size: 13px; }
body.support-center.sc-support-theme .support-bot-intro p { color: var(--sc-muted); font-size: 11px; margin-top: 4px; }
body.support-center.sc-support-theme .support-assistant-label { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #e1dbef; background: #f1edf9; color: #76608f; font-size: 10px; border-radius: 6px; padding: 5px 7px; }
body.sc-support-theme .support-assistant-label .icon { width: 11px; height: 11px; }
body.support-center.sc-support-theme .support-intake-body { padding: 28px; background: #fff; }
body.support-center.sc-support-theme .support-request-types { background: #f8f5fc; padding: 5px; gap: 6px; border: 1px solid #ece3f4; margin-bottom: 28px; border-radius: 11px; }
body.support-center.sc-support-theme .support-request-types a { font-size: 12px; gap: 8px; min-height: 40px; border-radius: 7px; color: var(--sc-muted); }
body.support-center.sc-support-theme .support-request-types a.active { color: #76608f; background: #fff; box-shadow: 0 2px 4px #49336510; }
body.sc-support-theme .sc-form-section-heading { display: flex; gap: 12px; align-items: center; margin: 0 0 23px; }
body.sc-support-theme .sc-form-section-heading>span { display: grid; place-items: center; width: 37px; height: 37px; background: #f1edfa; border: 1px solid #e8e0f5; border-radius: 12px; color: #76608f; }
body.sc-support-theme .sc-form-section-heading .icon { width: 19px; height: 19px; }
body.sc-support-theme .sc-form-section-heading h2 { font-size: 17px; letter-spacing: -.5px; color: #573e6b; }
body.sc-support-theme .sc-form-section-heading p { font-size: 11px; color: var(--sc-muted); margin-top: 5px; }
body.support-center.sc-support-theme .support-intake-body .form-group>label { font-size: 12px; color: #665175; font-weight: 600; margin-bottom: 9px; }
body.support-center.sc-support-theme .support-intake-body input,
body.support-center.sc-support-theme .support-intake-body select,
body.support-center.sc-support-theme .support-intake-body textarea { border: 1px solid #e8dff1; border-radius: 10px; background: #fdfbff; color: #4d385e; font-size: 14px; padding: 13px 14px; }
body.support-center.sc-support-theme .support-intake-body input::placeholder,
body.support-center.sc-support-theme .support-intake-body textarea::placeholder { color: var(--sc-muted); }
body.support-center.sc-support-theme .support-intake-body :is(input,textarea,select):focus { border-color: #bda4df; box-shadow: 0 0 0 3px #a781db12; background: #fff; }
body.support-center.sc-support-theme .support-intake-body .form-hint { color: var(--sc-muted); font-size: 11px; }
body.support-center.sc-support-theme .support-intake-body .form-actions { border-color: #eae0f4; margin-top: 24px; padding-top: 20px; }
body.support-center.sc-support-theme .support-intake-body .file-field { margin-top: 18px; border: 1px dashed #dfd0ee; border-radius: 11px; padding: 13px 15px; background: #fcf9ff; }
body.support-center.sc-support-theme .support-intake-body .file-field label { font-size: 11px; color: var(--sc-muted); }
body.support-center.sc-support-theme .support-intake-body .file-field input { border: 0; padding: 3px 0; background: transparent; font-size: 12px; }
body.sc-support-theme input[type=file]::file-selector-button { color: #76608f; background: #eee7f7; border: 1px solid #e1d7ee; border-radius: 6px; padding: 6px 9px; margin-right: 9px; font: inherit; cursor: pointer; }
body.sc-support-theme .sc-intake-footnote { display: flex; gap: 24px; justify-content: center; margin-top: 22px; }
body.sc-support-theme .sc-intake-footnote>span { display: flex; align-items: center; gap: 5px; font-size: 11px; color: var(--sc-muted); }
body.sc-support-theme .sc-intake-footnote .icon { width: 12px; height: 12px; }
body.support-center.sc-support-theme .support-intake-note { margin-top: 10px; color: var(--sc-muted); font-size: 10px; }

body.support-center.sc-support-theme .public-support-main { max-width: 820px; padding-top: 34px; }
body.sc-support-theme .sc-public-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
body.support-center.sc-support-theme .sc-public-intro h1 { color: var(--sc-ink); font-size: 36px; letter-spacing: -1.4px; margin-top: 10px; }
body.sc-support-theme .sc-public-intro>div>p:last-child { color: var(--sc-muted); font-size: 14px; line-height: 1.9; margin-top: 14px; }
body.sc-support-theme .sc-public-visual { width: 220px; max-width: 35%; height: auto; }
body.support-center.sc-support-theme .support-contact-step { border-color: var(--sc-line); }
body.support-center.sc-support-theme .support-contact-step>span { display: flex; gap: 6px; align-items: center; color: var(--sc-muted); font-size: 10px; letter-spacing: 1px; }
body.support-center.sc-support-theme .support-first-time-note { color: var(--sc-muted); font-size: 11px; }
body.support-center.sc-support-theme .sc-support-confirmation { background: #fff; border-color: var(--sc-line); border-radius: 22px; box-shadow: var(--sc-shadow); }
body.support-center.sc-support-theme .support-confirmation-icon { color: var(--sc-primary); background: var(--sc-lavender); }

/* Sign in */
body.login-page.brand-portal.sc-login-screen { background: #fcfaff; }
body.sc-login-screen .login-story { background: radial-gradient(ellipse at 10% 0%, #faf5ff90, transparent 60%), linear-gradient(155deg, #eee6f9, #e9dff5); color: #71558d; border-right: 1px solid #e4d7f0; }
body.sc-login-screen .login-story:before,
body.sc-login-screen .login-story:after { display: none; }
body.sc-login-screen .login-story .brand { color: var(--sc-muted); }
body.sc-login-screen .login-story-content { position: relative; padding-top: 65px; }
body.sc-login-screen .login-story-content h1 { color: #503665; font-size: clamp(40px, 4vw, 62px); letter-spacing: -2.9px; line-height: 1.1; }
body.sc-login-screen .login-story-content h1 em { color: var(--sc-primary); font-style: normal; }
body.sc-login-screen .login-story-content>.eyebrow { color: var(--sc-muted); font-size: 11px; }
body.sc-login-screen .login-story-content>p { color: var(--sc-muted); max-width: 330px; font-size: 14px; }
body.sc-login-screen .login-feature { color: var(--sc-muted); font-size: 12px; }
body.sc-login-screen .login-feature .icon { color: #76608f; }
body.sc-login-screen .sc-login-art { display: block; width: 250px; height: auto; margin: 20px auto -20px; }
body.sc-login-screen .login-story-footer { color: var(--sc-muted); font-size: 11px; }
body.login-page.brand-portal.sc-login-screen .login-main { max-width: 560px; padding: 42px 48px 30px; }
body.sc-login-screen .login-main h2 { font-size: 32px; letter-spacing: -1.1px; color: var(--sc-ink); }
body.sc-login-screen .login-main>.eyebrow { color: var(--sc-muted); font-size: 10px; }
body.login-page.brand-portal.sc-login-screen .login-main>p { font-size: 13px; color: var(--sc-muted); }
body.login-page.brand-portal.sc-login-screen .login-main .form-group>label { font-size: 12px; color: #665175; font-weight: 600; }
body.login-page.brand-portal.sc-login-screen .login-main input { background: #fff; border-color: #e3d8ef; border-radius: 10px; color: #4d385e; font-size: 14px; }
body.sc-login-screen .login-main input:focus { border-color: #bda4df; box-shadow: 0 0 0 3px #a781db12; }
body.sc-login-screen .login-main input::placeholder { color: #8b7a99; }
body.sc-login-screen .password-help { background: #f7f2fc; border-color: #e7dbf2; border-radius: 11px; }
body.sc-login-screen .password-help summary { font-size: 12px; color: #74578d; }
body.sc-login-screen .password-help>p { color: var(--sc-muted); }
body.sc-login-screen .login-help a { color: var(--sc-primary); }
body.sc-login-screen .login-footer { color: var(--sc-muted); }
body.sc-login-screen .sandbox-pill { background: #f3ecfb; border-color: #e5d8f2; color: #9972b6; }
body.sc-login-screen .sandbox-pill>span { background: #ad8dca; }
body.sc-login-screen .demo-box { border-color: #e8dff1; }
body.sc-login-screen .demo-box summary,
body.sc-login-screen .demo-box>.eyebrow { color: #8c729f; }
body.sc-login-screen .demo-box>p { color: var(--sc-muted); }
body.sc-login-screen .demo-actions .button { background: #f2ebfb; border-color: #e4d8f2; color: #805d9c; }
body.sc-login-screen .admin-preview-link { color: #9172a9; }
body.sc-support-theme .support-public-signin { color: var(--sc-muted); }
body.sc-support-theme .support-public-signin strong { color: #8e6ca7; }
body.sc-support-theme .support-brand-switch { border-color: #e3d8ef; background: #fcf9ff; color: #705783; }
body.sc-support-theme .platform-mark:not(.platform-instagram):not(.platform-facebook):not(.platform-youtube) { background: #f0eafa; color: #8162a7; }

@media(min-width:1550px) {
    body.support-center.sc-support-theme .main-content { padding-top: 36px; }
    body.sc-support-theme .sc-ticket-workspace { grid-template-columns: minmax(0, 1fr) 304px; gap: 27px; }
}
@media(max-width:1050px) {
    body.support-center.sc-support-theme .main-content { padding: 26px 28px 0; }
    body.sc-support-theme .sc-ticket-workspace { grid-template-columns: minmax(0, 1fr) 240px; gap: 18px; }
    body.sc-support-theme .sc-context-card,body.sc-support-theme .sc-support-card { padding: 17px; }
    body.support-center.sc-support-theme .sc-chat-header { padding: 19px; }
    body.support-center.sc-support-theme .support-conversation-private { display: none; }
    body.support-center.sc-support-theme .support-conversation.sc-chat-history { padding: 22px 19px; }
    body.sc-support-theme .sc-overview-aside { padding: 20px 18px 20px 9px; }
    body.sc-support-theme .sc-overview-help h2 { font-size: 18px; }
    body.sc-support-theme .sc-ticket-overview { gap: 27px; }
    body.sc-support-theme .sc-overview-art { width: 40%; }
    body.sc-support-theme .sc-help-eyebrow { font-size: 7px; }
    body.support-center.sc-support-theme .portal-message .message-header time { font-size: 10px; }
}
@media(max-width:800px) {
    body.sc-support-theme .sc-ticket-workspace { grid-template-columns: minmax(0, 1fr); }
    body.sc-support-theme .sc-ticket-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
    body.sc-support-theme .sc-ticket-sidebar .sc-support-card { grid-column: 1/-1; }
    body.sc-support-theme .sc-support-card h2 { max-width: none; }
    body.sc-support-theme .sc-support-card p { max-width: 450px; }
    body.sc-support-theme .sc-privacy-note { grid-column: 1/-1; justify-content: center; }
    body.sc-support-theme .sc-ticket-overview { grid-template-columns: 1fr; gap: 28px; margin-bottom: 30px; }
    body.sc-support-theme .sc-overview-aside { min-height: 190px; max-width: none; padding: 18px 28px; }
    body.sc-support-theme .sc-overview-art { width: 190px; margin-right: 12px; }
    body.sc-support-theme .sc-overview-help h2 { font-size: 23px; }
    body.sc-support-theme .sc-overview-help p { font-size: 13px; margin-bottom: 14px; }
    body.sc-support-theme .sc-help-eyebrow { font-size: 10px; }
    body.support-center.sc-support-theme .support-header-inner { padding: 16px 28px; gap: 18px; min-height: 78px; }
    body.support-center.sc-support-theme .support-nav { padding-left: 28px; padding-right: 28px; }
    body.sc-support-theme .sc-header-title>span:last-child { display: none; }
    body.support-center.sc-support-theme .support-nav-note { display: none; }
    body.support-center.sc-support-theme .support-account-email { display: none; }
    body.support-center.sc-support-theme .support-conversation.sc-chat-history { height: 520px; }
    body.support-center.sc-support-theme .sc-chat-header { padding: 20px 24px; }
    body.support-center.sc-support-theme .portal-message .message-header time { font-size: 10px; }
    body.login-page.brand-portal.sc-login-screen .login-main { max-width: 500px; padding: 35px 28px; }
}
@media(max-width:540px) {
    body.support-center.sc-support-theme .main-content { padding: 20px 17px 0; }
    body.support-center.sc-support-theme .support-header-inner { padding: 14px 18px; gap: 15px; min-height: 73px; }
    body.support-center.sc-support-theme .support-header .brand-logo { width: 125px!important; }
    body.support-center.sc-support-theme .support-header .brand-logo img { width: 125px!important; height: 31px!important; }
    body.support-center.sc-support-theme .support-header-divider { display: none; }
    body.support-center.sc-support-theme .support-center-name { font-size: 12px; }
    body.support-center.sc-support-theme .support-account { gap: 6px; }
    body.sc-support-theme .sc-account-avatar { display: none; }
    body.support-center.sc-support-theme .support-account .icon-button { border: 0; width: 29px; height: 29px; }
    body.support-center.sc-support-theme .support-nav { min-height: 52px; padding: 5px 16px 10px; gap: 4px; flex-wrap: wrap; }
    body.support-center.sc-support-theme .support-nav-link { padding: 9px 8px; font-size: 11px; min-height: 35px; gap: 5px; flex-shrink: 0; }
    body.support-center.sc-support-theme .support-nav-link .icon { width: 14px; height: 14px; }
    body.sc-support-theme .support-sound-control { margin-left: auto; }
    body.support-center.sc-support-theme .customer-preview-banner { padding: 10px 11px; gap: 8px; margin-bottom: 22px; border-radius: 10px; align-items: flex-start; }
    body.support-center.sc-support-theme .customer-preview-symbol { width: 23px; height: 23px; }
    body.support-center.sc-support-theme .customer-preview-symbol .icon { width: 13px; height: 13px; }
    body.support-center.sc-support-theme .customer-preview-copy>strong { font-size: 10px; line-height: 1.7; }
    body.support-center.sc-support-theme .customer-preview-copy small { font-size: 10px; }
    body.support-center.sc-support-theme .customer-preview-banner form { margin-left: 31px; }
    body.support-center.sc-support-theme .customer-preview-banner .button { min-height: 26px; font-size: 10px; padding: 4px 7px; }
    body.sc-support-theme .sc-overview-heading h1 { font-size: 32px; letter-spacing: -1.4px; }
    body.sc-support-theme .sc-overview-heading>p:last-of-type { font-size: 13px; margin-top: 12px; }
    body.sc-support-theme .sc-overview-stats { gap: 24px; margin-top: 21px; }
    body.sc-support-theme .sc-stat-symbol { width: 38px; height: 38px; border-radius: 12px; }
    body.sc-support-theme .sc-overview-stat strong { font-size: 21px; }
    body.sc-support-theme .sc-overview-stat div>span { font-size: 11px; }
    body.sc-support-theme .sc-overview-aside { padding: 17px 18px 18px 5px; border-radius: 17px; min-height: 180px; }
    body.sc-support-theme .sc-overview-art { width: 42%; margin: 0 4px 0 -4px; }
    body.sc-support-theme .sc-overview-help h2 { font-size: 18px; }
    body.sc-support-theme .sc-overview-help p { font-size: 11px; margin: 8px 0 12px; }
    body.sc-support-theme .sc-help-eyebrow { font-size: 7px; letter-spacing: .6px; }
    body.sc-support-theme .sc-section-heading h2 { font-size: 21px; }
    body.sc-support-theme .sc-section-heading>p { display: none; }
    body.support-center.sc-support-theme .support-kicker { font-size: 10px; letter-spacing: 1.3px; }
    body.support-center.sc-support-theme .support-list-toolbar { padding: 11px 13px; gap: 10px; min-height: 66px; }
    body.support-center.sc-support-theme .support-ticket-tabs a { padding: 8px 10px; font-size: 11px; gap: 5px; }
    body.support-center.sc-support-theme .support-ticket-cap { font-size: 10px; gap: 5px; }
    body.support-center.sc-support-theme .cap-dots { display: none; }
    body.support-center.sc-support-theme .sc-ticket-list-row { padding: 21px 15px; gap: 12px; flex-wrap: wrap; }
    body.support-center.sc-support-theme .support-ticket-mark { width: 37px; height: 37px; border-radius: 12px; }
    body.support-center.sc-support-theme .support-ticket-mark .icon { width: 19px; height: 19px; }
    body.support-center.sc-support-theme .support-ticket-copy { flex-basis: calc(100% - 49px); width: calc(100% - 49px); }
    body.support-center.sc-support-theme .support-ticket-copy h2 { font-size: 14px; }
    body.support-center.sc-support-theme .support-ticket-copy>p { font-size: 12px; }
    body.support-center.sc-support-theme .support-ticket-meta { font-size: 10px; gap: 5px; }
    body.support-center.sc-support-theme .support-ticket-state { width: auto; flex-basis: auto; margin-left: 49px; min-width: 0; flex-direction: row; align-items: center; }
    body.support-center.sc-support-theme .support-row-chevron { margin-left: auto; }
    body.sc-support-theme .sc-ticket-row-meta { font-size: 10px; }
    body.support-center.sc-support-theme .support-list-footer { padding: 15px 17px; align-items: flex-start; flex-wrap: nowrap; font-size: 10px; line-height: 1.9; }
    body.sc-support-theme .sc-private-note { display: none; }
    body.support-center.sc-support-theme .sc-ticket-breadcrumb { margin-bottom: 20px; }
    body.support-center.sc-support-theme .sc-ticket-breadcrumb .back-link { font-size: 11px; }
    body.sc-support-theme .sc-ticket-breadcrumb>span { font-size: 10px; }
    body.support-center.sc-support-theme .sc-ticket-heading { align-items: flex-start; flex-wrap: wrap; gap: 17px; margin-bottom: 22px; }
    body.support-center.sc-support-theme .sc-ticket-heading h1 { font-size: 25px; letter-spacing: -.9px; }
    body.sc-support-theme .sc-ticket-heading>div>p { font-size: 12px; }
    body.sc-support-theme .sc-eyebrow { font-size: 10px; letter-spacing: 1.2px; }
    body.support-center.sc-support-theme .support-thread-actions { width: 100%; }
    body.support-center.sc-support-theme .sc-chat-card { border-radius: 15px; }
    body.support-center.sc-support-theme .sc-chat-header { padding: 17px; gap: 10px; }
    body.sc-support-theme .sc-chat-team { gap: 9px; }
    body.sc-support-theme .sc-chat-team-icon { width: 35px; height: 35px; border-radius: 11px; }
    body.sc-support-theme .sc-chat-team-icon .icon { width: 20px; height: 20px; }
    body.support-center.sc-support-theme .sc-chat-header h2 { font-size: 13px; }
    body.support-center.sc-support-theme .sc-chat-header p { font-size: 10px; max-width: 170px; line-height: 1.7; }
    body.support-center.sc-support-theme .support-conversation.sc-chat-history { height: 490px; padding: 20px 16px; gap: 22px; }
    body.support-center.sc-support-theme .support-conversation .portal-message { width: 91%; max-width: none; }
    body.support-center.sc-support-theme .portal-message .message-header { gap: 6px; flex-wrap: wrap; }
    body.support-center.sc-support-theme .portal-message .message-header .avatar { width: 24px; height: 24px; border-radius: 8px; }
    body.support-center.sc-support-theme .portal-message .message-header strong { font-size: 11px; }
    body.support-center.sc-support-theme .portal-message .message-header time { font-size: 10px; flex-basis: 100%; margin-left: 30px; margin-top: 0; }
    body.support-center.sc-support-theme .portal-message.is-customer .message-header time { margin-right: 30px; margin-left: 0; text-align: right; }
    body.support-center.sc-support-theme .portal-message .message-content { padding: 12px 13px; }
    body.support-center.sc-support-theme .support-conversation .portal-message .message-body { font-size: 14px; }
    body.support-center.sc-support-theme .portal-message .message-attachment-notice { font-size: 10px; line-height: 1.8; }
    body.support-center.sc-support-theme .sc-conversation-event { max-width: 100%; padding: 12px; }
    body.support-center.sc-support-theme .sc-conversation-event p { font-size: 10px; }
    body.support-center.sc-support-theme .sc-reply-composer { padding: 16px; }
    body.support-center.sc-support-theme .sc-reply-composer textarea { font-size: 16px; min-height: 90px; padding: 12px; }
    body.sc-support-theme .sc-composer-toolbar { gap: 10px; flex-wrap: wrap; }
    body.support-center.sc-support-theme .sc-composer-toolbar .file-field { flex: 1; }
    body.support-center.sc-support-theme .sc-composer-toolbar .file-field label { font-size: 11px; }
    body.support-center.sc-support-theme .sc-composer-toolbar .file-field .form-hint { display: block; width: 100%; font-size: 10px; line-height: 1.6; }
    body.support-center.sc-support-theme .sc-composer-toolbar .button { font-size: 11px; padding: 10px 12px; }
    body.sc-support-theme .sc-composer-privacy { font-size: 10px; }
    body.sc-support-theme .sc-ticket-sidebar { grid-template-columns: 1fr; gap: 13px; }
    body.sc-support-theme .sc-context-card { padding: 19px; }
    body.sc-support-theme .sc-order-summary h2 { font-size: 14px; }
    body.sc-support-theme .sc-detail-list dt,body.sc-support-theme .sc-detail-list dd { font-size: 12px; }
    body.sc-support-theme .sc-support-card { padding: 20px; }
    body.sc-support-theme .sc-support-card h2 { font-size: 20px; }
    body.sc-support-theme .sc-support-card p { font-size: 13px; }
    body.sc-support-theme .sc-support-card a { font-size: 12px; }
    body.sc-support-theme .sc-privacy-note { font-size: 10px; padding-top: 5px; }
    body.support-center.sc-support-theme .page-footer { margin-top: 28px; padding: 21px 0; font-size: 10px; }
    body.support-center.sc-support-theme .page-footer>span:last-child { text-align: left; max-width: none; font-size: 10px; }
    body.support-center.sc-support-theme .sc-intake-heading h1 { font-size: 29px; }
    body.sc-support-theme .sc-intake-heading-icon { width: 48px; height: 48px; border-radius: 16px; }
    body.sc-support-theme .sc-intake-heading-icon .icon { width: 26px; height: 26px; }
    body.sc-support-theme .sc-intake-progress { gap: 23px; margin-bottom: 24px; }
    body.sc-support-theme .sc-intake-step { gap: 8px; }
    body.sc-support-theme .sc-intake-step>span { width: 29px; height: 29px; border-radius: 9px; font-size: 10px; }
    body.sc-support-theme .sc-intake-step strong { font-size: 11px; }
    body.sc-support-theme .sc-intake-step small { font-size: 10px; max-width: 110px; line-height: 1.7; }
    body.support-center.sc-support-theme .support-bot-intro { padding: 18px; gap: 10px; }
    body.support-center.sc-support-theme .support-bot-intro strong { font-size: 12px; }
    body.support-center.sc-support-theme .support-bot-intro p { font-size: 10px; line-height: 1.8; }
    body.support-center.sc-support-theme .support-assistant-label { display: none; }
    body.support-center.sc-support-theme .support-intake-body { padding: 22px 19px; }
    body.sc-support-theme .sc-form-section-heading h2 { font-size: 16px; }
    body.sc-support-theme .sc-form-section-heading p { font-size: 10px; }
    body.support-center.sc-support-theme .support-intake-body .form-group>label { font-size: 13px; }
    body.support-center.sc-support-theme .support-intake-body input,
    body.support-center.sc-support-theme .support-intake-body select,
    body.support-center.sc-support-theme .support-intake-body textarea { font-size: 16px; padding: 12px; }
    body.support-center.sc-support-theme .support-intake-body .form-hint { font-size: 11px; }
    body.sc-support-theme .sc-intake-footnote { gap: 20px; }
    body.sc-support-theme .sc-intake-footnote>span { font-size: 10px; }
    body.sc-support-theme .sc-public-intro { gap: 12px; }
    body.support-center.sc-support-theme .sc-public-intro h1 { font-size: 29px; }
    body.sc-support-theme .sc-public-intro>div>p:last-child { font-size: 12px; }
    body.sc-support-theme .sc-public-visual { max-width: 30%; }
}
@media(max-width:800px),(hover:none) and (pointer:coarse) {
    body.login-page.brand-portal.sc-login-screen .login-main input,
    body.support-center.sc-support-theme :is(input:not([type="checkbox"],[type="radio"],[type="file"],[type="hidden"]),textarea,select) { font-size: 16px; }
}
@media(prefers-reduced-motion:reduce) {
    body.sc-support-theme *,body.sc-login-screen * { transition: none!important; scroll-behavior: auto!important; }
}