.platform-support-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:var(--space-section);color:var(--text-primary);font-size:var(--type-body);box-sizing:border-box}
.platform-support-dialog .support-body{display:grid;gap:var(--space-section);min-width:0;margin-block:var(--space-section)}
.platform-support-dialog h2{font-size:var(--type-dialog-title);margin:0}.platform-support-dialog h3{font-size:var(--type-section-title);margin:0}
.platform-support-dialog .support-note,.platform-support-dialog small,.support-state{color:var(--text-secondary);font-size:var(--type-meta)}
.support-toolbar,.support-call-controls,.support-detail-actions,.support-pagination{display:flex;align-items:center;gap:var(--space-inline);flex-wrap:wrap}.support-toolbar>strong{flex:1}
.support-launcher{width:44px;min-width:44px;height:44px;flex-shrink:0;position:relative}.support-launcher.has-pending:after{content:'';position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--text-warning);border-radius:50%}
.company-badge>.support-launcher{margin-inline-start:auto}.support-list{display:grid;gap:var(--space-inline)}
.support-row{display:flex;align-items:center;gap:var(--space-inline);padding:var(--space-fields);border:1px solid var(--line);border-radius:12px;background:var(--surface-field)}
.support-row>div{display:grid;gap:4px;flex:1;min-width:0}.support-row p{margin:0}.support-row strong,.support-row p,.support-subject,.support-message p,.support-resolution p{overflow-wrap:anywhere;white-space:pre-wrap}.support-row:hover{background:var(--surface-hover)}
.support-empty{text-align:center;padding:var(--space-section);display:grid;justify-items:center;gap:var(--space-inline)}.support-empty p{margin:0;color:var(--text-secondary)}
.support-request-form,.support-settings,.support-finish{display:grid;gap:var(--space-section)}.support-request-form>label,.support-finish label{display:grid;gap:var(--space-inline)}
.platform-support-dialog textarea{width:100%;box-sizing:border-box;min-height:88px;resize:vertical;font-size:var(--type-control)}
.support-request-form fieldset{border:0;padding:0;margin:0;display:flex;gap:var(--space-inline);flex-wrap:wrap}.support-request-form legend{margin-bottom:var(--space-inline)}
.support-check{display:flex;gap:var(--space-inline);align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px}
.support-policy-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-fields);padding:var(--space-fields);border-bottom:1px solid var(--line);min-height:44px}.support-policy-row>div{display:grid;gap:4px}.support-policy-row span{color:var(--text-secondary);font-size:var(--type-meta)}.support-policy-row input{width:22px;height:22px;flex-shrink:0}.support-policy-row:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.support-detail-state{margin-block:var(--space-inline)}.support-subject{padding:var(--space-fields);background:var(--surface-field);border:1px solid var(--line);border-radius:12px}
.support-media{position:relative;background:#151718;border-radius:12px;min-height:200px;overflow:hidden;aspect-ratio:16/9}.support-media video[data-support-remote]{width:100%;height:100%;object-fit:contain}.support-media video[data-support-local]{position:absolute;right:8px;bottom:8px;width:25%;max-height:35%;border-radius:8px;object-fit:cover;background:#252729}
.support-messages{display:grid;gap:var(--space-inline);max-height:280px;overflow:auto;overscroll-behavior:contain}.support-message{max-width:90%;padding:var(--space-fields);border:1px solid var(--line);border-radius:12px;background:var(--surface-field)}.support-message.is-mine{margin-inline-start:auto}.support-message p{margin:4px 0 0}
.support-composer{display:flex;align-items:flex-end;gap:var(--space-inline);margin-block:var(--space-fields)}.support-resolution{border-inline-start:3px solid var(--accent);padding:var(--space-fields);background:var(--surface-field);border-radius:8px}
.platform-support-dialog [hidden]{display:none!important}.platform-support-dialog .support-pagination{justify-content:center}.platform-support-dialog .support-tabs{margin-top:var(--space-fields)}
.support-policy-row input[role=switch]{appearance:none;position:relative;width:36px;height:22px;min-height:22px;margin:11px 0;border:1px solid var(--line);border-radius:20px;background:var(--text-subtle);padding:0;cursor:pointer}
.support-policy-row input[role=switch]::after{content:'';position:absolute;width:16px;height:16px;top:2px;left:2px;background:var(--surface-field);border-radius:50%}
.support-policy-row input[role=switch]:checked{background:var(--accent)}
.support-policy-row input[role=switch]:checked::after{left:16px;background:var(--accent-text,#fff)}
.support-launcher{color:var(--text-secondary)}.support-launcher:hover{background:var(--surface-hover)}.support-launcher:active{background:var(--surface-pressed)}
@media(max-width:700px){.platform-support-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - var(--mobile-nav-height,0px) - 20px);padding:var(--space-fields)}.support-row{padding:var(--space-inline)}.support-policy-row{padding:8px}.support-media{min-height:160px}}
@supports(-webkit-touch-callout:none){.platform-support-dialog textarea{font-size:max(16px,var(--type-control))}}

/* The tenant support entry is outside the scrolling module list, immediately above the account. */
.sidebar .support-menu-area{flex:none;grid-column:1/-1;border-top:1px solid var(--line);padding-top:var(--space-inline);margin-block:var(--space-inline)}
.sidebar .support-menu-area[hidden]{display:none!important}
.sidebar .support-menu-entry{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;min-height:var(--control-target);height:auto;gap:var(--space-inline);padding:var(--action-padding-block) var(--action-padding-inline);font:inherit;font-size:var(--type-action);line-height:1.4;text-align:start;border:0;border-radius:var(--action-radius);background:transparent;box-shadow:none;color:var(--text-secondary)}
.sidebar .support-menu-entry .icon{width:20px;height:20px;flex:none}
.sidebar .support-menu-entry:focus-visible{outline:2px solid var(--text-link);outline-offset:-2px}
.sidebar .support-menu-entry.has-pending:after{top:calc(50% - 4px);right:12px}

/* Support uses the same compact rhythm as the product dialogs, with one contextual footer. */
:root body.in-workspace dialog.platform-support-dialog:not(.settings-panel){width:min(560px,calc(100vw - 24px));height:fit-content;padding:var(--space-fields)}
:root body.in-workspace dialog.platform-support-dialog:not(.settings-panel)[data-support-view=detail]{width:min(720px,calc(100vw - 24px))}
:root body.in-workspace dialog.platform-support-dialog>.mobile-dialog-scroll{padding:var(--space-fields)}
:root body.in-workspace dialog.platform-support-dialog .modal-compact-header{margin-bottom:var(--space-fields)}
:root body.in-workspace dialog.platform-support-dialog .support-body{gap:var(--space-fields);margin:0}
:root body.in-workspace dialog.platform-support-dialog .support-toolbar{gap:var(--space-inline);margin:0}
:root body.in-workspace dialog.platform-support-dialog .support-toolbar>strong{font-size:var(--type-section-title)}
:root body.in-workspace dialog.platform-support-dialog .support-toolbar>.glass-button{width:var(--control-target);height:var(--control-target);padding:0;flex:none}
:root body.in-workspace dialog.platform-support-dialog .support-toolbar>.submit-button{width:auto;flex:none;margin:0}
:root body.in-workspace dialog.platform-support-dialog .support-empty{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;justify-items:start;text-align:start;gap:var(--space-fields);padding:var(--space-section);border:1px solid var(--line);border-radius:12px;background:var(--surface-field)}
.support-empty-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--surface-hover);color:var(--text-link)}
.support-empty-symbol .icon{width:22px;height:22px}.support-empty-copy{min-width:0;display:grid;gap:4px}
:root body.in-workspace dialog.platform-support-dialog .support-empty p{font-size:var(--type-description);line-height:1.5;margin:0}
:root body.in-workspace dialog.platform-support-dialog .support-empty>.submit-button{grid-column:2;width:auto;margin:0;justify-self:start;box-shadow:none}
:root body.in-workspace dialog.platform-support-dialog .support-request-form{gap:var(--space-section);margin:0}
:root body.in-workspace dialog.platform-support-dialog .support-request-form>label{gap:var(--space-inline);font-size:var(--type-label)}
:root body.in-workspace dialog.platform-support-dialog .support-request-form textarea{min-height:104px;margin:0;padding:var(--space-fields)}
:root body.in-workspace dialog.platform-support-dialog .support-request-form legend{font-size:var(--type-label);font-weight:600;line-height:1.4;padding:0;margin:0 0 var(--space-inline)}
:root body.in-workspace dialog.platform-support-dialog .support-check{position:relative;box-sizing:border-box;min-height:var(--control-target);margin:0;padding:var(--action-padding-block) var(--action-padding-inline);font-size:var(--type-action);font-weight:500;cursor:pointer;background:var(--surface-field);gap:var(--space-inline)}
.support-check input{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%)}
.support-check>.icon{width:18px;height:18px;flex:none;color:var(--text-secondary)}
:root body.in-workspace dialog.platform-support-dialog .support-check:has(input:checked){background:var(--surface-hover);border-color:var(--text-link);color:var(--text-link)}
.support-check:has(input:checked)>.icon{color:inherit}
.support-check:has(input:focus-visible){outline:2px solid var(--text-link);outline-offset:2px}
:root body.in-workspace dialog.platform-support-dialog .support-check:hover{background:var(--surface-hover)}
:root body.in-workspace dialog.platform-support-dialog .support-check:active{background:var(--surface-pressed)}
:root body.in-workspace dialog.platform-support-dialog .support-request-note{display:flex;align-items:flex-start;gap:var(--space-inline);margin:0;padding:var(--space-fields);border-radius:10px;background:var(--surface-hover);font-size:var(--type-meta);line-height:1.5}
.support-request-note>.icon{width:16px;height:16px;flex:none;margin-top:1px;color:var(--text-secondary)}
:root body.in-workspace dialog.platform-support-dialog .support-footer{display:flex;align-items:stretch;justify-content:flex-end;gap:var(--space-inline);margin-top:var(--space-fields);padding-top:var(--space-fields)}
:root body.in-workspace dialog.platform-support-dialog .support-footer>button{width:auto;flex:0 1 auto;margin:0;box-shadow:none}
.support-row .support-state{justify-self:start;padding:3px 7px;border-radius:6px;background:var(--surface-hover);font-size:var(--type-meta)}
@media(max-width:700px){
 :root body.in-workspace dialog.platform-support-dialog:not(.settings-panel){width:calc(100vw - 16px);padding:var(--space-inline)}
 :root body.in-workspace dialog.platform-support-dialog .support-empty{padding:var(--space-fields)}
 :root body.in-workspace dialog.platform-support-dialog .support-empty>.submit-button{grid-column:1/-1;justify-self:stretch}
 :root body.in-workspace dialog.platform-support-dialog .support-footer>button{flex:1 1 0}
}

/* One personal unread count shared with the bell; animate only the emblem. */
.support-launcher.has-pending:after{display:none}
.support-attention-count{display:grid;place-items:center;position:absolute;top:-3px;right:-3px;min-width:18px;min-height:18px;padding:0 4px;border:1px solid var(--accent-ring);border-radius:10px;background:var(--surface-field);color:var(--text-link);font-size:var(--type-eyebrow);font-weight:650}
.support-attention-count[hidden]{display:none!important}
.sidebar .support-menu-entry>.support-attention-count{position:static;margin-inline-start:auto;flex:none}
.support-launcher.has-pending>.icon{color:var(--text-link);animation:support-attention 3s ease-in-out infinite}
@keyframes support-attention{0%,55%,100%{opacity:1}75%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.support-launcher.has-pending>.icon{animation:none}}
.notification-item[data-module=support]{--notification-module:var(--text-link)}

/* Keep the conversation composer independent from generic dialog form grids. */
:root body.in-workspace dialog.platform-support-dialog .support-composer{display:grid;grid-template-columns:minmax(0,1fr) var(--control-target);align-items:end;gap:var(--space-inline);margin-block:var(--space-fields);padding:0;min-width:0}
:root body.in-workspace dialog.platform-support-dialog .support-composer>textarea{grid-column:auto;width:100%;min-width:0;min-height:var(--control-target);margin:0}
:root body.in-workspace dialog.platform-support-dialog .support-composer>.support-send>button{grid-column:auto;width:var(--control-target);min-width:var(--control-target);height:var(--control-target);margin:0;padding:var(--space-inline)}

.platform-support-dialog .support-back-icon{transform:rotate(180deg)}
:root body.in-workspace dialog.platform-support-dialog .support-send{display:flex;align-items:end;padding:0;margin:0;border:0;min-width:0}
/* Conversations have a chat layout: one history scroll, fixed identity and composer. */
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail]{position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:min(700px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:var(--space-fields);overflow:hidden;animation:none}
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail]>.mobile-dialog-scroll,
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail]>.mobile-dialog-scroll>.modal-content-scroll{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;max-height:100%;padding:0;overflow:hidden;scrollbar-gutter:auto;gap:0}
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail] .modal-compact-header{flex:none;min-height:44px;margin:0;padding:0 0 var(--space-inline);border-bottom:1px solid var(--line);align-items:center}
.platform-support-dialog[data-support-view=detail] .modal-compact-header .eyebrow,
.platform-support-dialog[data-support-view=detail] .support-tabs{display:none}
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail] .support-body{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;gap:0;overflow:hidden}
.platform-support-dialog[data-support-view=detail] [data-support-detail]{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}
.support-conversation-head{flex:none;padding:var(--space-fields) 0;border-bottom:1px solid var(--line);display:grid;gap:var(--space-inline)}
.support-contact{display:flex;align-items:center;gap:var(--space-inline);flex:1;min-width:0}.support-contact>div{min-width:0;display:grid;gap:2px}.support-contact strong{font-size:var(--type-body);font-weight:650;overflow-wrap:anywhere}.support-contact small{font-size:var(--type-meta);overflow-wrap:anywhere}
.support-contact-avatar{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--surface-hover);color:var(--text-link)}.support-contact-avatar .icon{width:20px;height:20px}
.support-conversation-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline);flex-wrap:wrap}
:root body.in-workspace dialog.platform-support-dialog .support-detail-state{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-inline);margin:0;font-size:var(--type-meta)}
.support-state-badge{padding:4px 8px;border-radius:6px;background:var(--surface-hover);color:var(--text-secondary);font-weight:600}.support-detail-state[data-state=accepted] .support-state-badge,.support-detail-state[data-state=completed] .support-state-badge{color:var(--text-success);background:color-mix(in srgb,var(--text-success) 10%,transparent)}
:root body.in-workspace dialog.platform-support-dialog .support-detail-actions{margin:0;gap:var(--space-inline)}
:root body.in-workspace dialog.platform-support-dialog .support-detail-actions>button{width:auto;min-height:var(--control-target);margin:0;padding:var(--action-padding-block) var(--action-padding-inline);box-shadow:none;font-size:var(--type-action)}
:root body.in-workspace dialog.platform-support-dialog .support-messages{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-inline);flex:1;min-height:0;max-height:none;padding:var(--space-fields) var(--space-inline);overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
.support-context{align-self:stretch;padding:var(--space-inline) var(--space-fields);border:1px solid var(--line);border-radius:10px;color:var(--text-secondary);background:var(--surface-hover);font-size:var(--type-meta)}
.support-context summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:var(--space-inline);font-weight:600}.support-context summary:after{content:'+';margin-inline-start:auto}.support-context[open] summary:after{content:'−'}
:root body.in-workspace dialog.platform-support-dialog .support-subject{margin:var(--space-inline) 0 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-primary);font-size:var(--type-body);line-height:1.5}
.support-day{align-self:center;font-size:var(--type-eyebrow);color:var(--text-secondary);padding:4px var(--space-inline)}
:root body.in-workspace dialog.platform-support-dialog .support-message{flex:none;box-sizing:border-box;max-width:85%;min-width:100px;margin:0;padding:var(--space-inline) var(--space-fields);border:1px solid var(--line);border-radius:4px 14px 14px 14px;background:var(--surface-field);color:var(--text-primary)}
:root body.in-workspace dialog.platform-support-dialog .support-message.is-mine{align-self:flex-end;margin:0;border-radius:14px 4px 14px 14px;background:var(--surface-hover)}
.support-message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-fields);color:var(--text-secondary);font-size:var(--type-meta)}.support-message-meta strong{font-size:inherit;font-weight:600;overflow-wrap:anywhere}.support-message-meta time{flex:none;font-variant-numeric:tabular-nums}
:root body.in-workspace dialog.platform-support-dialog .support-message p{margin:4px 0 0;font-size:var(--type-body);line-height:1.55;color:var(--text-primary)}
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail] .support-composer{flex:none;margin:0;padding:var(--space-inline) 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) var(--control-target);gap:var(--space-inline);align-items:end}
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail] .support-composer textarea{height:auto;min-height:44px;max-height:100px;resize:none;field-sizing:content;padding:var(--action-padding-block) var(--action-padding-inline);line-height:1.5;border-radius:12px;font-size:var(--type-control)}
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail] .support-composer .support-send{padding:0;border:0}
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail] .support-composer button{width:44px;min-height:44px;height:44px;margin:0;padding:var(--space-inline);border-radius:12px}
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail] .support-footer{display:none}
.platform-support-dialog[data-support-view=detail] .support-call-controls:empty,.platform-support-dialog[data-support-view=detail] .support-call-state:empty{display:none}
.platform-support-dialog[data-support-view=detail] .support-media{flex:none;max-height:180px;min-height:100px;aspect-ratio:auto;margin-top:var(--space-inline)}
.platform-support-dialog[data-support-view=detail] .support-call-controls{flex:none;padding:var(--space-inline) 0}
.platform-support-dialog[data-support-view=detail] .support-resolution{align-self:stretch;flex:none;font-size:var(--type-body)}
.platform-support-dialog[data-support-finishing=true] [data-support-detail]{display:none}
:root body.in-workspace dialog.platform-support-dialog[data-support-finishing=true] .support-body{overflow:auto;padding-top:var(--space-fields)}
.support-finish{grid-template-columns:minmax(0,1fr) auto;align-content:start}.support-finish>label{grid-column:1/-1}.support-finish>button{width:auto!important;margin:0!important}
@media(max-width:700px){:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail]{inset:0 0 var(--mobile-nav-height,0px);width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:min(700px,calc(100dvh - var(--mobile-nav-height,0px) - 16px));max-height:calc(100dvh - var(--mobile-nav-height,0px) - 16px);padding:var(--space-inline)}.support-contact-avatar{display:none}:root body.in-workspace dialog.platform-support-dialog .support-message{max-width:92%}}
@supports(-webkit-touch-callout:none){:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail] .support-composer textarea{font-size:max(16px,var(--type-control))}}

:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail] .support-toolbar .support-detail-actions>button{width:var(--control-target);height:var(--control-target);padding:var(--space-inline)}
:root body.in-workspace dialog.platform-support-dialog[data-support-view=detail] .support-send>.submit-button{background:linear-gradient(var(--accent-top),var(--accent));color:var(--on-accent,#fff);border-color:var(--accent);box-shadow:none}
@media(max-height:600px){.platform-support-dialog[data-support-view=detail] .support-media{min-height:72px;max-height:96px}.platform-support-dialog[data-support-view=detail] .support-call-state{margin:4px 0}}
/* Call workspace: media has its own stage; conversation retains a fixed composer. */
.support-session-layout{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.support-thread{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}
.support-call-stage{flex:none;min-height:0;min-width:0}
.support-call-stage:not(:has(.support-call-controls:not(:empty))):has(.support-media[hidden]){display:none}
.support-call-dock{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline);flex:none;padding:var(--space-inline) 0;border-bottom:1px solid var(--line)}
:root body.in-workspace dialog.platform-support-dialog .support-call-dock .support-call-state{margin:0;font-size:var(--type-meta);line-height:1.4}
:root body.in-workspace dialog.platform-support-dialog .support-call-dock .support-call-controls{padding:0;justify-content:flex-end;gap:var(--space-inline)}
:root body.in-workspace dialog.platform-support-dialog .support-call-controls>.glass-button{width:44px;height:44px;padding:var(--space-inline);margin:0;box-shadow:none}
:root body.in-workspace dialog.platform-support-dialog .support-call-controls>.support-end-call{color:var(--text-error);background:color-mix(in srgb,var(--text-error) 10%,var(--surface-field));border-color:color-mix(in srgb,var(--text-error) 25%,var(--line))}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=audio][data-support-view=detail]{width:min(820px,calc(100vw - 24px));height:min(640px,calc(100dvh - 32px))}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video][data-support-view=detail]{width:min(1180px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:min(780px,calc(100dvh - 32px))}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-session-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:var(--space-fields);padding-top:var(--space-fields)}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-call-stage{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#151718;border:1px solid var(--line)}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-media{position:relative;flex:1;min-height:0;height:auto;max-height:none;width:100%;aspect-ratio:auto;margin:0;border-radius:0;overflow:hidden}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-media video[data-support-remote]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-media video[data-support-local]{width:26%;height:auto;max-height:30%;right:12px;bottom:12px;aspect-ratio:16/10;border:1px solid #ffffff40;border-radius:12px;box-shadow:0 8px 20px #0004}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-call-dock{padding:var(--space-fields);border:0;flex-direction:column;justify-content:center;gap:var(--space-inline);color:#f2f3f5;background:#202326}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-call-state{color:#d0d3d7}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-call-controls{justify-content:center}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-call-controls>.glass-button{background:#ffffff12;color:#f2f3f5;border:1px solid #ffffff24}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-call-controls>.glass-button:hover{background:var(--surface-hover);color:var(--text-primary)}
:root body.in-workspace dialog.platform-support-dialog .support-call-controls>.glass-button:active{background:var(--surface-pressed);color:var(--text-primary)}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-call-controls>.support-end-call{background:#b42337;color:#fff;border-color:#b42337}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-thread{border:1px solid var(--line);border-radius:12px;padding:var(--space-inline);background:var(--surface-field)}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-thread .support-messages{padding:var(--space-inline) 0}
:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-message{max-width:94%}
:root body.in-workspace dialog.platform-support-dialog[data-support-media-focus=true] .support-session-layout{grid-template-columns:minmax(0,1fr)}
:root body.in-workspace dialog.platform-support-dialog[data-support-media-focus=true] .support-thread{display:none}
@media(max-width:700px){
 :root body.in-workspace dialog.platform-support-dialog[data-support-call]:is([data-support-call=video],[data-support-call=audio])[data-support-view=detail]{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:min(780px,calc(100dvh - var(--mobile-nav-height,0px) - 16px));max-height:calc(100dvh - var(--mobile-nav-height,0px) - 16px)}
 :root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-session-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(100px,1fr) minmax(140px,1fr);gap:var(--space-inline);padding-top:var(--space-inline)}
 :root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-call-dock{padding:4px var(--space-inline);gap:4px}
 :root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-call-controls{gap:4px;flex-wrap:nowrap}
 :root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-call-state{display:none}
 :root body.in-workspace dialog.platform-support-dialog[data-support-media-focus=true] .support-session-layout{grid-template-rows:minmax(0,1fr)}
 .support-call-dock{flex-wrap:wrap}
}

@media(max-width:700px) and (max-height:600px){:root body.in-workspace dialog.platform-support-dialog[data-support-call=video] .support-session-layout{grid-template-rows:minmax(72px,1fr) minmax(100px,1fr)}:root body.in-workspace dialog.platform-support-dialog[data-support-media-focus=true] .support-session-layout{grid-template-rows:minmax(0,1fr)}}