/* Приватный чат. Размер окна не зависит от масштаба рабочего холста. */
.btn.btn-support{color:var(--accent);background:var(--accent-soft);border-color:#add9cd;font-weight:700;white-space:nowrap}
.btn.btn-support:hover:not(:disabled){background:#c9e9df;border-color:#78bda9}
.btn-support .support-dot{width:9px;height:9px;margin-left:2px;animation-duration:4s}
/* Вход в поддержку должен быть выше мастера и вводного окна калибровки. */
#payBackdrop.pay-auth-only{z-index:90}
/* Общая поддержка доступна из любой шапки мастера. Блик редкий и мягкий. */
.btn.btn-support-wizard{position:relative;overflow:hidden;isolation:isolate;flex:none;gap:7px;padding:9px 13px;font-size:14px;line-height:1.25}
.btn-support-wizard::after{content:"";position:absolute;inset:-30% auto -30% 0;width:38%;pointer-events:none;background:linear-gradient(105deg,transparent,#ffffff9c,transparent);transform:translateX(-300%);animation:support-wizard-gleam 5s ease-in-out infinite}
@keyframes support-wizard-gleam{0%,70%{transform:translateX(-300%)}90%,100%{transform:translateX(400%)}}
.btn-support-wizard:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.btn-support .support-unread[hidden]{display:none!important}
.wiz-head-btns{align-items:center;gap:8px}
.wizard:not(.wide) .wiz-head{display:flex;flex-wrap:wrap}
.wizard:not(.wide) .wiz-heading{order:0}
.wizard:not(.wide) .wiz-head-btns{order:1;margin-left:auto}
.wizard:not(.wide) .wiz-step-label{order:2;flex-basis:100%}
#calibBackdrop .calib7-head-text{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.calib-intro-head{display:grid;grid-template-columns:50px minmax(0,1fr) auto}
.calib-intro-head>.btn-support-wizard{grid-column:1 / -1;grid-row:1;justify-self:end}
.calib-intro-head>.calib-intro-icon{grid-column:1;grid-row:2}
.calib-intro-head>div{grid-column:2;grid-row:2;min-width:0}
.calib-intro-head>.video-course-camera{grid-column:3;grid-row:2}
@media(prefers-reduced-motion:reduce){.btn-support-wizard::after{animation:none;display:none}}
@media(prefers-reduced-motion:reduce){.btn-support .support-dot{animation:none;box-shadow:0 0 0 3px #22c55e22}}
.support-dialog,.support-conversation,.support-admin-layout{font-family:var(--font,system-ui,-apple-system,"Segoe UI",sans-serif);font-size:16px;line-height:1.45;color:#204743;box-sizing:border-box}
.support-dialog *,.support-admin-layout *{box-sizing:border-box}
.support-dialog [hidden],.support-admin-layout [hidden],#supportUnread[hidden],#supportCount[hidden]{display:none!important}
.support-dialog{position:fixed;inset:24px 24px 24px auto;margin:0;width:560px;max-width:calc(100vw - 32px);height:760px;max-height:calc(100dvh - 48px);padding:0;border:1px solid #bcded8;border-radius:20px;background:#fff;box-shadow:0 20px 70px #123b3333;overflow:hidden}
.support-dialog[open]{display:flex;flex-direction:column}
.support-dialog::backdrop{background:#163d3547}
.support-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid #e2ece9;flex:none}
.support-heading h2{font-size:24px;line-height:1.25;margin:4px 0 0;color:#164e49;letter-spacing:0}
.support-eyebrow{font-size:13px;font-weight:600;color:#617a75}
.support-hours{flex:none;margin:0;padding:14px 20px;text-align:center;font-size:14px;line-height:1.5;color:#617a75;background:#f5f9f8;border-bottom:1px solid #e2ece9}
.support-hours strong,.support-hours span{display:block}
.support-hours strong{color:#41736a;font-weight:600}
.support-dialog .support-close{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #d5e3df;border-radius:10px;background:white;color:#345a54;font:26px/1 Arial;cursor:pointer;padding:0;min-width:0}
.support-client-chat{flex:1;min-height:0}
.support-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:#fff}
.support-history{overflow:auto;overscroll-behavior:contain;flex:1;min-height:110px;padding:20px;background:#f5f9f8;scrollbar-gutter:stable;outline-offset:-3px}
.support-messages{display:flex;flex-direction:column;gap:14px}
.support-day-divider{display:flex;align-items:center;align-self:stretch;gap:12px;margin:6px 0;color:#617a75;font-size:13px;font-weight:600;line-height:1.4;text-align:center}
.support-day-divider::before,.support-day-divider::after{content:"";flex:1;min-width:0;border-top:1px solid #cfdfd9}
.support-day-divider time{flex:none;white-space:nowrap}
.support-empty{padding:40px 18px;text-align:center;color:#697c77;font-size:16px}
.support-message{align-self:flex-start;max-width:88%;padding:12px 14px;background:#fff;border:1px solid #dfebe7;border-radius:4px 15px 15px 15px;overflow-wrap:anywhere;box-shadow:0 2px 3px #234e4503}
.support-message.support-own{align-self:flex-end;background:#e1f2ed;border-color:#cce6dd;border-radius:15px 4px 15px 15px}
.support-author{display:none;font-size:12px;font-weight:700;color:#41736a;margin-bottom:5px}
.support-message-text{white-space:pre-wrap;margin:0;font-size:16px;line-height:1.5;color:#223c37}
.support-time{display:block;text-align:right;font-size:11px;color:#71857e;margin-top:7px}
.support-attachment{display:flex;flex-direction:column;gap:5px;align-items:flex-start;max-width:100%;margin:8px 0 0;padding:8px;border:1px solid #c9dfd8;background:#ffffffa6;border-radius:9px;cursor:pointer;color:#006e64;font:inherit;font-size:13px;text-align:left;overflow-wrap:anywhere;white-space:normal}
.support-thumbnail{display:block;width:180px;max-width:100%;height:120px;object-fit:contain;border-radius:4px;background:#f1f5f3}
.support-expired{font-size:13px;color:#71807b;margin:8px 0}
.support-compose{padding:16px 20px 12px;border-top:1px solid #dce8e3;flex:none;margin:0;background:#fff}
.support-input-label{display:block;font-size:13px;font-weight:600;color:#4d6c63;margin:0}
.support-compose .support-text{display:block;width:100%;min-height:76px;max-height:150px;resize:vertical;border:1px solid #cadbd5;border-radius:10px;padding:10px 12px;margin:6px 0 10px;font:inherit;font-size:16px;line-height:1.4;color:#223c37;background:#fff;box-shadow:none}
.support-compose .support-text:focus{outline:2px solid #a7d9cd;outline-offset:1px;border-color:#087d70}
.support-compose-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.support-compose .support-attach,.support-older,.support-recent{border:0;background:transparent;color:#08766a;padding:5px 0;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:none;border-radius:4px}
.support-counter{margin-left:auto;color:#7c8d86;font-size:11px;white-space:nowrap}
.support-compose .support-send{padding:10px 16px;min-height:42px;border:1px solid #087b6e;border-radius:9px;background:#087b6e;color:white;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:none}
.support-conversation button:disabled{opacity:.55;cursor:default}
.support-file-hint{font-size:11px;color:#7b8b84;margin:8px 0 0}
.support-drafts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.support-drafts:empty{display:none}
.support-draft{display:flex;align-items:center;gap:6px;max-width:100%;border:1px solid #cfe1d9;border-radius:6px;background:#f3f8f5;padding:3px 6px;font-size:12px}
.support-draft>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-draft button{border:0;background:transparent;cursor:pointer;font:18px/1 Arial;color:#52766a;padding:2px 4px;box-shadow:none}
.support-error{flex:none;background:#fff2e8;color:#90451c;padding:10px 20px;margin:0;font-size:14px;border-top:1px solid #f4decf}
.support-recent{background:#e7f3ed;text-align:center;font-size:13px;padding:8px}
.support-older{display:block;margin:0 auto 14px;font-size:13px}
.support-footer{flex:none;text-align:center;background:white;padding:0 20px 12px;font-size:12px;color:#7b8b84}
.support-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:#087b6e;color:#fff;border-radius:12px;font-size:11px;font-weight:700;margin-left:3px}
.support-admin-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;height:calc(100vh - 235px);min-height:580px;max-height:950px}
.support-admin-sidebar{display:flex;flex-direction:column;min-height:0;padding:16px!important;overflow:hidden}
.support-admin-sidebar label{font-size:13px;display:block;margin:0 0 10px}
.support-admin-sidebar select{display:block;width:100%;margin:6px 0 0}
.support-admin-list{overflow:auto;min-height:0;flex:1}
.support-chat-row{display:block;text-align:left;white-space:normal;width:100%;padding:13px 10px;border:0;border-bottom:1px solid #e5eee9;border-radius:0;background:white;color:#244b40;cursor:pointer;box-shadow:none;font:inherit}
.support-chat-row:hover,.support-chat-row[aria-current=true]{background:#edf7f2}
.support-chat-row strong{font-size:14px;display:block;overflow-wrap:anywhere}
.support-chat-row .support-row-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#657d71;margin-top:6px}
.support-chat-row .support-preview{display:block;color:#738379;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:5px}
.support-admin-detail{min-height:0;display:flex;flex-direction:column;padding:0!important;overflow:hidden}
.support-admin-detail>.support-empty{margin:auto}
.support-admin-chat{flex:1;min-height:0}
.support-admin-head{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 20px;flex:none;border-bottom:1px solid #e0eae5}
.support-admin-head strong{display:block;font-size:16px;overflow-wrap:anywhere}
.support-admin-head small{display:block;color:#728577;font-size:12px}
.support-admin-tools{display:flex;gap:7px;flex:none}
.support-admin-tools button{font-size:12px;padding:7px 9px}
.support-admin-tools .support-delete{color:#a04436;border-color:#e2bdb4}
.support-admin-status{font-size:13px;color:#667e72;margin:2px 0 10px}
.support-storage{margin:0 0 12px;color:#6d8075;font-size:12px}
.support-storage.support-storage-warning{padding:10px 14px;border:1px solid #ecc674;background:#fff7dd;color:#7d5915;border-radius:9px;font-size:14px}
@media(max-width:700px){.support-dialog{inset:8px;width:calc(100vw - 16px);max-width:none;height:calc(100dvh - 16px);max-height:none;border-radius:14px}.support-heading{padding:17px}.support-heading h2{font-size:22px}.support-history{padding:14px}.support-compose{padding:12px 14px 10px}.support-counter{display:none}.support-compose .support-send{margin-left:auto}.support-compose .support-attach{font-size:13px}.support-admin-layout{display:flex;flex-direction:column;height:auto;min-height:0}.support-admin-sidebar{max-height:300px}.support-admin-detail{height:650px}.support-admin-head{align-items:flex-start;flex-direction:column}.support-admin-tools{flex-wrap:wrap}.support-message{max-width:94%}}
#supportView{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.support-compose{display:block}
.support-compose .support-text{font-weight:400}

/* Поддержка из главного экрана открывается в центре окна. */
.support-dialog.support-dialog-centered {inset:0;margin:auto}

/* В клиентском чате ограничения показываются только при ошибке вложения. */
#supportDialog .support-file-hint {display:none}