#chef-di{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:900;font:15px/1.45 Arial,sans-serif;color:#2d4025}#chef-di *{box-sizing:border-box}#chef-di [hidden]{display:none!important}#chef-di button,#chef-di input,#chef-di textarea,#chef-di select{font:inherit}#chef-di button{cursor:pointer}#chef-di button:focus-visible,#chef-di a:focus-visible{outline:3px solid #b55b38;outline-offset:3px}.di-launch{display:flex;align-items:center;gap:10px;border:1px solid #a6b48e;background:#fff9e9;color:#354c2b;box-shadow:0 5px 20px #23361d24;border-radius:40px;padding:10px 20px 10px 12px;font-weight:700!important}.di-launch>span:first-child{font-size:33px;background:#e2ead3;border-radius:50%;width:47px;height:47px}.di-launch small{display:block;font-size:11px;font-weight:400}.di-invite{position:absolute;bottom:84px;right:0;background:#fffdf6;padding:12px;border:1px solid #bbcaab;border-radius:15px;white-space:nowrap}#di-panel{position:absolute;bottom:84px;right:0;width:min(390px,calc(100vw - 28px));height:min(690px,calc(100dvh - 126px));border:1px solid #afbd9c;border-radius:24px;background:#fffdf6;box-shadow:0 12px 65px #20321938;overflow:hidden;display:flex;flex-direction:column}#di-panel header{padding:18px 20px;background:#42632f;color:white;display:flex;justify-content:space-between;align-items:center}#di-panel header strong{font-size:23px}#di-panel header small{display:block;font-size:12px;color:#e9efdf}.di-close{font-size:28px!important;border:0;background:transparent;color:white;min-width:40px;height:40px}.di-scroll{padding:18px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.di-welcome{margin:0 0 10px}.di-info,.di-state{font-size:12px;color:#65725b}.di-links{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.di-links a{border:1px solid #bdcba9;border-radius:20px;padding:7px 10px;font-size:12px;text-decoration:none;color:#355428;background:#f1f5e8}.di-rules{padding:12px;background:#fff0d6;border-radius:12px;font-size:13px}.di-message{padding:12px;border-radius:14px;background:#e8efdE;white-space:pre-wrap;overflow-wrap:anywhere}.di-message.guest{background:#f2e8d6;margin-left:20px}.di-message.staff{margin-right:20px}.di-message b{display:block;font-size:11px;margin-bottom:4px}.di-handoff{border:1px solid #a4b590;border-radius:15px;padding:9px 12px;background:white;color:#42632f}.di-contact{margin-top:14px}.di-contact summary{cursor:pointer;font-size:13px;text-decoration:underline}.di-lead{display:grid;gap:10px;margin-top:12px}.di-lead label{font-size:12px}.di-lead input:not([type=checkbox]),.di-lead select{display:block;width:100%;padding:9px;border:1px solid #bdcba9;border-radius:8px;background:#fff}.di-check{display:flex;align-items:flex-start;gap:7px;font-size:11px!important;line-height:1.4}.di-check input{flex:none;width:17px;height:17px;margin:0;accent-color:#42632f}.di-check a{color:inherit;text-decoration:underline}.di-lead button,.di-compose button{background:#42632f;color:white;border:0;border-radius:10px;padding:12px}.di-compose{border-top:1px solid #d8ddcd;padding:12px;background:#fffdf6}.di-compose>div{display:flex;gap:6px;margin-top:8px}.di-compose textarea{flex:1;min-width:0;resize:none;border:1px solid #bdcba9;border-radius:10px;padding:9px;background:white}.di-compose button:disabled,.di-lead button:disabled{opacity:.6}.di-error{color:#992f20;font-size:12px;margin:5px 0 0}.di-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#chef-di.di-cookie-visible{visibility:hidden}@media(max-width:600px){#chef-di{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.di-launch{padding:6px 14px 6px 7px}.di-launch>span:first-child{width:40px;height:40px;font-size:29px}#di-panel{bottom:69px;height:min(650px,calc(100dvh - 100px));border-radius:18px}.di-invite{bottom:65px}}@media(prefers-reduced-motion:reduce){#chef-di *{scroll-behavior:auto!important}}

/* chef-di-avatar-v1 */
#chef-di .di-avatar{display:block;width:48px;height:48px;min-width:48px;aspect-ratio:1;object-fit:contain;border-radius:50%;border:0;padding:2px;background:#fff;flex:0 0 48px;box-shadow:none}
#chef-di .di-launch>.di-avatar{width:56px;height:56px;min-width:56px;flex-basis:56px}
#chef-di .di-launch>span:first-child{background:none;width:auto;height:auto;font-size:inherit}
#chef-di #di-panel header{gap:10px}
#chef-di #di-panel header>div{min-width:0;flex:1}
#chef-di #di-panel header small{line-height:1.3}
@media(max-width:600px){#chef-di .di-launch>.di-avatar{width:48px;height:48px;min-width:48px;flex-basis:48px}#chef-di #di-panel header{padding:14px 12px}}


/* CHEF_DI_COMPACT_LAUNCH_START */

/* ==========================================
   ШЕФ ДИ
   В покое — только круглая иконка.
   Наведение — раскрывается приглашение.
   ========================================== */

.di-launch {
  width: 70px !important;
  min-width: 70px !important;
  height: 70px !important;

  padding: 6px !important;
  gap: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  overflow: hidden !important;

  border-radius: 999px !important;

  transition:
    width .28s ease,
    min-width .28s ease,
    padding .28s ease,
    gap .28s ease,
    box-shadow .25s ease,
    background .25s ease !important;
}

/* Аватар всегда виден */
.di-launch .di-avatar {
  width: 56px !important;
  height: 56px !important;

  min-width: 56px !important;
  flex: 0 0 56px !important;

  margin: 0 !important;

  border-radius: 50% !important;
}

/* Текст скрыт в неактивном состоянии */
.di-launch > span {
  max-width: 0 !important;
  margin: 0 !important;

  opacity: 0 !important;
  visibility: hidden !important;

  overflow: hidden !important;
  white-space: nowrap !important;

  transform: translateX(-8px);

  pointer-events: none;

  transition:
    max-width .28s ease,
    opacity .20s ease,
    transform .28s ease,
    visibility .20s ease !important;
}

/* Наведение мышью — раскрываем призыв */
@media (hover: hover) and (pointer: fine) {

  .di-launch:hover,
  .di-launch:focus-visible {
    width: 235px !important;
    min-width: 235px !important;

    padding:
      6px 18px 6px 6px !important;

    gap: 12px !important;

    box-shadow:
      0 10px 28px rgba(35,71,45,.18) !important;
  }

  .di-launch:hover > span,
  .di-launch:focus-visible > span {
    max-width: 155px !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: translateX(0);
  }
}

/* Название */
.di-launch > span {
  text-align: left !important;
  line-height: 1.15 !important;
}

/* Призыв */
.di-launch > span small {
  display: block !important;

  margin-top: 4px !important;

  white-space: nowrap !important;
}

/* Телефон / планшет:
   всегда только круглая кнопка.
   Нажатие открывает чат. */
@media (hover: none), (pointer: coarse) {

  .di-launch,
  .di-launch:hover,
  .di-launch:focus {
    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;

    padding: 5px !important;
    gap: 0 !important;
  }

  .di-launch .di-avatar {
    width: 54px !important;
    height: 54px !important;

    min-width: 54px !important;
    flex-basis: 54px !important;
  }

  .di-launch > span,
  .di-launch:hover > span,
  .di-launch:focus > span {
    display: none !important;
  }
}

/* CHEF_DI_COMPACT_LAUNCH_END */

