/* Cloud Design v1.3.48 — compact chat + modern lead forms */

/* =========================
   CHAT DENSITY — DESKTOP
   ========================= */
@media (min-width:821px){
  .chat-thread-head-v110{
    padding:17px 20px 15px!important;
    gap:14px!important;
  }
  .chat-thread-head-v110 .eyebrow{margin-bottom:7px!important;font-size:.66rem!important}
  .chat-thread-head-v110 h3{font-size:1.38rem!important;line-height:1.08!important;margin:0 0 5px!important}
  .chat-thread-head-v110 p{font-size:.82rem!important;line-height:1.35!important;margin:0!important}
  .chat-thread-head-v110 .thread-actions-v110{gap:8px!important;align-items:center!important}
  .chat-thread-head-v110 .team-chat-search-v1338{min-width:0!important;width:min(300px,31vw)!important;gap:7px!important}
  .chat-thread-head-v110 .team-chat-search-v1338 input{min-height:36px!important;height:36px!important;padding:7px 10px!important;font-size:.72rem!important}
  .chat-thread-head-v110 .team-chat-search-v1338 button,
  .chat-thread-head-v110 .team-notes-toggle-v1340,
  .chat-thread-head-v110 .team-notes-toggle-v1339{min-height:34px!important;padding:6px 10px!important;font-size:.68rem!important}

  .chat-messages-v110{
    padding:13px 18px!important;
    gap:9px!important;
  }
  .chat-bubble-v110{
    max-width:min(72%,640px)!important;
    padding:10px 12px!important;
    border-radius:17px!important;
    box-shadow:0 7px 20px rgba(0,0,0,.11)!important;
  }
  .chat-meta-v110{gap:8px!important;margin-bottom:7px!important}
  .chat-meta-avatar{width:30px!important;height:30px!important;min-width:30px!important;font-size:.68rem!important}
  .chat-meta-main{gap:2px!important}
  .chat-meta-name-row{gap:6px!important}
  .chat-meta-name,.profile-link-v109{font-size:.78rem!important;font-weight:800!important;line-height:1.12!important}
  .staff-role-chip{min-height:22px!important;padding:2px 7px!important;font-size:.62rem!important;border-radius:999px!important}
  .chat-meta-sub,.read-state{font-size:.65rem!important;line-height:1.15!important}
  .message-body{font-size:.84rem!important;line-height:1.42!important}
  .reply-quote{margin:5px 0 7px!important;padding:6px 8px!important;font-size:.72rem!important;line-height:1.35!important;border-radius:9px!important}
  .message-actions-v110{gap:8px!important;padding-top:7px!important;margin-top:7px!important;min-height:25px!important}
  .message-actions-v110 .text-btn{min-height:24px!important;font-size:.64rem!important;padding:2px 0!important}
  .message-actions-v110 form{margin:0!important}
  .chat-attachment-v110{margin-top:7px!important;padding:7px 9px!important;border-radius:10px!important;font-size:.70rem!important}
  .status-pill{min-height:23px!important;padding:3px 7px!important;font-size:.63rem!important}

  .chat-compose-v112{padding:10px 16px 14px!important}
  .composer-shell-v112{border-radius:18px!important}
  .composer-shell-v112 textarea{min-height:56px!important;max-height:130px!important;padding:12px 14px 9px!important;font-size:.86rem!important}
  .composer-toolbar-v112{min-height:46px!important;padding:7px 9px 8px!important;gap:8px!important}
  .composer-tools-v112,.composer-send-v112{gap:6px!important}
  .composer-tool-v112{min-height:32px!important;padding:0 10px!important;border-radius:10px!important;font-size:.69rem!important}
  .composer-submit-v112{min-width:102px!important;min-height:36px!important;border-radius:11px!important;font-size:.74rem!important}
  .composer-file-chip-v112{min-height:32px!important;font-size:.70rem!important}
  .typing-line{min-height:19px!important;height:19px!important;font-size:.65rem!important}

  .chat-side-v110 .chat-side-card-v110,
  .chat-context-v110 .chat-context-card-v110{padding:14px!important;border-radius:16px!important}
  .chat-side-v110 textarea{min-height:88px!important}
}

/* =========================
   CHAT DENSITY — MOBILE
   Touch targets remain sane.
   ========================= */
@media (max-width:820px){
  .chat-thread-head-v110{padding:12px 13px 10px!important;gap:9px!important}
  .chat-thread-head-v110 h3{font-size:1.14rem!important;line-height:1.12!important;margin-bottom:4px!important}
  .chat-thread-head-v110 p{font-size:.76rem!important;line-height:1.3!important}
  .chat-messages-v110{padding:10px 10px!important;gap:8px!important}
  .chat-bubble-v110{max-width:95%!important;padding:9px 10px!important;border-radius:15px!important}
  .chat-meta-v110{gap:7px!important;margin-bottom:6px!important}
  .chat-meta-avatar{width:30px!important;height:30px!important;min-width:30px!important}
  .chat-meta-name,.profile-link-v109{font-size:.76rem!important}
  .staff-role-chip{min-height:22px!important;padding:2px 7px!important;font-size:.62rem!important}
  .chat-meta-sub,.read-state{font-size:.64rem!important}
  .message-body{font-size:.86rem!important;line-height:1.4!important}
  .message-actions-v110{gap:8px!important;padding-top:7px!important;margin-top:7px!important;overflow-x:auto!important;scrollbar-width:none}
  .message-actions-v110::-webkit-scrollbar{display:none}
  .message-actions-v110 .text-btn{min-height:34px!important;font-size:.66rem!important;white-space:nowrap!important}
  .chat-attachment-v110{margin-top:6px!important;padding:7px 9px!important;font-size:.70rem!important}
  .chat-compose-v112{padding:8px 9px 10px!important}
  .composer-shell-v112 textarea{min-height:48px!important;max-height:100px!important;padding:10px 11px 7px!important;font-size:.86rem!important}
  .composer-toolbar-v112{padding:7px!important;gap:7px!important}
  .composer-tool-v112{min-height:34px!important;font-size:.66rem!important;border-radius:9px!important}
  .composer-submit-v112{min-height:38px!important}
}

/* =========================
   MEDIA — compact at rest
   ========================= */
.chat-media-shell-v1336.is-image{max-width:260px!important;margin-top:7px!important;border-radius:12px!important}
.chat-media-shell-v1336.is-image .chat-media-visual-v1336{max-height:165px!important;object-fit:cover!important}
.chat-media-shell-v1336.is-sticker{width:min(150px,45vw)!important;margin-top:5px!important}
.chat-media-shell-v1336.is-sticker .chat-media-visual-v1336{max-height:145px!important}
.chat-media-caption-v1336{padding:5px 7px!important;font-size:.59rem!important}
.chat-media-action-v1336{min-height:24px!important;padding:3px 6px!important;font-size:.58rem!important}
.chat-media-shell-v1336.is-voice,.chat-media-shell-v1336.is-audio{max-width:360px!important;margin-top:6px!important}

/* Telegram video note: tiny/compact while idle, grows only when opened/playing. */
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342{
  width:164px!important;
  max-width:100%!important;
  padding:7px!important;
  gap:0!important;
  border-radius:16px!important;
  transition:width .22s ease,padding .22s ease,background .22s ease!important;
}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 .cd-vnote-stage-v1342{position:relative!important;width:100%!important}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 video{
  width:138px!important;
  max-width:100%!important;
  transition:width .22s ease!important;
}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 .cd-vnote-controls-v1342{display:none!important}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342.is-open-v1348{
  width:min(390px,100%)!important;
  padding:9px!important;
  gap:9px!important;
}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342.is-open-v1348 video{width:min(300px,100%)!important}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342.is-open-v1348 .cd-vnote-controls-v1342{display:flex!important}
.cd-vnote-mini-play-v1348{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:42px;height:42px;display:grid;place-items:center;padding:0;
  border:1px solid rgba(255,255,255,.24);border-radius:50%;
  background:rgba(7,8,14,.66);color:#fff;backdrop-filter:blur(8px);cursor:pointer;
  box-shadow:0 7px 22px rgba(0,0,0,.28);z-index:4;
}
.cd-vnote-mini-play-v1348 svg{width:17px;height:17px;fill:currentColor}
.is-open-v1348 .cd-vnote-mini-play-v1348{display:none!important}

/* Ordinary video/Shorts: small preview in the message, full player in modal. */
.chat-media-shell-v1336.is-video:not(.is-video_note),
.cd-short-local-v1340{max-width:270px!important}
.chat-media-shell-v1336.is-video:not(.is-video_note) video,
.cd-short-video-v1340.cd-video-modal-preview-v1348{
  width:100%!important;max-height:155px!important;min-height:0!important;aspect-ratio:16/9!important;
  object-fit:contain!important;background:#050609!important;cursor:pointer!important;border-radius:11px!important;
}
.cd-video-preview-wrap-v1348{position:relative;display:block;cursor:pointer}
.cd-video-preview-play-v1348{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  display:grid;place-items:center;background:rgba(7,8,14,.64);color:#fff;backdrop-filter:blur(8px);pointer-events:none;
}
.cd-video-preview-play-v1348 svg{width:18px;height:18px;fill:currentColor}
.cd-video-modal-v1348{position:fixed;inset:0;z-index:120000;display:grid;place-items:center;padding:22px;background:rgba(4,5,10,.88);backdrop-filter:blur(12px)}
.cd-video-modal-v1348[hidden]{display:none!important}
.cd-video-modal-card-v1348{position:relative;width:min(980px,96vw);max-height:92dvh;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#090b12;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.cd-video-modal-card-v1348 video{display:block;width:100%;max-height:calc(92dvh - 30px);background:#030406;border-radius:12px}
.cd-video-modal-close-v1348{position:absolute;right:18px;top:18px;z-index:2;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(7,8,13,.72);color:#fff;font-size:1.25rem;cursor:pointer}
@media(max-width:600px){
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342{width:150px!important}
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 video{width:126px!important}
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342.is-open-v1348{width:min(340px,100%)!important}
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342.is-open-v1348 video{width:min(270px,100%)!important}
  .chat-media-shell-v1336.is-image{max-width:230px!important}
  .cd-video-modal-v1348{padding:8px!important}
  .cd-video-modal-card-v1348{width:100%!important;padding:7px!important;border-radius:14px!important}
}

/* =========================
   MODERN APPLICATION FORMS
   ========================= */
.lead-form-v1348,.callback-form-v1348,.project-request-v1348{
  position:relative;overflow:hidden;padding:22px!important;border-radius:22px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 99%,transparent))!important;
}
.lead-form-head-v1348{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}
.lead-form-head-v1348 h3{margin:0 0 5px;font-size:1.26rem;line-height:1.12}
.lead-form-head-v1348 p{margin:0;color:var(--muted);font-size:.80rem;line-height:1.45}
.required-chip-v1348{flex:0 0 auto;display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:#cdbbff;font-size:.62rem;font-weight:800}
.smart-form-grid-v1348{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.smart-field-v1348{display:grid;gap:6px;min-width:0;color:var(--text);font-size:.72rem;font-weight:760}
.smart-field-v1348>span{display:flex;align-items:center;gap:5px}
.smart-field-v1348 .req-v1348{color:#f28ba0}
.smart-field-v1348 input,.smart-field-v1348 textarea{
  width:100%;margin:0;border-radius:13px!important;border:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--surface2) 94%,transparent)!important;box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.smart-field-v1348 input{min-height:44px!important;padding:10px 12px!important}
.smart-field-v1348 textarea{min-height:108px!important;padding:11px 12px!important;resize:vertical}
.smart-field-v1348 input:focus,.smart-field-v1348 textarea:focus{border-color:color-mix(in srgb,var(--accent) 52%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)!important}
.smart-field-v1348 small{color:var(--muted);font-size:.61rem;font-weight:500;line-height:1.35}
.smart-field-v1348.is-wide-v1348{grid-column:1/-1}
.smart-field-v1348.is-error-v1348 input,.smart-field-v1348.is-error-v1348 textarea{border-color:#d45b70!important;box-shadow:0 0 0 3px rgba(212,91,112,.08)!important}
.smart-error-v1348{display:none;color:#ff98aa;font-size:.61rem;font-weight:650;line-height:1.3}
.is-error-v1348 .smart-error-v1348{display:block}
.optional-row-v1348{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.smart-form-footer-v1348{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:15px}
.smart-form-footer-v1348 .check{font-size:.70rem;max-width:620px}
.smart-submit-v1348{min-width:160px!important}
.smart-form-status-v1348{display:none;margin-top:11px;padding:9px 11px;border-radius:11px;border:1px solid var(--line);font-size:.69rem;line-height:1.4}
.smart-form-status-v1348.is-visible{display:block}
.smart-form-status-v1348.is-success{border-color:rgba(77,205,145,.28);background:rgba(77,205,145,.07);color:#8ce5b7}
.smart-form-status-v1348.is-error{border-color:rgba(232,92,113,.28);background:rgba(232,92,113,.07);color:#ff9dad}
.smart-form-v1348.is-busy-v1348{pointer-events:none;opacity:.72}
.smart-form-v1348.is-busy-v1348 .smart-submit-v1348:after{content:' · отправляем…';font-weight:600}
.smart-trust-v1348{margin-top:10px;color:var(--muted);font-size:.60rem;line-height:1.4}
.smart-trust-v1348 b{color:var(--text)}
.promo-details-v1348{margin-top:12px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:12px;background:color-mix(in srgb,var(--soft) 55%,transparent)}
.promo-details-v1348 summary{padding:9px 11px;cursor:pointer;color:var(--muted);font-size:.68rem;font-weight:700}
.promo-details-v1348>div{padding:0 11px 11px}

@media(max-width:720px){
  .lead-form-v1348,.callback-form-v1348,.project-request-v1348{padding:16px!important;border-radius:18px!important}
  .lead-form-head-v1348{display:grid;gap:8px;margin-bottom:14px}
  .required-chip-v1348{justify-self:start}
  .smart-form-grid-v1348,.optional-row-v1348{grid-template-columns:1fr!important;gap:10px!important}
  .smart-field-v1348.is-wide-v1348{grid-column:auto}
  .smart-field-v1348 input{min-height:46px!important;font-size:16px!important}
  .smart-field-v1348 textarea{font-size:16px!important;min-height:96px!important}
  .smart-form-footer-v1348{display:grid;gap:10px}
  .smart-submit-v1348{width:100%!important;min-height:44px!important}
}