.sitechat-card{position:relative;overflow:hidden;border:1px solid rgba(201,161,91,.28)}.sitechat-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(201,161,91,.18),transparent 34%);pointer-events:none}.sitechat-card>*{position:relative}.sitechat-status-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}.sitechat-lux-card,.sitechat-preview-card{border:1px solid rgba(201,161,91,.28);box-shadow:0 18px 60px rgba(0,0,0,.07)}.premium-toggle{background:linear-gradient(135deg,rgba(17,17,17,.04),rgba(201,161,91,.09));border:1px solid rgba(201,161,91,.22);border-radius:22px;padding:18px}.toggle-line{display:flex;gap:12px;align-items:center;font-weight:800}.toggle-line input{width:20px;height:20px}.color-grid input[type=color]{height:44px;padding:4px}.script-box{white-space:pre-wrap;word-break:break-all;background:#17130d;color:#f8e6bd;border:1px solid rgba(201,161,91,.35);border-radius:18px;padding:16px;font-size:13px}.sitechat-preview{margin:20px 0;padding:16px;border-radius:24px;background:linear-gradient(145deg,#14100b,#2a2117);color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.18)}.preview-badge{display:inline-flex;border:1px solid rgba(201,161,91,.5);color:#f6d698;border-radius:999px;padding:5px 10px;font-size:12px;margin-bottom:12px}.preview-window{background:#fffaf0;color:#1f1a14;border-radius:22px;overflow:hidden}.preview-head{background:linear-gradient(135deg,#111,#2a2117);color:#fff;padding:15px}.preview-head b{display:block}.preview-head span{font-size:12px;color:rgba(255,255,255,.68)}.preview-body{padding:14px}.preview-bubble{padding:10px 12px;border-radius:15px;margin:8px 0;font-size:13px}.preview-bubble.op{background:#111;color:#fff;border-bottom-left-radius:5px}.preview-bubble.me{background:#f3ead7;margin-left:34px;border-bottom-right-radius:5px}.sitechat-url-under-max{display:block;margin-top:8px;padding:9px 10px;border:1px solid rgba(201,161,91,.28);border-radius:14px;background:rgba(201,161,91,.08);font-size:12px;line-height:1.35}.sitechat-url-under-max a{color:inherit;text-decoration:underline;word-break:break-all}.customer-drawer-close{display:none}
@media(max-width:860px){.customer-card{position:fixed!important;top:0;right:0;bottom:0;width:min(88vw,390px);z-index:10050;background:var(--card-bg,#fff);transform:translateX(108%);transition:transform .22s ease,box-shadow .22s ease;overflow:auto;border-radius:24px 0 0 24px;box-shadow:none;padding-top:54px}.customer-card.open{transform:translateX(0);box-shadow:-24px 0 80px rgba(0,0,0,.28)}.customer-card-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.38);backdrop-filter:blur(2px);z-index:10040;opacity:0;pointer-events:none;transition:.2s}.customer-card-backdrop.open{opacity:1;pointer-events:auto}.customer-drawer-close{display:grid;place-items:center;position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(17,17,17,.08);font-size:24px;cursor:pointer}.chat-title-wrap .avatar,.chat-title-wrap .small{cursor:pointer;box-shadow:0 0 0 3px rgba(201,161,91,.18)}}

/* SiteChat hotfix: мобильная карточка клиента поверх матового оверлея */
@media(max-width:860px){
  html.customer-drawer-open, body.customer-drawer-open{overflow:hidden!important;}
  .customer-card[data-customer-drawer], .customer-card{
    display:block!important; visibility:visible!important; opacity:1!important;
    position:fixed!important; top:0!important; right:0!important; left:auto!important; bottom:0!important;
    width:min(90vw,420px)!important; max-width:420px!important;
    height:100dvh!important; max-height:100dvh!important; min-height:100dvh!important;
    z-index:2147482601!important; overflow:auto!important;
    transform:translate3d(112%,0,0)!important;
    transition:transform .22s cubic-bezier(.22,.8,.22,1), box-shadow .22s ease!important;
    border-radius:24px 0 0 24px!important; background:var(--card-bg,#fffaf5)!important;
    box-shadow:none!important; padding:58px 18px 22px!important; box-sizing:border-box!important;
  }
  .customer-card.open, .customer-card.is-open{
    transform:translate3d(0,0,0)!important; box-shadow:-28px 0 90px rgba(0,0,0,.32)!important;
  }
  .customer-card-backdrop{
    display:block!important; position:fixed!important; inset:0!important; z-index:2147482600!important;
    background:rgba(0,0,0,.42)!important; -webkit-backdrop-filter:blur(3px)!important; backdrop-filter:blur(3px)!important;
    opacity:0!important; pointer-events:none!important; transition:opacity .18s ease!important;
  }
  .customer-card-backdrop.open, .customer-card-backdrop.is-open{opacity:1!important; pointer-events:auto!important;}
  .customer-drawer-close{
    display:grid!important; place-items:center!important; position:absolute!important; top:12px!important; right:12px!important;
    width:38px!important; height:38px!important; border:0!important; border-radius:50%!important;
    background:rgba(17,17,17,.08)!important; color:#1f1a14!important; font-size:26px!important; line-height:1!important;
    cursor:pointer!important; z-index:2!important;
  }
  [data-open-customer-card], .chat-title-wrap .avatar, .chat-title-wrap .small, .chat-head .avatar{
    cursor:pointer!important; box-shadow:0 0 0 3px rgba(201,161,91,.22)!important;
  }
}

/* MAXDesk settings/detail grids alignment fix v70 */

/* Управление магазином: аккуратная сетка карточек, ровные строки */
.shop-detail-grid{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  align-content: start !important;
  gap: 22px !important;
}

.shop-detail-grid > .card{
  align-self: stretch !important;
  height: 100% !important;
  margin: 0 !important;
}

/* Последняя карточка ИИ не должна уезжать/центрироваться из-за старых общих правил */
.shop-detail-grid > .ai-settings-card{
  align-self: stretch !important;
  margin: 0 !important;
}

/* Кнопка чата для сайта: оба блока стартуют строго с одной высоты */
.sitechat-settings-grid{
  display:grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr) !important;
  align-items: start !important;
  align-content: start !important;
  gap: 22px !important;
}

.sitechat-settings-grid > .sitechat-lux-card,
.sitechat-settings-grid > .sitechat-preview-card{
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  max-width: none !important;
  position: relative !important;
  top: auto !important;
}

.sitechat-settings-grid > .sitechat-preview-card{
  width: 100% !important;
}

/* Правая карточка на странице виджета не растягивается по высоте длинной формы слева */
.sitechat-preview-card{
  height: fit-content !important;
}

/* Операторы магазина: правая форма создания должна начинаться на одной линии с левым блоком */
.operator-management-grid{
  display:grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 440px) !important;
  align-items: start !important;
  align-content: start !important;
  gap: 22px !important;
}

.operator-left-stack,
.operator-right-card,
.create-operator-card{
  align-self: start !important;
  margin-top: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Отключаем старый sticky top:84px, из-за него правый блок визуально опускался при прокрутке */
.operator-right-card{
  position: static !important;
  top: auto !important;
}

/* Общий стопор для страниц настроек: карточки не центрируются вертикально и не уезжают вниз */
.management-grid,
.sitechat-settings-grid,
.operator-management-grid{
  justify-items: stretch !important;
}

.management-grid > .card,
.sitechat-settings-grid > .card,
.operator-management-grid > .card,
.operator-left-stack > .card{
  transform: none !important;
}

/* Декоративные псевдо-логотипы внутри карточек настроек больше не перекрывают текст */
.sitechat-settings-grid > .card::before,
.sitechat-settings-grid > .card::after,
.operator-management-grid > .card::before,
.operator-management-grid > .card::after,
.shop-detail-grid > .card::before,
.shop-detail-grid > .card::after{
  pointer-events: none !important;
}

/* Планшет/мобилка */
@media (max-width: 980px){
  .shop-detail-grid,
  .sitechat-settings-grid,
  .operator-management-grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .shop-detail-grid > .card,
  .sitechat-settings-grid > .sitechat-lux-card,
  .sitechat-settings-grid > .sitechat-preview-card,
  .operator-right-card{
    height: auto !important;
    width: 100% !important;
  }
}