/* Shared glass material. Geometry and brand accents belong to each component. */
:root{--site-glass:linear-gradient(145deg,rgba(125,132,145,.24),rgba(30,34,43,.36));--site-glass-filter:blur(28px) saturate(1.25);--glass-panel:var(--site-glass);--glass-line:transparent;--glass-inset:rgba(180,194,209,.10);}
html body .workspace :is(.glass,.chat-space,.manager-question-create-card,.knowledge-manager-table,.event-card,.event-create-card,.knowledge-material-list,.knowledge-manager-base,.analytics-stat,.analytics-health,.analytics-coverage,.analytics-report-state,.integration-card,.settings-panel,.settings-unified-profile,.crm-profile-card,.crm-client-brief,.crm-best-action,.crm-client-information,.crm-client-activity,.crm-client-facts,.crm-client-history,.crm-details-card,.crm-mobile-client-summary,.crm-mobile-widget,.app-notice-dialog,.rental-host-bubble),
body .workspace :is(.analytics-pro-grid,.analytics-ai-grid,.crm-client-columns)>:is(article,section),
html body .crm-contact-dialog .crm-mobile-contact-actions :is(a,button,.is-disabled){
 background:var(--site-glass)!important;border-color:transparent!important;box-shadow:none!important;
 backdrop-filter:var(--site-glass-filter)!important;-webkit-backdrop-filter:var(--site-glass-filter)!important;
}
body :is(.header-actions .login-button,.header-actions .language-button,.orb-back){background:var(--site-glass)!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:var(--site-glass-filter)!important;-webkit-backdrop-filter:var(--site-glass-filter)!important;color:#f1f6fa;}
body .workspace.workspace--chats :is(.mobile-menu-toggle,.chat-mode-button,.chat-crm-button,.attachment-button ),
body .workspace.workspace--crm .crm-desk-search-wrap{
 background:var(--site-glass)!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:var(--site-glass-filter)!important;-webkit-backdrop-filter:var(--site-glass-filter)!important;
}
@media(max-width:1180px){body .workspace.workspace--chats .message-form::before{background:var(--site-glass)!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:var(--site-glass-filter)!important;-webkit-backdrop-filter:var(--site-glass-filter)!important;}}

html body .crm-contact-dialog :is(.crm-mobile-client-summary,.crm-mobile-widget),
html body :is(.glass,.rental-host-bubble,.app-notice-dialog){background:var(--site-glass)!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:var(--site-glass-filter)!important;-webkit-backdrop-filter:var(--site-glass-filter)!important;}
/* Two readable text levels on glass; keep yellow actions and message colours. */
html body .workspace :is(.integrations-dashboard,.ai-team-view,.ai-team-details,.settings-view,.knowledge-minimal,.manager-question-confirmed) :is(p,li,label,small,dt,dd){color:#cbd9e5!important;}
html body .workspace :is(.integrations-dashboard,.ai-team-view,.ai-team-details,.settings-view) :is(h2,h3,h4,strong){color:#f1f6fa!important;}
html body .workspace .telegram-connect-steps :is(a,code){color:#f1f6fa!important;background:transparent!important;}
html body .workspace .telegram-connect-security{color:#cbd9e5!important;}
html body .workspace .ai-employee-slot .ai-employee-card>header span,
html body .workspace .ai-team-chips span{background:var(--site-glass)!important;color:#f1f6fa!important;border-color:transparent!important;backdrop-filter:var(--site-glass-filter);}
html body .workspace .message-photo{display:block;width:auto!important;height:auto!important;max-width:min(100%,280px)!important;max-height:300px!important;object-fit:contain!important;border-radius:12px;margin:6px 0;}
html body .workspace .message-photo-link{display:block;max-width:100%;}
html body .workspace .message-audio{display:block;width:260px;max-width:100%;margin:6px 0;}
@media(max-width:1180px){
 body:not(.mobile-menu-open) .sidebar{visibility:hidden!important;pointer-events:none!important;transform:translateX(-110%)!important;}
 body.mobile-menu-open .sidebar.is-mobile-open{visibility:visible!important;pointer-events:auto!important;}
 html body .workspace .message-photo{max-width:min(100%,240px)!important;max-height:280px!important;}
}

/* Widget configuration groups are unframed; preview owns its text palette. */
html body #website-chat-form fieldset { border: 0 !important; box-shadow: none !important; min-width: 0; padding-inline: 0; }
html body #website-chat-form legend { padding: 0; margin-bottom: 14px; }
html body #website-chat-form section > header { color: #f1f6fa; }
html body #website-chat-form section > header > b,
html body #website-chat-form section > header > button { color: #f1f6fa !important; }
html body #website-chat-form .website-preview-window header b { color: inherit !important; }

/* Desktop knowledge tables: one glass surface, with every column kept inside it. */
@media (min-width: 1181px) {
  html body .workspace--requests .manager-question-confirmed .knowledge-manager-table > :is(header, article) {
    grid-template-columns: 44px minmax(0, 1fr) minmax(150px, max-content);
    gap: 16px;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding-inline: 20px;
  }

  html body .workspace--requests .manager-question-confirmed .knowledge-manager-table > article > *,
  html body .workspace--knowledge .knowledge-manager-base .knowledge-manager-table > article > * {
    min-width: 0;
    max-width: 100%;
  }

  html body .workspace--requests .manager-question-confirmed .knowledge-status,
  html body .workspace--knowledge .knowledge-manager-base .knowledge-status {
    justify-self: end;
    width: max-content;
    max-width: 100%;
    white-space: nowrap;
  }

  html body .workspace--knowledge .knowledge-manager-base .knowledge-manager-table {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .workspace--knowledge .knowledge-manager-base .knowledge-manager-table > :is(header, article) {
    grid-template-columns: 44px minmax(0, 1fr) minmax(116px, max-content) 44px;
    gap: 16px;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 16px 0;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .workspace--knowledge .knowledge-manager-base .knowledge-question-index {
    justify-self: start;
  }

  html body .workspace--knowledge .knowledge-manager-base .knowledge-material-actions {
    justify-self: end;
    width: 44px;
  }
}