@font-face{ font-family:"Twemoji Country Flags"; src:url("/assets/chats/fonts/TwemojiCountryFlags.woff2") format("woff2"); unicode-range:U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F; font-display:swap; }   /* UI-89: прапори на Windows (там немає емодзі-прапорів — показує літери) */
/* ============================================================
   «Чати» — редизайн за 11 референсами (AlignUI / Untitled UI / Notion / macOS-card стиль).
   Полотно #F4F4F6 · білі картки r16 · hairline #E6E7EB · тінь 0 1px 2px .04 + 0 8px 24px .06 · Inter 13–14 ·
   значення = чіпи · круглі іконки-кнопки з кільцем · сегмент з білою таблеткою · темна головна кнопка ·
   один акцент (синій бренду «Ладнай» #0062FF) лише для стану · зелений «On» · червоний градієнт-бейдж.
   ============================================================ */
/* UI-65: поки Inter вантажиться — Arial, підігнаний під метрики Inter (ширина й висота рядка ті самі),
   тож підміна шрифту після завантаження не зсуває текст (вкладки, лічильники, рядки списку не «скачуть») */
@font-face{ font-family:"Inter Fallback"; src:local("Arial"), local("ArialMT"), local("Arial Regular"); font-weight:100 550; size-adjust:106.6%; ascent-override:90.8%; descent-override:22.6%; line-gap-override:0%; }
@font-face{ font-family:"Inter Fallback"; src:local("Arial Bold"), local("Arial-BoldMT"), local("Arial"); font-weight:551 900; size-adjust:102.2%; ascent-override:94.7%; descent-override:23.6%; line-gap-override:0%; }
:root{ --sab:calc(env(safe-area-inset-bottom, 0px) / 2);   /* UI-110/111: під смужкою жестів iPhone — половина безпечної зони (~17 px замість 34) */
  
  --canvas:#F4F4F6; --card:#FFFFFF; --band:#F7F7F9; --group:#F9F9FB; --fill:#F3F4F6; --fill-2:#ECEDF1;
  --line:#E6E7EB; --line-2:#EFF0F3; --line-dash:#D9DBE1;
  --ink:#1F2328; --ink-2:#6B7280; --ink-3:#9CA3AF; --ink-4:#C4C8CF;
  --dark:#2E2E33; --dark-2:#232327;
  --accent:#0062FF; --accent-2:#0050D4; --accent-soft:#E8F0FF; --accent-ring:rgba(0,98,255,.26);
  --green:#22C55E; --green-soft:#DCFCE7; --green-ink:#15803D;
  --red:#E11D48; --red-2:#FF3B5C; --red-soft:#FFE4E6; --red-ink:#BE123C;
  --amber-soft:#FEF3C7; --amber-ink:#B45309; --blue-soft:#E0EAFF; --blue-ink:#1D4ED8; --purple-soft:#EDE9FE; --purple-ink:#6D28D9;
  --r-xs:6px; --r-s:8px; --r:10px; --r-m:12px; --r-l:16px; --r-xl:20px; --r-xxl:24px;
  --sh-card:0 1px 2px rgba(16,24,40,.04), 0 8px 24px rgba(16,24,40,.06);
  --sh-ring:0 0 0 1px var(--line), 0 1px 2px rgba(16,24,40,.06), 0 6px 16px rgba(16,24,40,.06);
  --sh-pop:0 1px 2px rgba(16,24,40,.06), 0 12px 32px rgba(16,24,40,.12);
  --sh-modal:0 2px 6px rgba(16,24,40,.08), 0 24px 64px rgba(16,24,40,.18);
  --side:232px; --list:340px; --info:352px; --gap:12px;
  --font:"Twemoji Country Flags", "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --ease:cubic-bezier(.25,.46,.45,.94);
}
:root{
  --bk-000000:#000000;
  --bk-18181b:#18181B;
  --bk-1f2328:#1F2328;
  --bk-8b93a1:#8B93A1;
  --bk-9ca3af:#9CA3AF;
  --bk-9ebbff:#9EBBFF;
  --bk-a1a1aa:#A1A1AA;
  --bk-a3a7b0:#A3A7B0;
  --bk-bfd3ff:#BFD3FF;
  --bk-c7d2fe:#C7D2FE;
  --bk-c9cdd4:#C9CDD4;
  --bk-c9d8ff:#C9D8FF;
  --bk-c9dafb:#C9DAFB;
  --bk-ccfbf1:#CCFBF1;
  --bk-d5d8de:#D5D8DE;
  --bk-d6e6ff:#D6E6FF;
  --bk-d7dae0:#D7DAE0;
  --bk-d8d3e8:#D8D3E8;
  --bk-d9dce3:#D9DCE3;
  --bk-dadde3:#DADDE3;
  --bk-dbeafe:#DBEAFE;
  --bk-dcdfe4:#DCDFE4;
  --bk-dce8ff:#DCE8FF;
  --bk-dcfce7:#DCFCE7;
  --bk-dddee3:#DDDEE3;
  --bk-dfe1e6:#DFE1E6;
  --bk-e0e7ff:#E0E7FF;
  --bk-e0eaff:#E0EAFF;
  --bk-e0f2fe:#E0F2FE;
  --bk-e1e3e8:#E1E3E8;
  --bk-e3e5ea:#E3E5EA;
  --bk-e4e5ea:#E4E5EA;
  --bk-e4e6eb:#E4E6EB;
  --bk-e4e9f5:#E4E9F5;
  --bk-e5e7eb:#E5E7EB;
  --bk-e7e8ec:#E7E8EC;
  --bk-e8f0ff:#E8F0FF;
  --bk-e9eaee:#E9EAEE;
  --bk-e9ebef:#E9EBEF;
  --bk-eaecef:#EAECEF;
  --bk-ecedf0:#ECEDF0;
  --bk-ecfccb:#ECFCCB;
  --bk-ede9fe:#EDE9FE;
  --bk-eeeff2:#EEEFF2;
  --bk-eef0f3:#EEF0F3;
  --bk-eef2ff:#EEF2FF;
  --bk-eef4ff:#EEF4FF;
  --bk-f0fdf4:#F0FDF4;
  --bk-f1f2f5:#F1F2F5;
  --bk-f3e8ff:#F3E8FF;
  --bk-f3f4f6:#F3F4F6;
  --bk-f5f3ff:#F5F3FF;
  --bk-f5f6f8:#F5F6F8;
  --bk-f5f7fb:#F5F7FB;
  --bk-f5f8ff:#F5F8FF;
  --bk-f6f7f9:#F6F7F9;
  --bk-f7f5ff:#F7F5FF;
  --bk-f7faff:#F7FAFF;
  --bk-f9fafb:#F9FAFB;
  --bk-fafbfc:#FAFBFC;
  --bk-fbe3a6:#FBE3A6;
  --bk-fca5a5:#FCA5A5;
  --bk-fce7f3:#FCE7F3;
  --bk-fecaca:#FECACA;
  --bk-fee2e2:#FEE2E2;
  --bk-fef2f2:#FEF2F2;
  --bk-fef3c7:#FEF3C7;
  --bk-fef6dc:#FEF6DC;
  --bk-ffe4e6:#FFE4E6;
  --bk-ffe4e9:#FFE4E9;
  --bk-ffedd5:#FFEDD5;
  --bk-fff3c4:#FFF3C4;
  --bk-fff3cc:#FFF3CC;
  --bk-fff7db:#FFF7DB;
  --bk-fff8e1:#FFF8E1;
  --bk-fffbeb:#FFFBEB;
  --bk-ffffff:#FFFFFF;
  --tk-0369a1:#0369A1;
  --tk-0f766e:#0F766E;
  --tk-15803d:#15803D;
  --tk-16a34a:#16A34A;
  --tk-1a1f71:#1A1F71;
  --tk-1d4ed8:#1D4ED8;
  --tk-1f2328:#1F2328;
  --tk-1f2937:#1F2937;
  --tk-374151:#374151;
  --tk-3f3f46:#3F3F46;
  --tk-4b4b55:#4B4B55;
  --tk-4b5563:#4B5563;
  --tk-4c1d95:#4C1D95;
  --tk-4d7c0f:#4D7C0F;
  --tk-52525b:#52525B;
  --tk-5b6475:#5B6475;
  --tk-5b6b8c:#5B6B8C;
  --tk-6b21a8:#6B21A8;
  --tk-6b4a06:#6B4A06;
  --tk-6b7280:#6B7280;
  --tk-71717a:#71717A;
  --tk-78350f:#78350F;
  --tk-78520a:#78520A;
  --tk-7c2d12:#7C2D12;
  --tk-7c5a0b:#7C5A0B;
  --tk-7e22ce:#7E22CE;
  --tk-8a5a00:#8A5A00;
  --tk-8c6d2c:#8C6D2C;
  --tk-92400e:#92400E;
  --tk-92700c:#92700C;
  --tk-9ca3af:#9CA3AF;
  --tk-b45309:#B45309;
  --tk-b7791f:#B7791F;
  --tk-b91c1c:#B91C1C;
  --tk-be123c:#BE123C;
  --tk-be185d:#BE185D;
  --tk-c2410c:#C2410C;
  --tk-d97706:#D97706;
}
:root{
  --bk-0e0f12:#0E0F12;
  --bk-1a1b20:#1A1B20;
  --bk-1b1a17:#1B1A17;
  --bk-24262c:#24262C;
  --bk-2b2d34:#2B2D34;
  --bk-e6e8ec:#E6E8EC;
  --bk-e9e4d8:#E9E4D8;
  --bk-ede9fe:#EDE9FE;
  --bk-f1f2f5:#F1F2F5;
  --bk-ffffff:#FFFFFF;
  --tk-0062ff:#0062FF;
  --tk-4338ca:#4338CA;
  --tk-6d28d9:#6D28D9;
  --tk-dc2626:#DC2626;
  --tk-f59e0b:#F59E0B;
}
:root{
  --bk-6e9bff:#6E9BFF;
  --bk-a78bfa:#A78BFA;
  --bk-f2d58c:#F2D58C;
  --bk-f87171:#F87171;
  --bk-fbd98b:#FBD98B;
  --bk-fde68a:#FDE68A;
  --bk-fef08a:#FEF08A;
}
@media (min-width:1600px){ :root{ --list:372px; --info:372px; --side:248px; } }
*{ box-sizing:border-box; }
html,body{ height:100%; margin:0; }
body.ck{ font:13.5px/1.45 var(--font); color:var(--ink); background:var(--canvas); -webkit-font-smoothing:antialiased; overflow:hidden; letter-spacing:-.005em; }
body.ck.is-locked{ overflow:hidden; }
button, input, textarea{ font:inherit; color:inherit; letter-spacing:inherit; }
button{ cursor:pointer; background:none; border:0; padding:0; }
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
svg{ display:block; }
.ck i[data-lucide], .ck .lucide{ width:18px; height:18px; stroke-width:1.85; flex:none; }   /* UI-13: трохи товщі за замовчуванням */
/* UI-13: де товщина підібрана під малий розмір — лишаємо тонко (чіпи, мета повідомлень, дрібні кнопки, ≤14 px) */
.ck .ck-chip .lucide, .ck .ck-bub__meta .lucide, .ck .ck-comment__meta .lucide, .ck .ck-ibtn--xs .lucide, .ck .ck-ibtn--sm .lucide, .ck .ck-msg__acts .lucide, .ck .ck-lbl .ck-chev, .ck .ck-dlg__fail{ stroke-width:1.6; }
.ck-hide{ display:none !important; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.14); border-radius:10px; border:3px solid transparent; background-clip:padding-box; }
::-webkit-scrollbar-thumb:hover{ background:rgba(0,0,0,.24); background-clip:padding-box; border:3px solid transparent; }
::-webkit-scrollbar-track{ background:transparent; }

/* ---------- каркас: рейка + три картки на полотні ---------- */
.ck-app{ display:grid; grid-template-columns:var(--side) var(--list) minmax(0,1fr) var(--info); grid-template-rows:minmax(0,1fr); gap:var(--gap); height:100vh; height:100dvh; padding:var(--gap) var(--gap) var(--gap) 0; background:var(--canvas); }
.ck-side{ grid-column:1; }
.ck-list{ grid-column:2; }
.ck-chat{ grid-column:3; }
.ck-info{ grid-column:4; }
.ck-page{ grid-column:2 / span 3; overflow:auto; }
.ck-app[data-screen]:not([data-screen="chats"]) .ck-list, .ck-app[data-screen]:not([data-screen="chats"]) .ck-chat, .ck-app[data-screen]:not([data-screen="chats"]) .ck-info{ display:none; }
.ck-app[data-screen="chats"] .ck-page{ display:none; }
.ck-card{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-l); box-shadow:var(--sh-card); }
.ck-list, .ck-chat, .ck-info{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-l); box-shadow:var(--sh-card); display:flex; flex-direction:column; min-height:0; min-width:0; overflow:hidden; }

/* ---------- круглі кнопки (реф: дзвіночок) ---------- */
.ck-ibtn{ width:36px; height:36px; border-radius:var(--r-s); display:inline-grid; place-items:center; color:var(--tk-3f3f46); background:var(--fill); box-shadow:none; position:relative; transition:background .12s, color .12s, transform .08s; flex:none; }
.ck-ibtn:hover{ background:var(--fill-2); }
.ck-side .ck-ibtn, .ck-page .ck-ibtn, .ck-band .ck-ibtn, .ck-foot .ck-ibtn, .ck-mgrcard__hd .ck-ibtn, .ck-chan .ck-ibtn{ background:var(--card); }
.ck-side .ck-ibtn:hover, .ck-page .ck-ibtn:hover, .ck-band .ck-ibtn:hover{ background:var(--band); }
.ck-ibtn:active{ transform:translateY(1px); }
.ck-ibtn.is-active{ background:var(--dark); color:#fff; }
.ck-ibtn:disabled{ opacity:.45; cursor:default; }
.ck-ibtn--sm{ width:28px; height:28px; } .ck-ibtn--sm i{ width:15px; height:15px; }
.ck-ibtn--xs{ width:24px; height:24px; border-radius:6px; } .ck-ibtn--xs i{ width:13px; height:13px; }
.ck-ibtn--flat{ background:transparent !important; color:var(--ink-3); } .ck-ibtn--flat:hover{ background:var(--fill); color:var(--ink); }
.ck-ibtn--lg{ width:44px; height:44px; } .ck-ibtn--lg i{ width:20px; height:20px; }
.ck-nbadge{ position:absolute; top:-4px; right:-4px; min-width:20px; height:20px; padding:0 5px; border-radius:10px; background:var(--red); color:#fff; font-size:11px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 0 0 2px var(--bk-ffffff); line-height:1; }
.ck-nbadge--dot{ min-width:10px; width:10px; height:10px; padding:0; top:2px; right:2px; }

/* ---------- бокова панель (реф: AlignUI sidebar) ---------- */
.ck-side{ display:flex; flex-direction:column; gap:2px; padding:6px 8px 8px 12px; min-height:0; }
.ck-side__hd{ display:flex; align-items:center; gap:10px; padding:6px 8px 14px 7px; }   /* знак завжди на одному місці (центр = центр пунктів у згорнутій панелі) — при згортанні не скаче, зникає лише слово */
.ck-side__hd b{ font-size:15px; font-weight:700; letter-spacing:-.01em; flex:1; }
/* лого = знак + напис (дві половини одного зображення): знак стоїть на місці, напис гасне/з'являється,
   як підписи пунктів меню — без масштабування і підміни картинки */
.ck-side__brand{ flex:1; min-width:0; height:34px; display:flex; align-items:center; overflow:hidden; }
.ck-side__logo-mark, .ck-side__logo-word{ height:30px; width:auto; flex:none; max-width:none; }
.ck-side__logo-word{ height:18px; margin-left:6px; }   /* «ladnAI»: пропорції як в оригінальному лого (слово = 0.61 висоти знака, проміжок 0.2) */
.ck-side__logo-word{ max-width:120px; transition:opacity .16s, max-width .22s var(--ease), margin .22s var(--ease); }
.ck-side__x{ display:none; }
.ck-side__grp{ display:flex; flex-direction:column; gap:0; background:var(--card); border-radius:var(--r); box-shadow:0 1px 2px rgba(16,24,40,.05); }
.ck-side__lbl{ font-size:11.5px; font-weight:600; color:var(--ink-3); text-transform:uppercase; letter-spacing:.06em; padding:14px 12px 4px; }
.ck-side__i{ display:flex; align-items:center; gap:10px; height:42px; padding:0 12px; border:0; border-radius:0; background:transparent; color:var(--ink); font-size:14px; font-weight:500; text-align:left; transition:background .12s, box-shadow .12s; }
.ck-side__i i, .ck-side__i svg{ width:18px; height:18px; color:var(--tk-4b4b55); flex:none; }
.ck-side__i > span{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-side__grp .ck-side__i:first-child{ border-radius:var(--r) var(--r) 0 0; }
.ck-side__grp .ck-side__i:last-child{ border-radius:0 0 var(--r) var(--r); }
.ck-side__grp .ck-side__i:only-child{ border-radius:var(--r); }
.ck-side__grp .ck-side__i + .ck-side__i{ box-shadow:inset 0 1px 0 var(--line-2); }   /* роздільник між пунктами одного списку */
.ck-side__i:hover{ background:var(--band); }
.ck-side__i.is-active, .ck-side__i.is-active:hover{ background:var(--bk-dce8ff); font-weight:600; color:var(--accent-2); position:relative; }
.ck-side__i.is-active::before{ content:""; position:absolute; left:0; top:7px; bottom:7px; width:3px; border-radius:0 3px 3px 0; background:var(--accent); }
.ck-side__grp .ck-side__i.is-active + .ck-side__i{ box-shadow:none; }
.ck-side__i.is-active i, .ck-side__i.is-active svg{ color:var(--accent); }
.ck-side__chev{ width:15px !important; height:15px !important; color:var(--ink-4) !important; }
.ck-side__cnt{ font-style:normal; min-width:22px; height:20px; padding:2px 6px 0;   /* UI-10: оптичний центр цифр */ border-radius:6px; background:var(--fill-2); color:var(--ink-2); font-size:11.5px; font-weight:600; line-height:1; display:inline-flex; align-items:center; justify-content:center; font-variant-numeric:tabular-nums; }
.ck-side__cnt.is-red{ background:var(--red); color:#fff; }
.ck-side__sp{ flex:1; }
.ck-side__me{ display:flex; align-items:center; gap:10px; padding:8px 10px; margin-top:8px; border-radius:var(--r-m); background:var(--card); border:1px solid var(--line); text-align:left; }
.ck-side__me .ck-ava{ width:36px; height:36px; transition:width .26s var(--ease), height .26s var(--ease); }
.ck-side__me-t{ flex:1; min-width:0; line-height:1.25; }
.ck-side__me-t b{ display:block; font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-side__me-t span{ display:block; font-size:12px; color:var(--ink-2); }
.ck-side__me .ck-chev{ width:16px; height:16px; color:var(--ink-3); }
.ck-side-bd{ display:none; }
.ck-burger{ display:none; }
.ck-side__toggle{ color:#fff; margin-top:4px; background:var(--dark); border-radius:var(--r); box-shadow:none; }
.ck-side__toggle:hover{ background:var(--dark-2); color:#fff; }
.ck-side__toggle i, .ck-side__toggle svg{ color:#fff; }
@property --side{ syntax:"<length>"; inherits:true; initial-value:232px; }
.ck-app.is-side-anim{ transition:--side .26s var(--ease); }
.ck-app.is-side-anim .ck-side__i > span, .ck-app.is-side-anim .ck-side__chev, .ck-app.is-side-anim .ck-side__hd b, .ck-app.is-side-anim .ck-side__me-t, .ck-app.is-side-anim .ck-side__me .ck-chev, .ck-app.is-side-anim .ck-side__cnt{ transition:opacity .16s; }
.ck-app.is-side-anim .ck-side__lbl{ transition:height .26s var(--ease), padding .26s var(--ease), opacity .16s; }
.ck-app.is-side-anim .ck-side__hd, .ck-app.is-side-anim .ck-side__me{ transition:padding .26s var(--ease); }
.ck-side__lbl{ height:32px; overflow:hidden; white-space:nowrap; box-sizing:border-box; }
.ck-side__hd b{ white-space:nowrap; overflow:hidden; }
.ck-side__me{ overflow:hidden; }
@media (min-width:768px){
  .ck-app.is-side-mini{ --side:64px; }
  .ck-app.is-side-mini .ck-side__logo-word{ opacity:0; max-width:0; margin-left:0; }   /* слово стискається до нуля — знак стає рівно по центру над пунктами */

  .ck-app.is-side-mini .ck-side__i{ position:relative; }
  .ck-app.is-side-mini .ck-side__i > span{ flex:0 0 0; }
  /* текст не зникає стрибком — гасне, а панель плавно звужується; іконки стоять на місці */
  .ck-app.is-side-mini .ck-side__hd b, .ck-app.is-side-mini .ck-side__i > span, .ck-app.is-side-mini .ck-side__chev, .ck-app.is-side-mini .ck-side__me-t, .ck-app.is-side-mini .ck-side__me .ck-chev{ opacity:0; pointer-events:none; }
  .ck-app.is-side-mini .ck-side__lbl{ height:10px; padding-top:0; padding-bottom:0; opacity:0; }
  .ck-app.is-side-mini .ck-side__cnt{ z-index:2; position:absolute; top:2px; right:-5px; min-width:16px; height:16px; padding:0 4px; font-size:9.5px; border-radius:5px; box-shadow:0 0 0 2px var(--canvas); }
  .ck-app.is-side-mini.is-side-anim .ck-side__cnt{ animation:ck-fadein .3s ease; }
  .ck-app.is-side-mini .ck-side__i.is-active .ck-side__cnt{ box-shadow:0 0 0 2px var(--card); }
  .ck-app.is-side-mini .ck-side__me{ padding:6px 6px; }
  .ck-app.is-side-mini .ck-side__me .ck-ava{ width:30px; height:30px; font-size:11px; }   /* згорнута: аватар менший, з відступом від країв */
}
@keyframes ck-fadein{ 0%, 50%{ opacity:0 } 100%{ opacity:1 } }

/* ---------- заголовки карток ---------- */
.ck-hd{ display:flex; align-items:center; gap:10px; padding:16px 16px 12px; }
.ck-hd__t{ font-size:16px; font-weight:600; letter-spacing:-.01em; display:flex; align-items:center; gap:8px; min-width:0; }
.ck-hd__t small{ font-size:13px; font-weight:500; color:var(--ink-3); }
.ck-hd__sp{ flex:1; }
.ck-hd__acts{ display:inline-flex; gap:8px; }
.ck-band{ display:flex; align-items:center; gap:8px; padding:8px 16px; min-height:61px; background:var(--band); border-bottom:1px solid var(--line-2); font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); }
.ck .ck-band i, .ck .ck-band .lucide{ width:16px; height:16px; }
.ck-band .ck-hd__sp{ flex:1; }
.ck-foot{ display:flex; align-items:center; gap:8px; padding:12px 16px; background:var(--band); border-top:1px solid var(--line-2); }
.ck-foot__q{ font-size:14px; font-weight:500; flex:1; }

/* ---------- сегмент (реф: Notification Center / Share) ---------- */
.ck-seg{ display:flex; padding:4px; border-radius:var(--r-m); background:var(--fill); gap:2px; }
.ck-seg button{ flex:1; height:32px; padding:0 6px; border-radius:var(--r-s); color:var(--ink-2); font-weight:500; font-size:13px; display:inline-flex; align-items:center; justify-content:center; gap:5px; white-space:nowrap; transition:background .14s, color .14s, box-shadow .14s; min-width:0; overflow:hidden; }
.ck-seg button .ck-badge{ flex:none; min-width:18px; height:16px; font-size:9.5px; padding:0 4px; line-height:1; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; }
.ck-seg button .ck-badge--gray{ background:var(--bk-dddee3); color:var(--ink-2); }
.ck-seg button.is-active .ck-badge--gray{ background:var(--red); color:#fff; box-shadow:none; }
@media (max-width:1599px){ .ck-list .ck-seg button{ font-size:12.5px; } }
.ck-segw{ position:relative; }
.ck-segw__a{ display:none; }
@media (hover:hover) and (pointer:fine){
  .ck-segw__a{ position:absolute; top:0; bottom:0; z-index:2; width:40px; display:flex; align-items:center; color:var(--ink-2); opacity:0; pointer-events:none; transition:opacity .16s, color .12s; }
  .ck .ck-segw__a svg, .ck .ck-segw__a i, .ck .ck-segw__a .lucide{ width:24px; height:24px; padding:4px; border-radius:6px; background:var(--card); box-shadow:0 1px 3px rgba(16,24,40,.14); flex:none; }
  .ck-segw__a:hover{ color:var(--ink); }
  .ck-segw__a--l{ left:0; justify-content:flex-start; padding-left:4px; border-radius:var(--r-m) 0 0 var(--r-m); background:linear-gradient(90deg, var(--fill) 55%, rgba(243,244,246,0)); }
  .ck-segw__a--r{ right:0; justify-content:flex-end; padding-right:4px; border-radius:0 var(--r-m) var(--r-m) 0; background:linear-gradient(270deg, var(--fill) 55%, rgba(243,244,246,0)); }
  .ck-segw.is-l .ck-segw__a--l, .ck-segw.is-r .ck-segw__a--r{ opacity:1; pointer-events:auto; }
  .ck-segw.is-noanim .ck-segw__a{ transition:none; }
}
.ck-list .ck-seg{ scroll-behavior:auto; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.ck-list .ck-seg::-webkit-scrollbar{ display:none; }
.ck-list .ck-seg{ padding:5px; gap:4px; }
.ck-list .ck-seg button{ flex:1 0 auto; height:34px; padding:0 12px; gap:6px; }   /* ширина за текстом; не влазить — прокручується, не ріжеться */
.ck-seg button.is-active{ background:var(--card); color:var(--ink); font-weight:600; box-shadow:0 1px 3px rgba(16,24,40,.10), 0 1px 2px rgba(16,24,40,.06); }
.ck-seg--lg button{ height:40px; font-size:14px; }
.ck-badge{ min-width:18px; height:18px; padding:0 5px; border-radius:5px; background:var(--red); color:#fff; font-size:11px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; line-height:1; font-variant-numeric:tabular-nums; }
.ck-badge--gray{ background:var(--fill-2); color:var(--ink-2); }
.ck-badge--dark{ background:var(--dark); }

/* ---------- чіпи (реф: картка зустрічі) ---------- */
.ck-chip{ display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 8px; border-radius:var(--r-xs); background:var(--card); border:1px solid var(--line); font-size:12.5px; font-weight:500; color:var(--ink); white-space:nowrap; max-width:100%; }
.ck-chip > span{ overflow:hidden; text-overflow:ellipsis; }
.ck-chip i{ width:13px; height:13px; color:var(--ink-3); }
.ck-chip .ck-ava{ width:16px; height:16px; font-size:7px; }
.ck-chip button{ width:16px; height:16px; border-radius:4px; display:grid; place-items:center; color:var(--ink-3); margin-right:-3px; }
.ck-chip button:hover{ background:var(--fill); color:var(--ink); }
.ck-chip button i{ width:11px; height:11px; }
.ck-chip--on{ background:var(--green-soft); border-color:transparent; color:var(--green-ink); }
.ck-chip--on::after{ content:""; width:8px; height:8px; border-radius:50%; background:var(--green); }
.ck-chip--off{ background:var(--fill); border-color:transparent; color:var(--ink-2); }
.ck-chip--off::after{ content:""; width:8px; height:8px; border-radius:50%; background:var(--ink-4); }
.ck-chip--green{ background:var(--green-soft); border-color:transparent; color:var(--green-ink); }
.ck-chip--red{ background:var(--red-soft); border-color:transparent; color:var(--red-ink); }
.ck-chip--amber{ background:var(--amber-soft); border-color:transparent; color:var(--amber-ink); }
.ck-chip--blue{ background:var(--blue-soft); border-color:transparent; color:var(--blue-ink); }
.ck-chip--purple{ background:var(--purple-soft); border-color:transparent; color:var(--purple-ink); }
.ck-chip--gray{ background:var(--fill); border-color:transparent; color:var(--ink-2); }
.ck-chip--accent{ background:var(--accent-soft); border-color:transparent; color:var(--accent); }
.ck-chip--dark{ background:var(--dark); border-color:transparent; color:#fff; }
.ck-chip--btn{ cursor:pointer; } .ck-chip--btn:hover{ background:var(--band); }
.ck-chip--btn.is-active{ background:var(--dark); border-color:var(--dark); color:#fff; }
.ck-chip--btn.is-active i{ color:#fff; }
.ck-chips{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.ck-kbd{ display:inline-flex; align-items:center; height:22px; padding:0 6px; border-radius:6px; background:var(--card); border:1px solid var(--line); font-size:11.5px; color:var(--ink-2); box-shadow:0 1px 0 rgba(16,24,40,.04); }

/* ---------- кнопки ---------- */
.ck-btn{ height:40px; padding:0 16px; border-radius:var(--r); background:var(--dark); color:#fff; font-weight:600; font-size:14px; display:inline-flex; align-items:center; gap:8px; justify-content:center; white-space:nowrap; box-shadow:0 1px 2px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.08); transition:background .12s, transform .06s; }
.ck-btn:hover{ background:var(--dark-2); }
.ck-btn:active{ transform:translateY(1px); }
.ck-btn:disabled{ opacity:.5; cursor:default; transform:none; }
.ck-btn i{ width:16px; height:16px; }
.ck-btn--accent{ background:linear-gradient(180deg,#1A73FF,#0057E6); box-shadow:0 1px 2px rgba(0,0,0,.12), 0 6px 14px rgba(0,98,255,.28), inset 0 1px 0 rgba(255,255,255,.28); }
.ck-btn--accent:hover{ background:linear-gradient(180deg,#0A6BFF,#004FD0); }
.ck-btn--secondary{ background:var(--card); color:var(--ink); border:1px solid var(--line); box-shadow:0 1px 2px rgba(16,24,40,.04); font-weight:500; }
.ck-btn--secondary:hover{ background:var(--band); }
.ck-btn--ghost{ background:transparent; color:var(--ink-2); box-shadow:none; font-weight:500; }
.ck-btn--ghost:hover{ background:var(--fill); color:var(--ink); }
.ck-btn--danger{ background:var(--red); } .ck-btn--danger:hover{ background:var(--red-ink); }
.ck-btn--sm{ height:32px; padding:0 12px; font-size:13px; }
.ck-btn--xs{ height:28px; padding:0 10px; font-size:12.5px; border-radius:var(--r-s); font-weight:500; }
.ck-btn--pill{ border-radius:999px; }
.ck-btn--block{ width:100%; }
.ck-btn--lg{ height:48px; font-size:15px; border-radius:var(--r-m); }
.ck-link{ color:var(--ink); text-decoration:underline; text-underline-offset:3px; font-weight:500; }

/* ---------- аватари ---------- */
.ck-ava{ width:40px; height:40px; border-radius:50%; display:inline-grid; place-items:center; font-weight:600; font-size:13px; color:#fff; flex:none; position:relative; background:var(--bk-a3a7b0); user-select:none; box-shadow:0 0 0 1px rgba(16,24,40,.06); }
.ck-ava > img{ position:absolute; inset:0; width:100%; height:100%; border-radius:50%; object-fit:cover; }
.ck-ava:has(> img) .ck-ava__t{ visibility:hidden; }
.ck-ava.is-loading{ background:linear-gradient(90deg, var(--bk-e7e8ec) 25%, var(--bk-f3f4f6) 37%, var(--bk-e7e8ec) 63%) !important; background-size:400% 100% !important; animation:ck-sk 1.3s ease infinite; box-shadow:none; }
.ck-ava.is-loading > img{ opacity:0; }
.ck-ava > img{ transition:opacity .2s; }
.ck-ava--xs{ width:20px; height:20px; font-size:8px; } .ck-ava--sm{ width:28px; height:28px; font-size:10px; } .ck-ava--md{ width:36px; height:36px; font-size:12px; } .ck-ava--lg{ width:48px; height:48px; font-size:16px; } .ck-ava--xl{ width:64px; height:64px; font-size:22px; }
.ck-ava--soft{ background:var(--fill); color:var(--ink-2); box-shadow:0 0 0 1px var(--line); }
.ck-ch{ position:absolute; right:-3px; bottom:-3px; width:18px; height:18px; border-radius:50%; border:2px solid var(--bk-ffffff); display:grid; place-items:center; color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.12); }
.ck-ch svg{ width:10px; height:10px; fill:currentColor; }
.ck-ch--telegram{ background:#2AABEE; } .ck-ch--viber{ background:#7360F2; } .ck-ch--whatsapp{ background:#25D366; } .ck-ch--site{ background:#0ea5e9; }
.ck-ch--inline{ position:static; border:0; box-shadow:none; width:20px; height:20px; } .ck-ch--inline svg{ width:11px; height:11px; }
/* іконки каналів: квадратні PNG, заокруглення лише пару пікселів (UI-9) */
.ck-chimg{ display:block; width:100%; height:100%; object-fit:cover; }
.ck-ch:has(.ck-chimg){ width:16px; height:16px; right:-2px; bottom:-2px; border:0; border-radius:4px; background:none; box-shadow:none; overflow:hidden; }   /* лише іконка: без білої рамки й тіні */
.ck-ch--inline:has(.ck-chimg){ width:22px; height:22px; border-radius:5px; background:none; }
.ck-ch--inline:has(.ck-chimg) .ck-chimg{ border-radius:0; }
.ck-stack{ display:inline-flex; } .ck-stack .ck-ava{ width:24px; height:24px; font-size:9px; box-shadow:0 0 0 2px var(--bk-ffffff); margin-left:-8px; } .ck-stack .ck-ava:first-child{ margin-left:0; }
.ck-icircle{ width:48px; height:48px; border-radius:var(--r-m); background:var(--fill); display:grid; place-items:center; color:var(--tk-3f3f46); flex:none; }
.ck-icircle i{ width:20px; height:20px; }
.ck-icircle--sm{ width:36px; height:36px; } .ck-icircle--sm i{ width:16px; height:16px; }
.ck-icircle--tint{ background:var(--amber-soft); color:var(--amber-ink); box-shadow:0 0 0 1px rgba(180,83,9,.15); }
.ck-icircle--soft{ background:var(--fill); box-shadow:none; color:var(--ink-2); }

/* ---------- список діалогів ---------- */
.ck-list__tools{ padding:0 16px 12px; display:flex; flex-direction:column; gap:10px; }
.ck-search{ display:flex; align-items:center; gap:8px; height:36px; padding:0 12px; border-radius:var(--r-m); background:var(--fill); color:var(--ink); transition:box-shadow .12s, background .12s; }
.ck-search i{ width:16px; height:16px; color:var(--ink-3); }
.ck-search input{ flex:1; min-width:0; border:0; background:transparent; outline:none; padding:0; font-size:12.5px; }
.ck-search input::placeholder{ color:var(--ink-3); }
.ck-search input[type=search]::-webkit-search-cancel-button, .ck-search input[type=search]::-webkit-search-decoration{ -webkit-appearance:none; appearance:none; display:none; }
.ck-search:has(input:focus){ background:var(--card); box-shadow:0 0 0 2px var(--accent); }
.ck-search .ck-ibtn--xs{ display:none; } .ck-search.has-value .ck-ibtn--xs{ display:inline-grid; }
.ck-quick{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.ck-quick .ck-sp{ flex:1; }
.ck-sessions{ display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 4px 0 8px; border-radius:var(--r-xs); border:1px solid var(--line); font-size:12px; color:var(--ink-2); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-sessions .ck-ibtn{ width:18px; height:18px; box-shadow:none; background:transparent; } .ck-sessions .ck-ibtn i{ width:13px; height:13px; }
.ck-sessions .is-spin i{ animation:ck-spin .8s linear infinite; }
@keyframes ck-spin{ to{ transform:rotate(360deg) } }
.ck-dialogs{ flex:1; overflow:auto; min-height:0; padding:0; overscroll-behavior:contain; border-top:1px solid var(--line-2); }
/* рядок діалогу: нижній роздільник; усі білі, закріплені — жовтенькі; активний — темна смужка зліва */
.ck-dlg{ display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:0 12px; align-items:center; min-height:66px; padding:9px 16px; width:100%; text-align:left; position:relative; border-bottom:1px solid var(--line-2); transition:background .1s; background:var(--card); }
.ck-dlg:hover{ background:var(--band); }
.ck-dlg.is-pinned{ background:var(--bk-fff8e1); }
.ck-dlg.is-pinned:hover{ background:var(--bk-fff3cc); }
.ck-dlg.is-active{ box-shadow:inset 3px 0 0 var(--dark); background:var(--band); }
.ck-dlg.is-pinned.is-active{ background:var(--bk-fff3cc); }
.ck-dlg.is-active .ck-dlg__n{ font-weight:700; }
.ck-dlg__t{ display:flex; align-items:center; gap:6px; min-width:0; height:20px; }
.ck-dlg__n{ font-weight:600; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck .ck-dlg__pin{ width:12px; height:12px; color:var(--tk-f59e0b); fill:#FDE68A; flex:none; }
.ck-dlg__m{ display:block; font-size:13px; line-height:20px; height:20px; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }   /* блок, не flex: інакше замість «…» текст обрізається різко */
.ck .ck-dlg__m .lucide, .ck .ck-dlg__m svg{ display:inline-block; width:13px; height:13px; vertical-align:-2px; margin-right:4px; }
.ck-dlg__nomsg{ font-style:italic; color:var(--ink-3); }
.ck-dlg.is-unread .ck-dlg__m{ font-weight:600; }
.ck-dlg__r{ align-self:start; display:grid; grid-template-rows:20px 20px; align-items:center; justify-items:end; }   /* час — на лінії імені, лічильник — на лінії тексту */
.ck-dlg__time{ font-size:12px; color:var(--ink-3); white-space:nowrap; font-variant-numeric:tabular-nums; }
.ck-nt{ flex:none; height:16px; padding:0 5px; border-radius:4px; font-size:9.5px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; display:inline-flex; align-items:center; }
.ck-nt--new{ background:var(--blue-soft); color:var(--blue-ink); }
.ck-nt--opt{ background:var(--bk-e5e7eb); color:var(--tk-374151); }
.ck-nt--reg{ background:var(--green-soft); color:var(--green-ink); }
.ck-dlg__bg{ display:flex; flex-wrap:wrap; gap:4px; margin-top:4px; }
.ck-dg{ display:inline-flex; align-items:center; gap:3px; height:18px; padding:1px 5px 0;   /* UI-10: 1px згори — текст 10.5px інакше сидить вище центру */ border-radius:5px; font-size:10.5px; font-weight:600; line-height:18px; white-space:nowrap; background:var(--fill-2); color:var(--ink-2); }
.ck .ck-dg i, .ck .ck-dg svg, .ck .ck-dg .lucide{ width:12px; height:12px; stroke-width:2; flex:none; position:relative; top:-1px; }   /* UI-10: у парі з padding-top бейджа — іконка і текст по одному центру */
.ck-dg--red{ background:var(--bk-ffe4e9); color:var(--tk-be123c); }
.ck-dg--amber{ background:var(--amber-soft); color:var(--amber-ink); }
.ck-dg--ai{ background:var(--accent-soft); color:var(--accent-2); }
.ck-dg--mute{ background:var(--fill-2); color:var(--ink-3); }
.ck-dlg__draft{ color:var(--red); font-weight:600; }
.ck-dlg__failt{ color:var(--red); font-weight:600; }
.ck-dlg__fail{ width:13px !important; height:13px !important; color:var(--red) !important; margin-right:2px; }
.ck-dlg__cnt{ min-width:20px; height:20px; padding:0 6px; border-radius:6px; background:var(--red); color:#fff; font-size:10px; font-weight:700; line-height:1; display:inline-flex; align-items:center; justify-content:center; font-variant-numeric:tabular-nums; }
.ck-dlg__mgr .ck-ava{ width:22px; height:22px; font-size:8px; }
.ck-list__empty, .ck-state{ padding:40px 20px; text-align:center; color:var(--ink-3); display:flex; flex-direction:column; align-items:center; gap:8px; font-size:13px; }
.ck-state b{ color:var(--ink); font-weight:600; font-size:14px; }
.ck-state .ck-icircle{ margin-bottom:4px; }
.ck-state--error .ck-icircle{ background:var(--red-soft); color:var(--red-ink); box-shadow:none; }

/* ---------- чат ---------- */
.ck-chat__head{ display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--line-2); }
.ck-chat__id{ display:flex; align-items:center; gap:12px; min-width:0; flex:1; padding:4px 8px 4px 4px; margin:-4px -8px -4px -4px; border-radius:var(--r); text-align:left; transition:background .12s; }
.ck-chat__id:hover{ background:var(--fill); }
.ck-chat__who{ min-width:0; flex:1; display:flex; flex-direction:column; line-height:1.25; }
.ck-chat__who b{ font-weight:600; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-chat__who small{ color:var(--ink-2); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-chat__log{ flex:1; overflow:auto; min-height:0; padding:16px 20px 12px; display:flex; flex-direction:column; gap:6px; overscroll-behavior:contain; background:var(--group); }
.ck-day{ align-self:center; font-size:11px; font-weight:500; color:var(--tk-52525b); background:var(--bk-e4e5ea); border:0; padding:3px 10px; border-radius:999px; margin:6px 0; }
.ck-msg{ display:flex; align-items:flex-end; gap:10px; max-width:min(640px, 76%); position:relative; }
.ck-msg--in{ align-self:flex-start; }
.ck-msg--out{ align-self:flex-end; flex-direction:row-reverse; }
.ck-msg .ck-ava{ width:32px; height:32px; font-size:11px; margin-bottom:2px; }
.ck-msg__body{ min-width:0; display:flex; flex-direction:column; gap:4px; }
.ck-msg--out .ck-msg__body{ align-items:flex-end; }
.ck-bub{ padding:8px 12px 6px; border-radius:var(--r-m); background:var(--bub-in, var(--card)); border:0; box-shadow:0 1px 2px rgba(16,24,40,.08), 0 2px 6px rgba(16,24,40,.04); color:var(--ink); overflow-wrap:anywhere; white-space:pre-wrap; font-size:13.5px; line-height:1.5; }
.ck-msg--in .ck-bub{ border-bottom-left-radius:4px; }
.ck-msg--out .ck-bub{ background:var(--accent); color:#fff; border-bottom-right-radius:4px; box-shadow:0 1px 2px rgba(16,24,40,.10), 0 2px 6px rgba(0,98,255,.12); }
.ck-bub__meta{ float:right; display:inline-flex; align-items:center; gap:3px; margin:8px -4px -2px 10px; font-size:10.5px; line-height:14px; color:var(--ink-3); white-space:nowrap; user-select:none; }
.ck .ck-bub__meta i, .ck .ck-bub__meta .lucide{ width:13px; height:13px; position:relative; top:-1px; }
.ck-msg--out .ck-bub__meta{ color:rgba(255,255,255,.75); }
.ck-msg--out .ck-bub__meta .is-read{ color:#fff; }
.ck-bub::after{ content:""; display:block; clear:both; }
.ck-bub__img + .ck-bub__meta, .ck-bub__file + .ck-bub__meta{ float:none; display:flex; justify-content:flex-end; margin:4px 0 0; }
.ck-quote{ border-left:2px solid var(--accent); background:var(--fill); border-radius:6px; padding:6px 10px; margin:0 0 8px; color:var(--ink-2); font-size:12.5px; white-space:pre-wrap; }
.ck-quote b{ display:block; font-size:11px; color:var(--ink); margin-bottom:1px; font-weight:600; }
.ck-msg--out .ck-quote{ background:rgba(255,255,255,.14); border-left-color:rgba(255,255,255,.7); color:rgba(255,255,255,.85); }
.ck-msg--out .ck-quote b{ color:#fff; }
.ck-bub__img{ display:block; width:260px; max-width:100%; max-height:340px; border-radius:8px; margin-top:2px; overflow:hidden; background:var(--fill); padding:0; cursor:zoom-in; }
.ck-bub__img img{ display:block; width:100%; height:100%; object-fit:cover; }
.ck-bub__img.is-empty{ height:150px; display:grid; place-items:center; color:var(--ink-3); cursor:default; }
.ck-bub__file{ display:flex; align-items:center; gap:8px; margin-top:2px; padding:8px 10px; border-radius:8px; background:var(--fill); font-size:12.5px; }
.ck-msg--out .ck-bub__file{ background:rgba(255,255,255,.14); }
.ck-msg__acts{ display:inline-flex; gap:4px; opacity:0; transition:opacity .12s; align-self:center; }
.ck-msg:hover .ck-msg__acts{ opacity:1; }
.ck-msg__acts .ck-ibtn{ width:28px; height:28px; } .ck-msg__acts .ck-ibtn i{ width:14px; height:14px; }
.ck-typing{ display:inline-flex; gap:4px; padding:12px 14px; }
.ck-typing i{ width:6px; height:6px; border-radius:50%; background:var(--ink-3); animation:ck-b 1.1s infinite; }
.ck-typing i:nth-child(2){ animation-delay:.18s } .ck-typing i:nth-child(3){ animation-delay:.36s }
@keyframes ck-b{ 0%,80%,100%{ opacity:.3; transform:translateY(0) } 40%{ opacity:1; transform:translateY(-3px) } }
.ck-chat__empty{ margin:auto; }
.ck-jump{ position:absolute; right:20px; bottom:84px; opacity:0; pointer-events:none; transition:opacity .15s; }
.ck-jump.is-on{ opacity:1; pointer-events:auto; }
.ck-chat{ position:relative; }
/* поле вводу (реф: AlignUI input + темна кнопка) */
.ck-compose{ padding:12px 16px; border-top:1px solid var(--line-2); display:flex; flex-direction:column; gap:8px; background:var(--card); }
.ck-compose__quote{ display:none; align-items:center; gap:10px; padding:6px 10px; border-left:2px solid var(--accent); background:var(--accent-soft); border-radius:8px; font-size:12.5px; }
.ck-compose__quote.is-on{ display:flex; }
.ck-compose__quote div{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-compose__quote b{ display:block; font-size:11px; color:var(--accent); }
.ck-compose__row{ display:flex; align-items:flex-end; gap:8px; }
.ck-compose__field{ flex:1; display:flex; align-items:flex-end; gap:6px; min-height:44px; padding:5px 6px 5px 14px; border:1px solid var(--line); border-radius:var(--r); background:var(--card); transition:box-shadow .12s, border-color .12s; }
.ck-compose__field:has(textarea:focus){ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.ck-compose__field textarea{ flex:1; min-width:0; border:0; outline:none; resize:none; background:transparent; padding:6px 0; line-height:1.4; max-height:140px; font-size:13px; }
.ck-compose__field textarea::placeholder{ color:var(--ink-3); }
.ck-compose__field .ck-ibtn{ width:32px; height:32px; box-shadow:none; color:var(--ink-3); } .ck-compose__field .ck-ibtn:hover{ background:var(--fill); color:var(--ink); }
.ck-send{ width:44px; height:44px; border-radius:var(--r); background:var(--dark); color:#fff; display:grid; place-items:center; transition:background .12s, transform .06s; flex:none; }
.ck-send:hover{ background:var(--dark-2); } .ck-send:active{ transform:translateY(1px); }
.ck-send i{ width:18px; height:18px; }
.ck-compose .ck-ibtn--attach{ width:44px; height:44px; }

/* ---------- інспектор (реф: картка зустрічі) ---------- */
.ck-info__body{ flex:1; overflow:auto; min-height:0; padding:12px 16px 16px; display:flex; flex-direction:column; gap:14px; overscroll-behavior:contain; }
.ck-contact{ display:flex; align-items:center; gap:12px; }
.ck-contact__t{ min-width:0; flex:1; line-height:1.3; }
.ck-contact__t b{ font-size:14px; font-weight:600; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-contact__t span{ display:block; color:var(--ink-2); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-rows{ display:flex; flex-direction:column; }
.ck-krow{ display:flex; align-items:center; gap:10px; min-height:34px; padding:3px 0; }
.ck-krow__l{ display:flex; align-items:center; gap:8px; width:118px; flex:none; color:var(--ink-2); font-size:13px; }
.ck-krow__l i{ width:16px; height:16px; color:var(--ink-3); }
.ck-krow__v{ flex:1; min-width:0; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.ck-krow__v small{ color:var(--ink-3); font-size:12.5px; }
.ck-krow__v .ck-switch{ margin-left:auto; }
.ck-sep{ height:1px; background:var(--line-2); margin:2px 0; }
.ck-sep--dash{ background:none; border-top:1px dashed var(--line-dash); }
.ck-lbl{ font-size:13px; color:var(--ink-2); display:flex; align-items:center; gap:6px; }
.ck-lbl .ck-chev{ width:14px; height:14px; color:var(--ink-3); transition:transform .18s var(--ease); }
.ck-sec.is-open .ck-lbl .ck-chev{ transform:rotate(180deg); }
.ck-sec__body{ display:none; padding-top:8px; } .ck-sec.is-open .ck-sec__body{ display:block; }
.ck-sec{ display:flex; flex-direction:column; gap:8px; }
.ck-sec > button.ck-lbl{ width:100%; text-align:left; }
.ck-note{ font-size:13px; line-height:1.55; color:var(--ink); white-space:pre-wrap; }
.ck-comment__btn{ display:flex; align-items:center; gap:8px; height:40px; padding:0 12px; width:100%; border:1px dashed var(--line-dash); border-radius:var(--r); color:var(--ink-3); font-size:13px; }
.ck-comment__btn:hover{ background:var(--band); color:var(--ink-2); }
.ck-comment__btn i{ width:15px; height:15px; }
.ck-comment__edit{ display:flex; flex-direction:column; gap:8px; }
.ck-comment__text{ padding:10px 12px; border-radius:var(--r); background:var(--amber-soft); color:var(--ink); font-size:13px; line-height:1.5; white-space:pre-wrap; }
.ck-comment__meta{ display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--ink-3); }
.ck-comment__meta i{ width:12px; height:12px; }
.ck-textarea{ width:100%; min-height:80px; padding:10px 12px; border:1px solid var(--line); border-radius:var(--r); background:var(--card); outline:none; resize:vertical; line-height:1.45; font-size:12.5px; }
.ck-textarea:focus{ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.ck-order{ display:flex; align-items:center; gap:10px; padding:8px 10px; border:1px solid var(--line); border-radius:var(--r); cursor:pointer; transition:background .1s; }
.ck-order:hover{ background:var(--band); }
.ck-order__t{ flex:1; min-width:0; line-height:1.3; }
.ck-order__t b{ display:block; font-weight:600; font-size:13px; }
.ck-order__t span{ font-size:12px; color:var(--ink-2); }
.ck-info__close{ display:none; }

/* ---------- дизайн-система: select / menu (реф: Notion / Share) ---------- */
.ck-select{ display:flex; align-items:center; gap:8px; width:100%; height:40px; padding:0 10px 0 12px; border:1px solid var(--line); border-radius:var(--r); background:var(--card); text-align:left; color:var(--ink); transition:border-color .12s, box-shadow .12s; font-size:13px; }
.ck-select:hover{ background:var(--band); }
.ck-select.is-open, .ck-select:focus-visible{ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); outline:none; }
.ck-select.is-error{ border-color:var(--red); }
.ck-select.is-disabled{ opacity:.55; pointer-events:none; }
.ck-select--text{ border:0; height:auto; padding:0; width:auto; background:transparent !important; box-shadow:none !important; color:var(--ink-2); font-weight:500; }
.ck-select__v{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:flex; align-items:center; gap:8px; }
.ck-select__v.is-placeholder{ color:var(--ink-3); }
.ck-select__v .ck-ava{ width:22px; height:22px; font-size:8px; }
.ck-select__arr{ width:16px; height:16px; color:var(--ink-3); transition:transform .18s var(--ease); flex:none; }
.ck-select.is-open .ck-select__arr{ transform:rotate(180deg); }
.ck-select--sm{ height:32px; font-size:13px; }
.ck-menu{ outline:none; position:fixed; z-index:1000; min-width:180px; max-height:min(360px, 60vh); overflow:auto; padding:6px; background:var(--card); border:1px solid var(--line); border-radius:var(--r-m); box-shadow:var(--sh-pop); opacity:0; transform:translateY(-4px) scale(.98); transform-origin:top; transition:opacity .14s var(--ease), transform .14s var(--ease); overscroll-behavior:contain; }
.ck-menu.is-up{ transform-origin:bottom; transform:translateY(4px) scale(.98); }
.ck-menu.is-on{ opacity:1; transform:none; }
.ck-menu__i{ display:flex; align-items:center; gap:10px; width:100%; min-height:38px; padding:7px 10px; border-radius:var(--r-s); text-align:left; color:var(--ink); transition:background .1s; font-size:13.5px; }
.ck-menu__i:hover, .ck-menu__i.is-focus{ background:var(--fill); }
.ck-menu__i.is-selected{ background:var(--accent-soft); color:var(--accent); font-weight:500; }
.ck-menu__i.is-danger{ color:var(--red); }
.ck-menu__i.is-disabled{ opacity:.45; pointer-events:none; }
.ck-menu__i i{ width:17px; height:17px; color:var(--ink-2); }
.ck-menu__i.is-danger i{ color:var(--red); }
.ck-menu__i.is-selected i{ color:var(--accent); }
.ck-menu__i .ck-ava{ width:24px; height:24px; font-size:9px; }
.ck-menu__l{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-menu__l small{ display:block; color:var(--ink-3); font-size:11.5px; }
.ck-menu__i > small{ color:var(--ink-3); font-size:12px; margin-left:auto; }
.ck-menu__i .ck-tick{ margin-left:auto; width:16px; height:16px; color:var(--accent); opacity:0; }
.ck-menu__i.is-selected .ck-tick{ opacity:1; }
.ck-menu__i .ck-check{ pointer-events:none; }
.ck-menu__sep{ height:1px; background:var(--line-2); margin:6px -6px; }
.ck-menu__hd{ padding:8px 10px 4px; font-size:11.5px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-3); }
.ck-menu__search{ padding:2px 2px 6px; position:sticky; top:-6px; background:var(--card); z-index:1; }
.ck-menu__search .ck-input{ height:34px; }
.ck-menu__empty{ padding:12px; color:var(--ink-3); text-align:center; }
.ck-menu--emoji{ display:grid; grid-template-columns:repeat(8, 34px); gap:2px; padding:6px; }
.ck-menu--emoji button{ width:34px; height:34px; border-radius:8px; font-size:20px; display:grid; place-items:center; }
.ck-menu--emoji button:hover{ background:var(--fill); }

/* ---------- чекбокс / радіо / тумблер (реф: Share workspace) ---------- */
.ck-check, .ck-radio{ display:inline-flex; align-items:center; gap:10px; cursor:pointer; user-select:none; min-height:24px; font-size:13.5px; }
.ck-check > span:last-child:has(> .ck-ch){ display:inline-flex; align-items:center; gap:8px; }   /* UI-10: іконка каналу поруч із назвою, по центру */
.ck-check input, .ck-radio input, .ck-switch input{ position:absolute; opacity:0; width:0; height:0; }
.ck-check__box{ width:18px; height:18px; border:1.5px solid var(--ink-4); border-radius:5px; background:var(--card); display:grid; place-items:center; transition:background .12s, border-color .12s, box-shadow .12s; flex:none; }
.ck-check__box svg{ width:12px; height:12px; stroke:#fff; stroke-width:3; opacity:0; transform:scale(.6); transition:opacity .12s, transform .12s var(--ease); }
.ck-check:hover .ck-check__box{ border-color:var(--ink-3); }
.ck-check input:checked + .ck-check__box{ background:var(--accent); border-color:var(--accent); }
.ck-check input:checked + .ck-check__box svg{ opacity:1; transform:scale(1); }
.ck-check input:focus-visible + .ck-check__box{ box-shadow:0 0 0 3px var(--accent-ring); }
.ck-check.is-error .ck-check__box{ border-color:var(--red); }
.ck-check.is-disabled{ opacity:.5; pointer-events:none; }
.ck-radio__dot{ width:20px; height:20px; border:1.5px solid var(--ink-4); border-radius:50%; background:var(--card); display:grid; place-items:center; transition:border-color .12s, background .12s; flex:none; }
.ck-radio__dot::after{ content:""; width:8px; height:8px; border-radius:50%; background:var(--bk-ffffff); transform:scale(0); transition:transform .12s var(--ease); }
.ck-radio input:checked + .ck-radio__dot{ border-color:var(--accent); background:var(--accent); }
.ck-radio input:checked + .ck-radio__dot::after{ transform:scale(1); }
.ck-radio input:focus-visible + .ck-radio__dot{ box-shadow:0 0 0 3px var(--accent-ring); }
.ck-switch{ position:relative; display:inline-block; width:44px; height:24px; flex:none; cursor:pointer; }
.ck-switch__t{ position:absolute; inset:0; border-radius:12px; background:var(--fill-2); transition:background .18s; box-shadow:inset 0 0 0 1px rgba(16,24,40,.06); }
.ck-switch__t::after{ content:""; position:absolute; top:2px; left:2px; width:20px; height:20px; border-radius:50%; background:var(--bk-ffffff); box-shadow:0 1px 2px rgba(0,0,0,.2); transition:transform .18s var(--ease); }
.ck-switch input:checked + .ck-switch__t{ background:var(--accent); box-shadow:none; }
.ck-switch input:checked + .ck-switch__t::after{ transform:translateX(20px); }
.ck-switch input:focus-visible + .ck-switch__t{ box-shadow:0 0 0 3px var(--accent-ring); }
.ck-switch.is-disabled{ opacity:.5; pointer-events:none; }
.ck-switch--sm{ width:36px; height:20px; } .ck-switch--sm .ck-switch__t::after{ width:16px; height:16px; } .ck-switch--sm input:checked + .ck-switch__t::after{ transform:translateX(16px); }

/* ---------- поля форм (реф: AlignUI) ---------- */
.ck-field{ display:flex; flex-direction:column; gap:6px; }
.ck-field > label{ font-size:13px; font-weight:600; color:var(--ink); }
.ck-field > label small{ color:var(--ink-3); font-weight:400; }
.ck-input{ display:flex; align-items:center; gap:8px; height:40px; padding:0 12px; border:1px solid var(--line); border-radius:var(--r); background:var(--card); color:var(--ink); transition:border-color .12s, box-shadow .12s; flex:1; min-width:0; }
.ck-input i{ width:16px; height:16px; color:var(--ink-3); }
.ck-input input{ flex:1; min-width:0; border:0; background:transparent; outline:none; padding:0; font-size:12.5px; }
.ck-input input::placeholder{ color:var(--ink-3); }
.ck-input:has(input:focus, textarea:focus){ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.ck-input.is-error{ border-color:var(--red); box-shadow:0 0 0 1px var(--red); }
.ck-input.is-disabled{ opacity:.55; pointer-events:none; }
.ck-input--sm{ height:36px; } .ck-input--sm input{ font-size:12.5px; }
.ck-field__hint{ font-size:12px; color:var(--ink-3); }
.ck-field > .ck-input{ flex:none; }   /* у стовпчику поля flex:1 скидав висоту 40px до висоти тексту */
.ck-field.is-error .ck-input{ border-color:var(--red); box-shadow:0 0 0 1px var(--red); }
.ck-field.is-error .ck-field__hint{ color:var(--red); }
.ck-form{ display:flex; flex-direction:column; gap:16px; }
.ck-form__row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ck-group{ background:var(--group); border:1px solid var(--line); border-radius:var(--r-m); padding:14px 16px; display:flex; flex-direction:column; gap:10px; }
.ck-group__t{ font-size:14px; font-weight:600; display:flex; align-items:center; gap:8px; }
.ck-group__t .ck-sp{ flex:1; }
.ck-group__d{ font-size:13px; color:var(--ink-2); margin-top:-6px; }
.ck-opts{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ck-opt{ position:relative; display:flex; flex-direction:column; gap:6px; padding:14px; border:1.5px solid var(--line); border-radius:var(--r-m); cursor:pointer; background:var(--card); transition:border-color .12s, background .12s; }
.ck-opt:hover{ background:var(--band); }
.ck-opt input{ position:absolute; opacity:0; width:0; height:0; }
.ck-opt.is-on{ border-color:var(--accent); background:var(--accent-soft); }
.ck-opt__ic{ width:28px; height:28px; border-radius:8px; display:grid; place-items:center; color:#fff; }
.ck-opt__ic svg{ width:15px; height:15px; fill:currentColor; }
.ck-opt__ic:has(.ck-chimg){ width:34px; height:34px; border-radius:6px; overflow:hidden; }
.ck-opt b{ font-size:13.5px; font-weight:600; }
.ck-opt span{ font-size:12px; color:var(--ink-2); line-height:1.4; }
.ck-opt .ck-opt__tag{ position:absolute; top:-10px; left:12px; height:20px; padding:0 8px; border-radius:999px; background:var(--accent); color:#fff; font-size:11px; font-weight:600; display:inline-flex; align-items:center; }
/* кроки (реф: Getting started) */
.ck-steps{ display:flex; flex-direction:column; }
.ck-step{ display:flex; align-items:center; gap:12px; min-height:40px; color:var(--ink); font-size:14px; }
.ck-step__n{ width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font-size:11.5px; font-weight:600; border:1px solid var(--line); color:var(--ink-2); background:var(--card); flex:none; }
.ck-step__n i{ width:12px; height:12px; stroke-width:3; }
.ck-step.is-done .ck-step__n{ background:var(--green); border-color:var(--green); color:#fff; } .ck-step.is-done{ color:var(--ink-2); }
.ck-step.is-cur .ck-step__n{ background:var(--dark); border-color:var(--dark); color:#fff; box-shadow:0 0 0 3px rgba(46,46,51,.12); } .ck-step.is-cur{ font-weight:500; }
.ck-step .ck-chev{ margin-left:auto; color:var(--ink-3); width:16px; height:16px; }
.ck-ticks{ display:inline-flex; gap:2px; align-items:center; }
.ck-ticks i{ width:2px; height:10px; border-radius:1px; background:var(--line-dash); display:block; }
.ck-ticks i.is-on{ background:var(--green); }
.ck-progress{ height:4px; border-radius:2px; background:var(--fill-2); overflow:hidden; } .ck-progress b{ display:block; height:100%; background:var(--accent); border-radius:2px; }
.ck-code{ display:flex; gap:8px; justify-content:center; }
.ck-code input{ width:44px; height:48px; text-align:center; font-size:20px; font-weight:600; border:1px solid var(--line); border-radius:var(--r); outline:none; background:var(--card); }
.ck-code input:focus{ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.ck-qr{ width:176px; height:176px; margin:0 auto; border-radius:var(--r-m); background:repeating-conic-gradient(var(--bk-1f2328) 0 25%, var(--bk-ffffff) 0 50%) 0 0/22px 22px; border:8px solid var(--bk-ffffff); box-shadow:var(--sh-ring); }

/* ---------- модалка / bottom sheet (реф: Share workspace / AlignUI sheet) ---------- */
.ck-backdrop{ position:fixed; inset:0; z-index:900; background:rgba(31,35,40,.32); opacity:0; transition:opacity .18s var(--ease); backdrop-filter:blur(2px); }
.ck-backdrop.is-on{ opacity:1; }
.ck-modal{ position:fixed; z-index:901; left:50%; top:50%; transform:translate(-50%,-50%) scale(.97); opacity:0; width:min(560px, calc(100vw - 40px)); max-height:min(88vh, 900px); display:flex; flex-direction:column; background:var(--card); border-radius:var(--r-xl); box-shadow:var(--sh-modal); transition:opacity .18s var(--ease), transform .18s var(--ease); }
.ck-modal.is-on{ opacity:1; transform:translate(-50%,-50%) scale(1); }
.ck-modal--lg{ width:min(760px, calc(100vw - 40px)); } .ck-modal--sm{ width:min(440px, calc(100vw - 40px)); }
.ck-modal__hd{ display:flex; align-items:flex-start; gap:12px; padding:22px 22px 6px 24px; }
.ck-modal__hd > i{ display:none; }
.ck-modal__hd b{ font-size:17px; font-weight:600; flex:1; min-width:0; letter-spacing:-.01em; line-height:1.3; }
.ck-modal__hd .ck-ibtn{ box-shadow:none; color:var(--ink-3); width:32px; height:32px; margin:-4px -6px 0 0; } .ck-modal__hd .ck-ibtn:hover{ background:var(--fill); color:var(--ink); }
.ck-modal__bd{ flex:1; overflow:auto; min-height:0; padding:12px 24px 20px; overscroll-behavior:contain; }
.ck-modal__sub{ margin:0 0 4px; color:var(--ink-2); font-size:13.5px; }
.ck-modal__ft{ display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:12px 24px 22px; }
.ck-modal__ft .ck-btn{ height:40px; }
.ck-modal__handle{ display:none; }
.ck-list-plain{ display:flex; flex-direction:column; }
.ck-list-plain > div{ display:flex; align-items:center; gap:12px; min-height:48px; padding:8px 16px; border-bottom:1px solid var(--line-2); flex-wrap:wrap; }
.ck-list-plain > div:last-child{ border-bottom:0; }
.ck-list-plain > div > i{ width:18px; height:18px; color:var(--ink-2); }
.ck-list-plain .ck-chev{ margin-left:auto; color:var(--ink-3); width:16px; height:16px; }
.ck-list-plain .ck-seg button{ flex:none; padding:0 12px; }
.ck-row__t{ flex:1; min-width:0; line-height:1.3; }
.ck-row__t b{ display:block; font-weight:500; font-size:14px; }
.ck-row__t span{ display:block; font-size:12.5px; color:var(--ink-2); }

/* ---------- тултіп / тости ---------- */
.ck-tip{ position:fixed; z-index:1200; padding:6px 9px; background:var(--dark); color:#fff; font-size:11.5px; font-weight:500; border-radius:8px; box-shadow:var(--sh-pop); pointer-events:none; opacity:0; transform:translateY(2px); transition:opacity .1s, transform .1s; white-space:nowrap; max-width:260px; }
.ck-tip.is-on{ opacity:1; transform:none; }
.ck-toasts{ position:fixed; z-index:1300; right:16px; bottom:16px; display:flex; flex-direction:column; gap:8px; pointer-events:none; }
.ck-toast{ pointer-events:auto; display:flex; align-items:center; gap:10px; width:340px; max-width:calc(100vw - 32px); padding:11px 10px 11px 14px; background:var(--dark); color:#fff; border-radius:var(--r-m); box-shadow:0 10px 30px rgba(16,24,40,.22); transform:translateX(24px); opacity:0; transition:transform .2s var(--ease), opacity .2s; }
.ck-toast--success{ background:#16A34A; } .ck-toast--error{ background:#DC2626; } .ck-toast--warning{ background:#F59E0B; color:var(--tk-1f2328); }
.ck-toast.is-on{ transform:none; opacity:1; }
.ck-toast > i{ width:20px; height:20px; flex:none; color:inherit; }
.ck-toast__t{ flex:1; min-width:0; } .ck-toast__t b{ display:block; font-weight:600; font-size:13.5px; } .ck-toast__t span{ display:block; opacity:.85; font-size:12.5px; }
.ck-toast .ck-ibtn{ width:26px; height:26px; background:transparent; color:inherit; opacity:.75; } .ck-toast .ck-ibtn:hover{ background:rgba(255,255,255,.18); opacity:1; }

/* ---------- скелетон ---------- */
.ck-sk{ background:linear-gradient(90deg, var(--bk-eeeff2) 25%, var(--bk-f6f7f9) 37%, var(--bk-eeeff2) 63%); background-size:400% 100%; animation:ck-sk 1.3s ease infinite; border-radius:6px; }
@keyframes ck-sk{ 0%{ background-position:100% 0 } 100%{ background-position:0 0 } }

/* ---------- стрічки (реф: Notification Center) ---------- */
.ck-feed{ flex:1; overflow:auto; min-height:0; padding:4px 16px 16px; display:flex; flex-direction:column; }
.ck-feed__grp{ display:flex; align-items:center; gap:10px; font-size:12.5px; font-weight:600; color:var(--ink-2); padding:14px 0 6px; }
.ck-feed__grp .ck-ticks{ margin-left:auto; } .ck-feed__grp small{ font-weight:500; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.ck-fitem{ display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--line-2); cursor:pointer; }
.ck-fitem:last-child{ border-bottom:0; }
.ck-fitem__t{ flex:1; min-width:0; }
.ck-fitem__t b{ display:flex; align-items:center; gap:8px; font-weight:600; font-size:14px; }
.ck-fitem__t b::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--accent); flex:none; }
.ck-fitem.is-read .ck-fitem__t b::before{ background:var(--ink-4); }
.ck-fitem.is-overdue .ck-fitem__t b::before{ background:var(--red); }
.ck-fitem__t p{ margin:3px 0 0; color:var(--ink-2); font-size:13.5px; line-height:1.5; }
.ck-fitem__t p strong{ color:var(--ink); font-weight:600; }
.ck-fitem__m{ margin-top:8px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12px; color:var(--ink-3); }
.ck-fitem__r{ display:flex; flex-direction:column; align-items:flex-end; gap:8px; flex:none; }
.ck-fitem__r time{ font-size:12.5px; color:var(--ink-3); white-space:nowrap; }

/* ---------- сторінки ---------- */
.ck-page__in{ max-width:1180px; margin:0 auto; padding:8px 8px 40px; display:flex; flex-direction:column; gap:16px; }
.ck-page__hd{ display:flex; align-items:flex-end; gap:16px; flex-wrap:wrap; padding:16px 8px 4px; }
.ck-page__hd h1{ font-size:28px; font-weight:700; margin:0; letter-spacing:-.02em; line-height:1.15; }
.ck-page__hd p{ margin:6px 0 0; color:var(--ink-2); font-size:15px; max-width:640px; }
.ck-page__hd .ck-sp{ flex:1; }
.ck-tiles{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; }
.ck-tile{ padding:16px 18px; display:flex; flex-direction:column; gap:6px; }
.ck-tile span{ font-size:13px; color:var(--ink-2); }
.ck-tile b{ font-size:26px; font-weight:700; letter-spacing:-.02em; line-height:1.1; }
.ck-tile small{ font-size:12.5px; color:var(--green-ink); display:inline-flex; align-items:center; gap:4px; }
.ck-tile small.is-down{ color:var(--red-ink); }
.ck-table{ width:100%; border-collapse:separate; border-spacing:0; }
.ck-table th{ text-align:left; font-size:12px; font-weight:600; color:var(--ink-2); padding:10px 14px; border-bottom:1px solid var(--line); background:var(--band); white-space:nowrap; }
.ck-table td{ padding:10px 14px; border-bottom:1px solid var(--line-2); vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:320px; font-size:13.5px; }
.ck-table tr:last-child td{ border-bottom:0; }
.ck-table tbody tr:hover td{ background:var(--band); }
.ck-table .is-num{ text-align:right; font-variant-numeric:tabular-nums; }
.ck-table__wrap{ overflow:auto; }
.ck-who{ display:flex; align-items:center; gap:10px; min-width:0; }
.ck-who .ck-ava{ width:32px; height:32px; font-size:11px; }
.ck-who b{ font-weight:500; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-who span{ display:block; font-size:12px; color:var(--ink-3); }
.ck-bars{ display:flex; align-items:flex-end; gap:6px; height:120px; padding:8px 4px 0; }
.ck-bars div{ flex:1; background:var(--accent-soft); border-radius:4px 4px 0 0; position:relative; min-height:4px; }
.ck-bars div.is-hi{ background:var(--accent); }
.ck-bars div::after{ content:attr(data-l); position:absolute; top:100%; left:0; right:0; text-align:center; font-size:11px; color:var(--ink-3); margin-top:4px; }
.ck-grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ck-card__hd{ display:flex; align-items:center; gap:8px; padding:14px 16px; border-bottom:1px solid var(--line-2); font-weight:600; font-size:14px; }
.ck-card__hd .ck-sp{ flex:1; }
.ck-card__bd{ padding:16px; }
.ck-mgrs{ display:grid; grid-template-columns:repeat(auto-fill, minmax(360px, 1fr)); gap:12px; }
.ck-mgrcard__hd{ display:flex; align-items:center; gap:12px; padding:14px 16px; }
.ck-mgrcard__hd .ck-t{ flex:1; min-width:0; }
.ck-mgrcard__hd b{ display:flex; align-items:center; gap:6px; font-weight:600; font-size:14px; }
.ck-mgrcard__hd span{ font-size:12.5px; color:var(--ink-2); }
.ck-chan{ display:flex; align-items:center; gap:10px; padding:8px 16px; min-height:44px; }
.ck-chan__ic{ width:28px; height:28px; border-radius:8px; display:grid; place-items:center; color:#fff; flex:none; }
.ck-chan__ic svg{ width:15px; height:15px; fill:currentColor; }
.ck-chan__ic:has(.ck-chimg){ width:30px; height:30px; border-radius:6px; overflow:hidden; }
.ck-chan__t{ flex:1; min-width:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ck-chan__t b{ font-weight:500; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-chan__t .ck-chip{ margin-top:-1px; }   /* UI-10: чіп статусу на одній осі з назвою каналу */
.ck-st{ width:8px; height:8px; border-radius:50%; background:var(--green); display:inline-block; flex:none; }
.ck-st--off{ background:var(--ink-4); } .ck-st--warn{ background:#F59E0B; } .ck-st--err{ background:var(--red); }

/* ---------- інспектор як slide-over (ноутбук/планшет) ---------- */
@media (max-width:1439px){
  :root{ --side:208px; }
  .ck-app{ grid-template-columns:var(--side) var(--list) minmax(0,1fr); }
  .ck-page{ grid-column:2 / span 2; }
  .ck-info{ position:fixed; top:var(--gap); right:var(--gap); bottom:var(--gap); width:min(380px, calc(100vw - 24px)); z-index:800; transform:translateX(calc(100% + 24px)); transition:transform .22s var(--ease); }
  .ck-info.is-open{ transform:none; box-shadow:var(--sh-modal); }
  .ck-info__close{ display:inline-grid; }
  .ck-info-toggle{ display:inline-grid !important; }
}
.ck-info-toggle{ display:none; }
@media (max-width:1023px) and (min-width:768px){
  :root{ --list:300px; --side:64px; }
  .ck-side__hd{ padding:6px 0 14px; justify-content:center; }
  .ck-side__brand{ flex:none; }
  .ck-side__logo-word{ display:none; }
  .ck-side__hd b, .ck-side__lbl, .ck-side__i > span, .ck-side__chev, .ck-side__me-t, .ck-side__me .ck-chev, .ck-side__toggle{ display:none; }
  .ck-side{ padding:6px 8px 8px 12px; }
  .ck-side__i{ justify-content:center; padding:0; width:44px; position:relative; }
  .ck-side__cnt{ position:absolute; top:3px; right:3px; min-width:16px; height:16px; padding:0 4px; font-size:9.5px; border-radius:5px; box-shadow:0 0 0 2px var(--canvas); }
  .ck-side__me{ padding:4px; justify-content:center; width:44px; }
  .ck-msg{ max-width:86%; }
  .ck-tiles{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ck-form__row, .ck-grid-2{ grid-template-columns:1fr; }
}
/* ---------- телефон (реф: AlignUI сайдбар / bottom sheet) ---------- */
.ck-top__back{ display:none; color:var(--ink); }
@media (max-width:767px){
  :root{ --gap:0px; --side:280px; }
  .ck-app{ grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); padding:0; gap:0; background:var(--card); }
  .ck-side{ position:fixed; top:0; left:0; bottom:0; width:var(--side); z-index:850; background:var(--canvas); padding:10px 12px calc(12px + var(--sab)); transform:translateX(-100%); transition:transform .22s var(--ease); box-shadow:none; }
  .ck-app.is-side-open .ck-side{ transform:none; box-shadow:var(--sh-modal); }
  .ck-side__hd b, .ck-side__lbl, .ck-side__i > span, .ck-side__chev, .ck-side__me-t, .ck-side__me .ck-chev{ display:initial; }
  .ck-side__cnt{ display:inline-flex; position:static; min-width:22px; height:20px; padding:2px 6px 0; font-size:11.5px; border-radius:6px; box-shadow:none; }
  .ck-side__i{ justify-content:flex-start; padding:0 12px; width:auto; height:44px; }
  .ck-side__me{ padding:8px 10px; justify-content:flex-start; }
  .ck-side__x{ display:inline-grid; }
  .ck-side__brand{ flex:1; }
  .ck-side__logo-word{ display:block; opacity:1; }
  .ck-side .ck-side__x{ background:var(--card); }   /* UI-14 */
  .ck-side__toggle{ display:none; }
  .ck-side-bd{ display:block; position:fixed; inset:0; z-index:840; background:rgba(31,35,40,.32); opacity:0; pointer-events:none; transition:opacity .2s; }
  .ck-app.is-side-open .ck-side-bd{ opacity:1; pointer-events:auto; }
  .ck-burger{ display:inline-grid; }
  .ck-list, .ck-chat, .ck-page{ grid-row:1; grid-column:1; border:0; border-radius:0; box-shadow:none; }
  .ck-app[data-mobile="chat"] .ck-list, .ck-app[data-mobile="list"] .ck-chat{ display:none; }
  .ck-top__back{ display:inline-grid; }
  .ck-info{ position:fixed; inset:0; width:100vw; z-index:800; transform:translateY(100%); border-radius:var(--r-xxl) var(--r-xxl) 0 0; border:0; transition:transform .22s var(--ease); }
  .ck-info.is-open{ transform:none; }
  .ck-info__close{ display:inline-grid; }
  .ck-info-toggle{ display:none !important; }
  .ck-hd{ padding:14px 16px 10px; }
  .ck-chat__log{ padding:12px 12px 8px; }
  .ck-msg{ max-width:88%; }
  .ck-msg .ck-ava{ display:none; }
  .ck-msg__acts{ display:none; }
  .ck-compose{ padding:8px 12px calc(8px + var(--sab)); }
  .ck-compose__field textarea, .ck-search input, .ck-input input, .ck-textarea{ font-size:14px; }
  .ck-page__in{ padding:8px 16px 30px; }
  .ck-page__hd h1{ font-size:24px; }
  .ck-tiles{ grid-template-columns:1fr 1fr; }
  .ck-mgrs{ grid-template-columns:1fr; }
  .ck-opts{ grid-template-columns:1fr; }
  .ck-menu.is-mobile{ left:16px !important; right:16px !important; width:auto !important; min-width:0; max-height:50vh; }
  .ck-modal, .ck-modal--lg, .ck-modal--sm{ left:0; right:0; top:auto; bottom:0; width:auto; max-height:92vh; transform:translateY(100%); border-radius:var(--r-xxl) var(--r-xxl) 0 0; }
  .ck-modal.is-on{ transform:none; }
  .ck-modal__handle{ display:block; width:40px; height:5px; border-radius:3px; background:var(--line-dash); margin:10px auto 0; }
  .ck-modal__hd{ padding:12px 16px 6px 20px; }
  .ck-modal__bd{ padding:10px 20px calc(16px + var(--sab)); }
  .ck-modal__ft{ padding:10px 20px calc(16px + var(--sab)); }
  .ck-modal__ft .ck-btn{ flex:1; height:48px; border-radius:var(--r-m); }
  .ck-toasts{ left:12px; right:12px; bottom:calc(12px + var(--sab)); } .ck-toast{ width:auto; transform:translateY(16px); }
  .ck-feed{ padding:4px 16px 16px; }
  .ck-table td, .ck-table th{ padding:8px 10px; }
}
@media (prefers-reduced-motion: reduce){ *{ transition:none !important; animation:none !important; } }

/* ---------- UI-10: оптичний центр тексту незалежно від пристрою (text-box-trim) ----------
   Рядок обрізається рівно до висоти великих літер/цифр (cap … baseline), тож центр тексту = центр бейджа
   на будь-якому екрані й DPR. Піксельні підкладки вище лишаються лише запасом для старих браузерів. */
@supports (text-box: trim-both cap alphabetic) {
  /* лічильники (лише цифри): висота = cap + 2 × рівний відступ */
  .ck-side__cnt, .ck-dlg__cnt, .ck-badge, .ck-menu .ck-menu__cnt, .ck-modal .ck-menu__cnt{ display:inline-block; height:auto; line-height:1; text-align:center; text-box:trim-both cap alphabetic;
    padding-top:calc((var(--cnt-h) - 1cap) / 2); padding-bottom:calc((var(--cnt-h) - 1cap) / 2); }
  .ck-side__cnt, .ck-menu__cnt{ --cnt-h:20px; }   /* UI-311: лічильник меню — той самий */
  .ck-dlg__cnt{ --cnt-h:20px; }
  .ck-badge{ --cnt-h:18px; }
  .ck-seg button .ck-badge{ --cnt-h:16px; }
  .ck-app.is-side-mini .ck-side__cnt{ --cnt-h:16px; height:auto; padding-top:calc((var(--cnt-h) - 1cap) / 2); padding-bottom:calc((var(--cnt-h) - 1cap) / 2); }   /* правило згорнутої панелі сильніше — повторюємо відступи тут */
  /* бейджі з іконкою і час у бульбашці: текст у <span>, центрування flex по обрізаному рядку */
  .ck-dg{ padding-top:0; padding-bottom:0; }
  .ck-dg > span, .ck-bub__meta > span{ text-box:trim-both cap alphabetic; }
  .ck .ck-dg .lucide, .ck .ck-bub__meta .lucide{ top:0; }
  .ck-orow__no, .ck-orow__sum{ text-box:trim-both cap alphabetic; }   /* номер і сума на одній осі зі статусом і стрілкою */
}
@media (max-width:1023px) and (min-width:768px){ @supports (text-box: trim-both cap alphabetic){ .ck-side__cnt{ --cnt-h:16px; } } }

/* ---------- UI-17: розділи й діалоги — посилання <a>, вигляд як у кнопок ---------- */
a.ck-side__i, a.ck-dlg{ color:var(--ink); text-decoration:none; -webkit-tap-highlight-color:transparent; }
a.ck-side__i:hover, a.ck-dlg:hover{ text-decoration:none; }
a.ck-side__i.is-active{ color:var(--accent-2); }

/* ---------- UI-18: Замовлення / Контакти / Аналітика ---------- */
.ck-page__in--full{ max-width:none; }
.ck-page__mhd{ display:none; }
.ck-table td.is-wrap{ white-space:normal; max-width:none; min-width:110px; }
.ck-table td.is-wrap .ck-chips{ flex-wrap:wrap; }   /* довгі товари / доставка переносяться — без бокового скролу */
/* таблиці без бокового скролу (правило з c2c): на вужчих екранах ховаємо менш важливі колонки */
@media (min-width:768px) and (max-width:1599px){
  .ck-table--contacts :is(th,td):nth-child(4){ display:none; }                       /* місто */
}
@media (min-width:768px) and (max-width:1439px){
  .ck-table--contacts :is(th,td):nth-child(7){ display:none; }                       /* кількість замовлень */
  .ck-table--contacts td:nth-child(6) .ck-who b{ display:none; }                     /* менеджер — лише аватар */
  .ck-table--contacts td:nth-child(2) .ck-chip{ padding:0 4px; } .ck-table--contacts td:nth-child(2) .ck-chip span{ display:none; }   /* канал — лише іконка */
}
@media (min-width:768px) and (max-width:1279px){
  .ck-table--orders :is(th,td):nth-child(5){ display:none; }                         /* оплата */
  .ck-table--orders :is(th,td):nth-child(8){ display:none; }                         /* дата */
  .ck-table--contacts :is(th,td):nth-child(5){ display:none; }                       /* теги */
}
@media (min-width:768px) and (max-width:1023px){
  .ck-table--orders :is(th,td):nth-child(4){ display:none; }                         /* доставка */
  .ck-table--contacts :is(th,td):nth-child(6){ display:none; }                       /* менеджер */
}
@media (max-width:767px){
  .ck-page__mhd{ display:flex; position:sticky; top:0; z-index:5; background:var(--card); }
  .ck-page__in--full{ padding-top:0; }
  .ck-page__in--full > .ck-page__hd{ padding:0; gap:8px; flex-wrap:nowrap; align-items:center; }
  .ck-page__in--full > .ck-page__hd > div:first-child, .ck-page__in--full > .ck-page__hd > .ck-sp{ display:none; }   /* великий H1 — лише на ПК */
  .ck-page__in--full > .ck-page__hd .ck-input{ max-width:none !important; flex:1 !important; }
  .ck-page__in--full > .ck-page__hd .ck-select{ width:100% !important; }
  .ck-page__in--full > .ck-page__hd .ck-btn > span{ display:none; }   /* на телефоні дія — іконкою, пошук на всю ширину */
  .ck-page__in--full > .ck-page__hd .ck-btn{ width:36px; height:36px; padding:0; flex:none; }
  .ck-page__in--full .ck-grid-2{ grid-template-columns:1fr; }
  .ck-page__in--full .ck-card:has(> .ck-table){ overflow-x:auto; }   /* широкі таблиці аналітики — скрол усередині картки */
  .ck-table--an-mgr :is(th,td):nth-child(3), .ck-table--an-ch :is(th,td):nth-child(3), .ck-table--an-ch :is(th,td):nth-child(5){ display:none; }   /* на телефоні — головні цифри, без скролу */
  /* таблиці → рядки-картки як у списку діалогів: без обрізаних колонок */
  .ck-page__in--full .ck-table__wrap{ overflow:visible; border-radius:var(--r-l); }
  .ck-table--orders, .ck-table--orders tbody, .ck-table--contacts, .ck-table--contacts tbody{ display:block; }
  .ck-table--orders thead, .ck-table--contacts thead{ display:none; }
  .ck-table--orders tr, .ck-table--contacts tr{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; row-gap:6px; padding:12px 14px; border-bottom:1px solid var(--line-2); align-items:center; }
  .ck-table--orders tr:last-child, .ck-table--contacts tr:last-child{ border-bottom:0; }
  .ck-table--orders td, .ck-table--contacts td{ display:block; padding:0 !important; border:0 !important; max-width:none; min-width:0; background:none !important; }
  .ck-table--orders td:nth-child(2){ grid-area:1 / 1; }
  .ck-table--orders td:nth-child(6){ grid-area:1 / 2; font-size:14px; }
  .ck-table--orders td:nth-child(3){ grid-area:2 / 1; color:var(--ink-2); font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
  .ck-table--orders td:nth-child(7){ grid-area:2 / 2; justify-self:end; }
  .ck-table--orders td:nth-child(1){ grid-area:3 / 1; }
  .ck-table--orders td:nth-child(8){ grid-area:3 / 2; justify-self:end; color:var(--ink-3); font-size:12px; }
  .ck-table--orders td:nth-child(4), .ck-table--orders td:nth-child(5){ display:none; }
  .ck-table--contacts td:nth-child(1){ grid-area:1 / 1; }
  .ck-table--contacts td:nth-child(8){ grid-area:1 / 2; justify-self:end; color:var(--ink-3); font-size:12px; }
  .ck-table--contacts td:nth-child(3){ grid-area:2 / 1; color:var(--ink-2); font-size:12.5px; }
  .ck-table--contacts td:nth-child(2){ grid-area:2 / 2; justify-self:end; }
  .ck-table--contacts td:nth-child(4), .ck-table--contacts td:nth-child(5), .ck-table--contacts td:nth-child(6), .ck-table--contacts td:nth-child(7){ display:none; }
}

/* ---------- UI-15: індикатор «потягни, щоб оновити» ---------- */
.ck-ptr{ position:fixed; left:50%; top:calc(env(safe-area-inset-top, 0px) + 8px); z-index:960; width:38px; height:38px; border-radius:50%; background:var(--card); box-shadow:var(--sh-pop); display:grid; place-items:center; color:var(--ink-3); opacity:0; transform:translate(-50%,-48px); pointer-events:none; }
.ck-ptr.is-back{ transition:transform .3s var(--ease), opacity .2s; }
.ck-ptr.is-ready{ color:var(--accent); }
.ck .ck-ptr .lucide, .ck-ptr svg{ width:18px; height:18px; }
.ck-ptr.is-spin svg{ animation:ck-spin .7s linear infinite; }

/* ---------- UI-20: панель клієнта — бічна картка як у CRM ---------- */
.ck-ihd{ display:flex; align-items:center; gap:2px; min-height:61px; padding:0 10px 0 16px; border-bottom:1px solid var(--line-2); flex:none; }
.ck-ihd__t{ font-size:15px; font-weight:600; letter-spacing:-.01em; }
.ck-ihd .ck-ibtn--flat{ color:var(--ink-2); }
.ck-info .ck-info__body{ gap:0; padding:16px 16px 20px; }
.ck-prof{ display:flex; align-items:center; gap:12px; padding-bottom:16px; }
.ck-prof__t{ flex:1; min-width:0; line-height:1.3; }
.ck-prof__t b{ display:block; font-size:15px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-prof__t span{ display:block; font-size:12.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-isec{ padding:14px 0; border-top:1px solid var(--line-2); display:flex; flex-direction:column; }
.ck-isec__t{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:24px; margin-bottom:6px; width:100%; font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); text-align:left; }
.ck-isec.ck-sec{ gap:0; }
.ck-isec.ck-sec > .ck-isec__t{ margin-bottom:0; cursor:pointer; }
.ck-isec.ck-sec > .ck-isec__t:hover{ color:var(--ink-2); }
.ck-isec.ck-sec.is-open > .ck-isec__t{ margin-bottom:6px; }
.ck-isec .ck-sec__body{ padding-top:0; }
.ck-irow{ display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:12px; min-height:32px; }
.ck-irow__l{ font-size:13px; color:var(--ink-3); }
.ck-irow__v{ display:flex; align-items:center; gap:6px; min-width:0; font-size:13.5px; color:var(--ink); }
.ck-irow__txt{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-irow__txt.is-wrap{ white-space:normal; padding:6px 0; line-height:1.4; }
.ck-irow__txt.is-mono{ font-variant-numeric:tabular-nums; }
.ck-irow__none{ color:var(--ink-3); }
.ck-irow__v .ck-ch--inline{ width:18px; height:18px; }
.ck .ck-copy{ color:var(--ink-3); flex:none; }
.ck .ck-copy:hover{ color:var(--ink); }
.ck-iempty{ margin:4px 0 0; font-size:13px; color:var(--ink-3); }
/* «+ Тег», «+ Нове», «Редагувати» — тиха текстова кнопка */
.ck-addbtn{ display:inline-flex; align-items:center; gap:4px; height:26px; padding:0 8px; border-radius:var(--r-xs); font-size:12.5px; font-weight:500; color:var(--ink-2); text-transform:none; letter-spacing:0; }
.ck-addbtn:hover{ background:var(--fill); color:var(--ink); }
.ck .ck-addbtn .lucide{ width:14px; height:14px; stroke-width:2; }
.ck-isec__t .ck-addbtn{ margin-right:-8px; }
/* замовлення — рядками */
.ck-olist{ display:flex; flex-direction:column; margin:0 -8px; }
.ck-orow{ display:flex; align-items:center; gap:8px; min-height:38px; padding:0 8px; border-radius:var(--r-s); width:100%; text-align:left; }
.ck-orow:hover{ background:var(--fill); }
.ck-orow__no{ font-size:13.5px; font-weight:500; font-variant-numeric:tabular-nums; }
.ck-orow__sum{ margin-left:auto; font-size:13.5px; font-weight:600; font-variant-numeric:tabular-nums; }
.ck .ck-orow__chev{ width:15px; height:15px; color:var(--ink-4); }
/* відповідальний — вибір як у списку */
.ck-mgrpick{ display:flex; align-items:center; gap:8px; }
.ck-pick{ display:inline-flex; align-items:center; gap:8px; height:34px; min-width:0; flex:1; padding:0 8px 0 7px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--card); font-size:13.5px; text-align:left; transition:background .12s, border-color .12s; }
.ck-pick:hover{ background:var(--band); border-color:var(--line-dash); }
.ck-pick .ck-ava{ width:22px; height:22px; font-size:9px; flex:none; }
.ck-pick__v{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck .ck-pick__chev{ width:15px; height:15px; color:var(--ink-3); }
.ck-mgrpick .ck-btn{ flex:none; height:34px; }
/* налаштування-рядок з перемикачем */
.ck-setrow{ display:flex; align-items:center; gap:12px; }
.ck-setrow .ck-row__t b{ font-size:13.5px; font-weight:500; }
.ck-setrow .ck-row__t span{ font-size:12.5px; color:var(--ink-3); margin-top:1px; }
.ck-tgl{ position:relative; flex:none; width:36px; height:20px; border-radius:10px; background:var(--fill-2); box-shadow:inset 0 0 0 1px rgba(16,24,40,.06); transition:background .18s; }
.ck-tgl i{ position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--bk-ffffff); box-shadow:0 1px 2px rgba(0,0,0,.2); transition:transform .18s var(--ease); }
.ck-tgl.is-on{ background:var(--accent); box-shadow:none; }
.ck-tgl.is-on i{ transform:translateX(16px); }
.ck-tgl:focus-visible{ outline:none; box-shadow:0 0 0 3px var(--accent-ring); }
/* коментар — спокійно, без пунктирів */
.ck-info .ck-comment__btn{ border:0; background:var(--fill); color:var(--ink-3); height:38px; }
.ck-info .ck-comment__btn:hover{ background:var(--fill-2); color:var(--ink-2); }
.ck-info .ck-comment__text{ background:var(--fill); }

/* ---------- воронка (ТЗ 2.2): кольори етапів ---------- */
.ck-stg--blue{ --stg:#3B82F6; --stg-soft:var(--bk-e0eaff); --stg-ink:var(--tk-1d4ed8); }
.ck-stg--purple{ --stg:#7C3AED; --stg-soft:var(--bk-ede9fe); --stg-ink:var(--tk-6d28d9); }
.ck-stg--amber{ --stg:#D97706; --stg-soft:var(--bk-fef3c7); --stg-ink:var(--tk-b45309); }
.ck-stg--gray{ --stg:var(--bk-8b93a1); --stg-soft:var(--bk-eef0f3); --stg-ink:var(--tk-4b5563); }
.ck-stg--green{ --stg:#16A34A; --stg-soft:var(--bk-dcfce7); --stg-ink:var(--tk-15803d); }
.ck-stg--red{ --stg:#E11D48; --stg-soft:var(--bk-ffe4e6); --stg-ink:var(--tk-be123c); }
.ck-stg__dot{ display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--stg, var(--ink-3)); flex:none; }
.ck-dg--stg{ background:var(--stg-soft); color:var(--stg-ink); gap:4px; }
/* кнопка етапу в шапці чату */
.ck-stgbtn{ display:inline-flex; align-items:center; gap:6px; height:32px; max-width:200px; padding:0 8px 0 10px; border-radius:var(--r-s); background:var(--stg-soft); color:var(--stg-ink); font-size:13px; font-weight:600; flex:none; transition:filter .12s; }
.ck-stgbtn:hover{ filter:brightness(.96); }
.ck-stgbtn > span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck .ck-stgbtn .lucide{ width:14px; height:14px; stroke-width:2; opacity:.75; }
.ck-stgbtn:focus-visible{ outline:none; box-shadow:0 0 0 3px var(--accent-ring); }
.ck-menu__dot{ width:9px; height:9px; border-radius:50%; flex:none; margin:0 3px; }
/* подія в листуванні (зміна етапу) */
.ck-evt{ align-self:center; display:flex; flex-direction:column; align-items:center; gap:1px; max-width:84%; margin:4px 0; padding:6px 14px; border-radius:var(--r-m); background:var(--bk-e4e5ea); border:0; box-shadow:none; font-size:12.5px; color:var(--tk-52525b); text-align:center; }   /* системна подія — як бейдж дати «Сьогодні»: сіра, без рамки */
.ck-evt small{ font-size:11px; color:var(--tk-71717a); }
.ck-field[hidden]{ display:none; }
/* фільтр: етапи */
.ck-fstg{ display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; }
.ck-fstg .ck-check > span:last-child{ display:inline-flex; align-items:center; gap:7px; }
/* історія діалогу */
.ck-hist{ display:flex; flex-direction:column; }
.ck-hist__i{ display:grid; grid-template-columns:14px 1fr; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--line-2); }   /* UI-315: крапка / значок — по центру тексту події */
.ck-hist__i:last-child{ border-bottom:0; }
.ck-hist__i .ck-stg__dot{ margin-top:0; width:9px; height:9px; justify-self:center; }
.ck-hist__i b{ display:block; font-weight:500; font-size:13.5px; }
.ck-hist__i span{ display:block; font-size:13px; color:var(--ink-2); }
.ck-hist__i small{ display:block; font-size:12px; color:var(--ink-3); margin-top:2px; }
.ck .ck-dg .ck-stg__dot{ width:7px; height:7px; top:0; }   /* правило іконок бейджа (12px) не для крапки етапу */
@media (max-width:767px){ .ck-stgbtn{ padding:0 6px 0 10px; gap:4px; } .ck-stgbtn > span{ display:none; } .ck-stgbtn .ck-stg__dot{ width:9px; height:9px; } .ck-fstg{ grid-template-columns:1fr; } }   /* телефон: ім'я клієнта важливіше — етап крапкою */

/* ---------- дошка воронки ---------- */
.ck-boardpg{ height:100%; min-height:0; padding-bottom:12px; }
.ck-boardpg > .ck-page__hd{ flex:none; }
.ck-seg--board{ flex:none; } .ck-seg--board button{ height:28px; padding:0 12px; flex:none; }
.ck-board{ flex:1; min-height:0; display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; padding:0 2px 6px; scroll-snap-type:x proximity; overscroll-behavior-x:contain; }
.ck-bcol{ flex:0 0 280px; display:flex; flex-direction:column; min-height:0; background:var(--fill-2); border-radius:var(--r-l); scroll-snap-align:start; transition:box-shadow .12s, background .12s; }
.ck-bcol.is-over{ background:var(--stg-soft); box-shadow:inset 0 0 0 2px var(--stg); }
.ck-bcol__hd{ display:flex; align-items:center; gap:8px; padding:12px 12px 8px 14px; font-size:13.5px; flex:none; }
.ck-bcol__hd b{ font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-bcol__n{ font-size:12px; font-weight:600; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.ck-bcol__sum{ margin-left:auto; font-size:12.5px; font-weight:600; color:var(--ink-2); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-bcol__list{ flex:1; min-height:60px; overflow-y:auto; padding:0 8px 10px; display:flex; flex-direction:column; gap:8px; overscroll-behavior:contain; }
.ck-bcol__empty{ border:1.5px dashed var(--line-dash); border-radius:var(--r); padding:18px 10px; text-align:center; font-size:12.5px; color:var(--ink-3); }
.ck-bcard{ display:flex; flex-direction:column; gap:6px; padding:10px 12px; background:var(--card); border-radius:var(--r); box-shadow:0 0 0 1px var(--line), 0 1px 2px rgba(16,24,40,.05); color:var(--ink); text-decoration:none; cursor:grab; transition:box-shadow .12s, transform .12s, opacity .12s; -webkit-tap-highlight-color:transparent; }
a.ck-bcard:hover{ text-decoration:none; box-shadow:0 0 0 1px var(--line-dash), 0 4px 12px rgba(16,24,40,.08); }
.ck-bcard.is-drag{ opacity:.45; }
.ck-bcard__top{ display:flex; align-items:center; gap:10px; }
.ck-bcard__top .ck-ava{ width:32px; height:32px; font-size:11px; }
.ck-bcard__t{ flex:1; min-width:0; line-height:1.25; }
.ck-bcard__t b{ display:block; font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-bcard__t span{ font-size:11.5px; color:var(--ink-3); }
.ck-bcard__m{ margin:0; font-size:12.5px; color:var(--ink-2); line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ck-bcard__you{ color:var(--ink-3); }
.ck-bcard__ft{ display:flex; align-items:center; gap:4px; flex-wrap:wrap; min-height:20px; }
.ck-bcard__mgr .ck-ava{ width:20px; height:20px; font-size:8px; }
.ck-bcard__none{ display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--fill); color:var(--ink-3); }
.ck .ck-bcard__none .lucide{ width:12px; height:12px; }
@media (max-width:767px){
  .ck-boardpg{ height:auto; }
  .ck-app[data-screen="board"] .ck-page{ display:flex; flex-direction:column; }
  .ck-app[data-screen="board"] .ck-page > .ck-boardpg{ flex:1; min-height:0; height:auto; width:100%; min-width:0; }   /* margin:auto вимикав розтягування — блок брав ширину всієї дошки */
  .ck-board{ margin:0 -16px; padding:0 16px 8px; scroll-snap-type:x mandatory; scroll-padding:0 16px; }
  .ck-bcol{ flex-basis:82vw; }
  .ck-bcard{ cursor:default; }
}

/* ---------- шапка чату: рядок контексту, дзвінок, передача ---------- */
.ck-chat__bar{ display:flex; align-items:center; gap:8px; min-height:48px; padding:8px 16px; border-bottom:1px solid var(--line-2); overflow-x:auto; scrollbar-width:none; flex:none; }
.ck-chat__bar::-webkit-scrollbar{ display:none; }
.ck-cbar__sep{ flex:1; min-width:8px; }
.ck-cbar__meta{ display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:var(--ink-2); white-space:nowrap; }
.ck .ck-cbar__meta .lucide{ width:14px; height:14px; color:var(--ink-3); }
.ck-cbar__order{ display:inline-flex; align-items:center; gap:8px; height:32px; padding:0 10px; border-radius:var(--r-s); border:1px solid var(--line); background:var(--card); font-size:13px; white-space:nowrap; flex:none; transition:background .12s; }
.ck-cbar__order:hover{ background:var(--band); }
.ck .ck-cbar__order .lucide{ width:15px; height:15px; color:var(--ink-3); }
.ck-cbar__order b{ font-weight:600; font-variant-numeric:tabular-nums; }
.ck-cbar__order .ck-chip{ height:20px; font-size:11.5px; padding:0 6px; }
.ck-cbar__sum{ font-weight:600; font-variant-numeric:tabular-nums; }
.ck-chat__head .ck-ibtn.is-off{ color:var(--ink-4); }
.ck-evt .lucide{ width:13px; height:13px; display:inline-block; vertical-align:-2px; margin-right:5px; color:var(--tk-71717a); }
.ck-evt--muted{ color:var(--tk-71717a); }
.ck-hist__ic{ display:grid; place-items:center; width:14px; height:14px; margin-top:0; color:var(--ink-3); }
.ck .ck-hist__ic .lucide{ width:14px; height:14px; }
/* панель дзвінка */
.ck-call{ position:fixed; z-index:940; right:24px; bottom:24px; width:300px; display:flex; align-items:center; gap:12px; padding:12px 12px 12px 14px; border-radius:var(--r-l); background:var(--dark); color:#fff; box-shadow:var(--sh-modal); opacity:0; transform:translateY(12px); transition:opacity .2s, transform .2s var(--ease); }
.ck-call.is-on{ opacity:1; transform:none; }
.ck-call__who{ flex:1; min-width:0; display:flex; align-items:center; gap:10px; }
.ck-call__who b{ display:block; font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-call__who span{ display:block; font-size:12.5px; color:rgba(255,255,255,.7); font-variant-numeric:tabular-nums; }
.ck-call.is-live .ck-call__who span{ color:#86EFAC; }
.ck-call__acts{ display:flex; gap:8px; }
.ck-call__b{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.12); color:#fff; transition:background .12s; }
.ck-call__b:hover{ background:rgba(255,255,255,.2); }
.ck-call__b.is-active{ background:var(--bk-ffffff); color:var(--dark); }
.ck-call__b--end{ background:var(--red); } .ck-call__b--end:hover{ background:var(--red-ink); }
.ck .ck-call__b .lucide{ width:18px; height:18px; }
@media (max-width:767px){
  .ck-chat__opt{ display:none; }
  .ck-stgbtn > span{ display:inline; }   /* у рядку контексту місця досить — етап з назвою */
  .ck-chat__bar{ padding:8px 12px; min-height:46px; }
  .ck-call{ left:12px; right:12px; bottom:calc(12px + var(--sab)); width:auto; }
}

/* ---------- поле вводу: режими, нотатки, швидкі відповіді (ТЗ 2.7) ---------- */
.ck-compose{ position:relative; }
.ck-compose__modes{ display:flex; align-items:center; gap:2px; }
.ck-compose__modes button{ display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 10px; border-radius:6px; font-size:12.5px; font-weight:500; color:var(--ink-3); transition:background .12s, color .12s; }
.ck-compose__modes button:hover{ color:var(--ink); background:var(--fill); }
.ck-compose__modes button.is-active{ color:var(--ink); background:var(--fill); font-weight:600; }
.ck-compose__modes button[data-cmode="note"].is-active{ background:var(--amber-soft); color:var(--amber-ink); }
.ck .ck-compose__modes .lucide{ width:13px; height:13px; }
.ck-compose__kbd{ margin-left:auto; font-size:11.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-compose.is-note .ck-compose__field{ background:var(--bk-fffbeb); border-color:var(--bk-f2d58c); }
.ck-compose.is-note .ck-compose__field:has(textarea:focus){ border-color:var(--amber-ink); box-shadow:0 0 0 1px var(--amber-ink); }
.ck-compose.is-note .ck-send{ background:var(--amber-ink); } .ck-compose.is-note .ck-send:hover{ background:#92400E; }
.ck-qrp{ position:absolute; left:16px; right:16px; bottom:calc(100% - 4px); z-index:30; max-height:320px; overflow:auto; padding:6px; background:var(--card); border:1px solid var(--line); border-radius:var(--r-m); box-shadow:var(--sh-pop); overscroll-behavior:contain; }
.ck-qrp[hidden]{ display:none; }
.ck-qrp__hd{ display:flex; justify-content:space-between; align-items:center; padding:6px 8px 4px; font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); }
.ck-qrp__hd span{ text-transform:none; letter-spacing:0; font-weight:500; }
.ck-qrp__f{ padding:8px 8px 2px; font-size:11.5px; font-weight:600; color:var(--ink-2); }
.ck-qrp__i{ display:flex; align-items:center; gap:10px; width:100%; padding:7px 8px; border-radius:var(--r-s); text-align:left; }
.ck-qrp__i.is-on, .ck-qrp__i:hover{ background:var(--fill); }
.ck-qrp__i .ck-ava{ width:26px; height:26px; font-size:10px; }
.ck-qrp__t{ flex:1; min-width:0; }
.ck-qrp__t b{ display:flex; align-items:center; gap:6px; font-size:13px; font-weight:500; }
.ck-qrp__t em{ font-style:normal; font-size:10.5px; font-weight:600; color:var(--accent-2); background:var(--accent-soft); border-radius:4px; padding:1px 5px; }
.ck-qrp__t small{ display:block; font-size:12px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-qrp__empty{ padding:14px 8px; font-size:12.5px; color:var(--ink-3); text-align:center; }
.ck-qrp__new{ display:flex; align-items:center; gap:6px; width:100%; margin-top:4px; padding:9px 8px 5px; border-top:1px solid var(--line-2); font-size:12.5px; font-weight:500; color:var(--ink-2); }
.ck-qrp__new:hover{ color:var(--ink); }
.ck .ck-qrp__new .lucide{ width:14px; height:14px; }
/* нотатка в листуванні */
/* нотатка — вихідне повідомлення з аватаром збоку, як усі; жовта, без рамки, з тінню */
.ck-msg--note .ck-note{ padding:8px 12px 10px; background:var(--bk-fff7db); border:0; border-radius:var(--r-m); border-bottom-right-radius:4px; box-shadow:0 1px 2px rgba(146,64,14,.12), 0 2px 8px rgba(146,64,14,.08); min-width:0; }
.ck-note__hd{ display:flex; align-items:center; gap:6px; margin-bottom:4px; font-size:12px; color:var(--amber-ink); }
.ck-note__hd b{ color:var(--ink); font-weight:600; }
.ck-note__hd span{ display:inline-flex; align-items:center; gap:3px; }
.ck .ck-note__hd .lucide{ width:12px; height:12px; }
.ck-note__hd time{ margin-left:auto; padding-left:10px; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.ck-note__t{ font-size:13.5px; line-height:1.45; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink); }
.ck-mention{ color:var(--accent-2); background:var(--accent-soft); border-radius:4px; padding:0 3px; font-weight:500; }
@media (max-width:767px){ .ck-compose__kbd{ display:none; } .ck-qrp{ left:8px; right:8px; }  }
.ck-seg--auto button{ flex:none; padding:0 12px; }   /* сегмент за шириною тексту, без обрізання */

/* ---------- «Важливі», хто пише / дивиться ---------- */
.ck-dlg.is-urgent:not(.is-active){ box-shadow:inset 3px 0 0 var(--red); }
.ck-seg button .ck-badge:not(.ck-badge--gray){ background:var(--red); color:#fff; }
.ck-dlg__typing{ color:var(--accent-2); font-style:italic; }
.ck-dlg__eye{ display:inline-grid; place-items:center; color:var(--ink-3); flex:none; }
.ck .ck-dlg__eye .lucide{ width:14px; height:14px; }
.ck-cbar__urgent{ display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 10px; border-radius:var(--r-s); background:var(--red-soft); color:var(--red-ink); font-size:12.5px; font-weight:600; white-space:nowrap; flex:none; }
.ck .ck-cbar__urgent .lucide{ width:14px; height:14px; }
.ck-cbar__pres{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--ink-2); white-space:nowrap; flex:none; }
.ck-cbar__pres .ck-ava{ width:20px; height:20px; font-size:8px; }
.ck-cbar__pres.is-typing{ color:var(--accent-2); font-weight:500; }
.ck-compose__warn{ display:flex; align-items:flex-start; gap:8px; padding:7px 10px; border-radius:var(--r-s); background:var(--amber-soft); color:var(--amber-ink); font-size:12.5px; line-height:1.4; }
.ck-compose__warn b{ font-weight:600; }
.ck .ck-compose__warn .lucide{ width:15px; height:15px; flex:none; margin-top:1px; }
.ck-dlg__bg{ flex-wrap:nowrap; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent); mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent); }   /* бейджі — один рядок: рядок діалогу завжди три лінії */

/* ---------- перегляд фото ---------- */
.ck-lb{ position:fixed; inset:0; z-index:1100; background:rgba(12,12,16,.9); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .18s; }
.ck-lb.is-on{ opacity:1; }
.ck-lb__img{ max-width:min(92vw, 1200px); max-height:82vh; border-radius:var(--r); box-shadow:0 20px 60px rgba(0,0,0,.5); }
.ck-lb__bar{ position:absolute; top:0; left:0; right:0; display:flex; align-items:center; gap:8px; padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 12px; color:#fff; }
.ck-lb__who{ flex:1; min-width:0; line-height:1.3; } .ck-lb__who b{ display:block; font-size:14px; font-weight:600; } .ck-lb__who span{ font-size:12.5px; color:rgba(255,255,255,.65); }
.ck-lb__btn{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; color:#fff; background:rgba(255,255,255,.1); text-decoration:none; } .ck-lb__btn:hover{ background:rgba(255,255,255,.2); text-decoration:none; }
.ck-lb__nav{ position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; display:grid; place-items:center; color:#fff; background:rgba(255,255,255,.12); } .ck-lb__nav:hover{ background:rgba(255,255,255,.22); }
.ck-lb__nav--l{ left:16px; } .ck-lb__nav--r{ right:16px; }
.ck-lb.is-single .ck-lb__nav{ display:none; }
.ck-lb__n{ position:absolute; bottom:calc(16px + var(--sab)); left:50%; transform:translateX(-50%); font-size:12.5px; color:rgba(255,255,255,.7); font-variant-numeric:tabular-nums; }
.ck .ck-lb .lucide{ width:20px; height:20px; }
/* ---------- вхідний дзвінок ---------- */
.ck-ring{ position:fixed; z-index:950; top:16px; right:16px; width:340px; padding:14px 16px 12px; border-radius:var(--r-l); background:var(--card); box-shadow:var(--sh-modal), 0 0 0 1px var(--line); display:flex; flex-direction:column; gap:12px; opacity:0; transform:translateY(-10px); transition:opacity .2s, transform .2s var(--ease); }
.ck-ring.is-on{ opacity:1; transform:none; }
.ck-ring__hd{ display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--green-ink); }
.ck .ck-ring__hd .lucide{ width:15px; height:15px; animation:ck-ring 1.2s ease-in-out infinite; }
@keyframes ck-ring{ 0%,100%{ transform:rotate(0) } 20%{ transform:rotate(-14deg) } 40%{ transform:rotate(12deg) } 60%{ transform:rotate(-8deg) } 80%{ transform:rotate(4deg) } }
.ck-ring__who{ display:flex; align-items:center; gap:12px; }
.ck-ring__who b{ display:block; font-size:16px; font-weight:600; } .ck-ring__who span{ font-size:12.5px; color:var(--ink-3); }
.ck-ring__rows{ display:flex; flex-direction:column; padding:6px 0; border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2); }
.ck-ring__rows .ck-irow{ grid-template-columns:88px minmax(0,1fr); min-height:28px; }
.ck-ring__rows .ck-chip{ height:20px; font-size:11.5px; padding:0 6px; }
.ck-ring__debt{ color:var(--red-ink); font-weight:600; }
.ck-ring__acts{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ck-ring__ok{ background:var(--green); } .ck-ring__ok:hover{ background:var(--green-ink); }
.ck-ring__open{ display:inline-flex; align-items:center; justify-content:center; gap:4px; font-size:12.5px; font-weight:500; color:var(--ink-2); }
.ck-ring__open:hover{ color:var(--ink); }
.ck .ck-ring__open .lucide{ width:14px; height:14px; }
.ck-evt--missed{ color:var(--red-ink); } .ck-evt--missed .lucide{ color:var(--red); }
@media (max-width:767px){ .ck-ring{ left:12px; right:12px; top:calc(12px + env(safe-area-inset-top, 0px)); width:auto; } .ck-lb__nav{ display:none; } }
@media (prefers-reduced-motion: reduce){ .ck .ck-ring__hd .lucide{ animation:none; } }

/* ---------- лінії, фільтри, пошук ---------- */
.ck-irow__sub{ color:var(--ink-3); font-size:12.5px; margin-left:4px; }
.ck-dlg__none{ display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--fill); color:var(--ink-3); }
.ck .ck-dlg__none .lucide{ width:13px; height:13px; }
.ck-dlg__found{ display:inline-grid; place-items:center; color:var(--ink-3); margin-right:2px; }
.ck .ck-dlg__found .lucide{ width:12px; height:12px; }
.ck-hl{ background:var(--bk-fef08a); color:inherit; border-radius:3px; padding:0 1px; }
.ck .ck-seg button.is-saved .lucide{ width:13px; height:13px; }
.ck-fstg .ck-chip{ height:22px; font-size:12px; }
.ck-fsave{ display:flex; gap:8px; align-items:center; padding-top:12px; border-top:1px solid var(--line-2); }
.ck-fsave .ck-input{ flex:1; }
@media (max-width:767px){ .ck-fsave{ flex-direction:column; align-items:stretch; } }

/* ---------- органайзер: календар нагадувань ---------- */
.ck-rem__ticks{ display:inline-flex; align-items:center; gap:6px; margin-left:6px; }
@media (max-width:1799px){ .ck-rem__ticks{ display:none; } }   /* у шапці тісно поруч із «Список / Календар» */
.ck-seg--sm{ padding:3px; } .ck-seg--sm button{ height:28px; font-size:12.5px; gap:5px; }
.ck .ck-seg--sm .lucide{ width:14px; height:14px; }
.ck-org{ display:flex; flex-direction:column; gap:6px; padding:8px 0 4px; }
.ck-org__hd{ display:flex; align-items:center; gap:6px; }
.ck-org__hd b{ font-size:14px; font-weight:600; min-width:124px; text-align:center; }
.ck-org__w{ display:grid; grid-template-columns:repeat(7, minmax(0,1fr)); gap:4px; font-size:11px; font-weight:600; color:var(--ink-3); text-transform:uppercase; letter-spacing:.04em; text-align:center; }
.ck-org__g{ display:grid; grid-template-columns:repeat(7, minmax(0,1fr)); gap:4px; }
.ck-org__d{ position:relative; display:flex; flex-direction:column; align-items:stretch; gap:2px; min-height:74px; padding:5px 6px; border-radius:var(--r-s); background:var(--card); box-shadow:0 0 0 1px var(--line-2); text-align:left; overflow:hidden; transition:box-shadow .12s, background .12s; }
.ck-org__d:hover{ box-shadow:0 0 0 1px var(--line-dash); }
.ck-org__d.is-other{ background:transparent; box-shadow:none; opacity:.45; }
.ck-org__d.is-sel{ box-shadow:0 0 0 2px var(--accent); }
.ck-org__n{ font-size:12.5px; font-weight:600; font-variant-numeric:tabular-nums; }
.ck-org__d.is-today .ck-org__n{ align-self:flex-start; min-width:22px; height:22px; margin:-2px 0 0 -3px; padding:0 6px; border-radius:11px; background:var(--dark); color:#fff; display:inline-grid; place-items:center; }
.ck-org__r{ font-size:11px; line-height:1.3; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:1px 4px; border-radius:4px; background:var(--accent-soft); }
.ck-org__d.has-over .ck-org__r{ background:var(--red-soft); color:var(--red-ink); }
.ck-org__more{ font-size:11px; color:var(--ink-3); padding-left:4px; }
.ck-org__dot{ display:none; }
.ck-org__empty{ padding:14px 4px; font-size:13px; color:var(--ink-3); }
/* нагадування в панелі клієнта */
.ck-rems{ display:flex; flex-direction:column; }
.ck-remrow{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; min-height:34px; transition:opacity .2s; }
.ck-remrow__t{ font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-remrow time{ font-size:12px; color:var(--ink-3); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-remrow.is-overdue time{ color:var(--red); }
@media (max-width:767px){
  .ck-seg--sm button > span{ display:none; }
  .ck-org__d{ min-height:46px; align-items:center; padding:5px 2px; }
  .ck-org__r, .ck-org__more{ display:none; }
  .ck-org__dot{ display:block; width:6px; height:6px; border-radius:50%; background:var(--accent); margin-top:auto; }
  .ck-org__d.has-over .ck-org__dot{ background:var(--red); }
  .ck-org__d.is-today .ck-org__n{ margin:0; }
}

/* ---------- правила Meta в полі вводу ---------- */
.ck-compose__warn--meta{ background:var(--blue-soft); color:var(--blue-ink); }
.ck-compose__warn--meta.is-block{ background:var(--fill); color:var(--ink-2); }

/* ---------- картка клієнта: акаунти, сегмент, дублі ---------- */
.ck-irow__debt{ color:var(--red-ink); font-weight:600; }
.ck-irow .ck-chips{ gap:4px; } .ck-irow .ck-chip{ height:22px; font-size:12px; }
.ck-accs{ display:flex; flex-direction:column; }
.ck-acc{ display:flex; align-items:center; gap:8px; min-height:32px; }
.ck-acc .ck-ch--inline{ width:18px; height:18px; }
.ck-acc__h{ flex:1; min-width:0; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-acc__p{ font-size:11px; font-weight:600; color:var(--ink-3); }
.ck-acc .ck-addbtn{ margin-right:-8px; }
.ck-dup{ display:flex; align-items:flex-start; gap:8px; margin-bottom:12px; padding:10px 12px; border-radius:var(--r); background:var(--amber-soft); color:var(--amber-ink); font-size:12.5px; line-height:1.4; flex-wrap:wrap; }
.ck-dup > span{ flex:1; min-width:150px; } .ck-dup b{ font-weight:600; }
.ck .ck-dup .lucide{ width:15px; height:15px; flex:none; margin-top:1px; }
.ck-via{ display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 8px; margin-left:8px; border-radius:6px; font-size:12.5px; font-weight:500; color:var(--ink-2); background:var(--fill); flex:none; }
.ck-via:hover{ color:var(--ink); background:var(--fill-2); }
.ck-via .ck-ch--inline{ width:16px; height:16px; }
.ck .ck-via .lucide{ width:13px; height:13px; }
.ck-bub__via{ display:inline-grid; width:13px; height:13px; margin-right:3px; border-radius:3px; overflow:hidden; }
.ck-bub__via svg, .ck-bub__via img{ width:100%; height:100%; }

/* ---------- каталог у полі вводу, замовлення з чату ---------- */
.ck-qrp__i--prod{ cursor:pointer; }
.ck-qrp__i--prod .ck-addbtn{ flex:none; }
.ck-qrp__cat .lucide{ width:18px; height:18px; color:var(--accent-2); flex:none; }
.ck-stock.is-ok{ color:var(--green-ink); } .ck-stock.is-low{ color:var(--amber-ink); } .ck-stock.is-none{ color:var(--red-ink); }
.ck-oitems{ display:flex; flex-direction:column; gap:8px; }
.ck-oitem{ display:grid; grid-template-columns:minmax(0,1fr) auto 84px auto; align-items:center; gap:8px; }
.ck-oitem .ck-select{ min-width:0; }
.ck-oitem__sum{ text-align:right; font-variant-numeric:tabular-nums; font-size:13.5px; }
.ck-qty{ display:inline-flex; align-items:center; height:40px; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.ck-qty button{ width:32px; height:100%; display:grid; place-items:center; color:var(--ink-2); }
.ck-qty button:hover{ background:var(--fill); color:var(--ink); }
.ck .ck-qty .lucide{ width:14px; height:14px; }
.ck-qty span{ min-width:28px; text-align:center; font-weight:600; font-variant-numeric:tabular-nums; }
.ck-oadd{ align-self:flex-start; margin-left:-8px; }
.ck-ototal{ display:flex; justify-content:space-between; align-items:baseline; padding-top:12px; border-top:1px solid var(--line-2); font-size:14px; }
.ck-ototal b{ font-size:20px; font-weight:700; font-variant-numeric:tabular-nums; }
.ck-ocard{ display:flex; flex-direction:column; }
.ck-evt--ok{ color:var(--green-ink); } .ck-evt--ok .lucide{ color:var(--green); }
@media (max-width:767px){ .ck-oitem{ grid-template-columns:minmax(0,1fr) auto auto; } .ck-oitem__sum{ grid-column:1; grid-row:2; text-align:left; } }

/* ---------- AI-помічник ---------- */
.ck-ibtn--ai{ color:var(--accent-2) !important; }
.ck-aidraft{ display:flex; align-items:center; gap:8px; padding:7px 8px 7px 10px; border-radius:var(--r-s); background:var(--accent-soft); color:var(--accent-2); font-size:12.5px; line-height:1.4; }
.ck-aidraft[hidden]{ display:none; }
.ck-aidraft > span{ flex:1; min-width:0; } .ck-aidraft b{ font-weight:600; }
.ck-aidraft.is-unsure{ background:var(--amber-soft); color:var(--amber-ink); }
.ck .ck-aidraft > .lucide{ width:15px; height:15px; flex:none; }
.ck-aidraft .ck-ibtn{ color:inherit !important; }
.ck-aiacts{ margin-top:10px; }
.ck-aiacts .ck-btn .lucide{ width:14px; height:14px; color:var(--accent-2); }
.ck-aisug{ margin-top:12px; padding:10px 12px; border-radius:var(--r); background:var(--accent-soft); }
.ck-aisug__t{ display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--accent-2); margin-bottom:4px; }
.ck .ck-aisug__t .lucide{ width:13px; height:13px; }
.ck-aisug__i{ display:flex; align-items:center; gap:8px; min-height:36px; }
.ck-aisug__i > span{ flex:1; min-width:0; line-height:1.3; } .ck-aisug__i b{ display:block; font-size:13px; font-weight:500; } .ck-aisug__i small{ font-size:12px; color:var(--ink-2); }
.ck-aisug__i .ck-addbtn{ margin-right:-8px; color:var(--accent-2); }
.ck-aisum{ display:flex; flex-direction:column; }
.ck-aisum__r{ display:grid; grid-template-columns:130px minmax(0,1fr); gap:10px; padding:9px 0; border-bottom:1px solid var(--line-2); }
.ck-aisum__r:last-child{ border-bottom:0; }
.ck-aisum__r span{ font-size:12.5px; color:var(--ink-3); } .ck-aisum__r p{ margin:0; font-size:13.5px; line-height:1.45; }
.ck-modal__sub .lucide{ width:14px; height:14px; display:inline-block; vertical-align:-2px; color:var(--accent-2); }
/* ---------- голосові, пересилання, переклад ---------- */
.ck-voice{ --p:0; display:flex; align-items:center; gap:10px; min-width:220px; padding:2px 0; }
.ck-voice__play{ width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:var(--accent); color:#fff; flex:none; }
.ck-msg--out .ck-voice__play{ background:var(--bk-ffffff); color:var(--accent); }
.ck .ck-voice__play .lucide{ width:16px; height:16px; }
.ck-voice__wave{ flex:1; display:flex; align-items:center; gap:2px; height:22px; }
.ck-voice__wave i{ flex:1; min-width:2px; border-radius:2px; background:currentColor; opacity:.35; }
.ck-voice__wave i:nth-child(-n+28){ opacity:.35; }
.ck-voice.is-playing .ck-voice__wave{ -webkit-mask-image:linear-gradient(90deg,#000 calc(var(--p) * 100%),rgba(0,0,0,.45) calc(var(--p) * 100%)); mask-image:linear-gradient(90deg,#000 calc(var(--p) * 100%),rgba(0,0,0,.45) calc(var(--p) * 100%)); }
.ck-voice.is-playing .ck-voice__wave i{ opacity:.9; }
.ck-voice__t{ font-size:12px; font-variant-numeric:tabular-nums; opacity:.8; min-width:30px; }
.ck-rec{ display:flex; align-items:center; gap:10px; padding:6px 8px 6px 12px; border-radius:var(--r-s); background:var(--red-soft); color:var(--red-ink); font-size:12.5px; }
.ck-rec[hidden]{ display:none; }
.ck-rec__dot{ width:10px; height:10px; border-radius:50%; background:var(--red); animation:ck-pulse 1s ease-in-out infinite; }
@keyframes ck-pulse{ 50%{ opacity:.3; } }
.ck-rec__t{ font-weight:600; font-variant-numeric:tabular-nums; }
.ck-rec__hint{ flex:1; }
.ck-fwd{ display:flex; align-items:center; gap:4px; margin-bottom:4px; font-size:11.5px; opacity:.75; }
.ck .ck-fwd .lucide{ width:12px; height:12px; }
.ck-fwdprev{ padding:10px 12px; margin-bottom:12px; border-left:2px solid var(--accent); background:var(--band); border-radius:6px; font-size:13px; color:var(--ink-2); white-space:pre-wrap; }
.ck-tr{ display:flex; gap:6px; margin-top:6px; padding-top:6px; border-top:1px dashed var(--line-dash); font-size:13px; color:var(--ink-2); }
.ck .ck-tr .lucide{ width:13px; height:13px; flex:none; margin-top:3px; color:var(--accent-2); }
@media (prefers-reduced-motion: reduce){ .ck-rec__dot{ animation:none; } }

/* ===== UI-21 · фокус: модалка/меню отримують фокус самі, без обводки ===== */
.ck-modal:focus, .ck-menu:focus{ outline:none; }

/* ===== UI-22 / UI-28 · підтвердження дій — сірий аркуш, білі контейнери, кнопки в один рядок ===== */
.ck-modal--confirm{ background:var(--bk-f1f2f5); }
.ck-modal--confirm .ck-modal__hd{ display:none; }
.ck-modal--confirm .ck-modal__bd{ padding:26px 22px 4px; }
.ck-modal--confirm .ck-modal__ft{ display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:16px 22px 22px; }
.ck-modal--confirm .ck-modal__ft .ck-btn{ height:48px; border-radius:14px; font-size:15px; gap:8px; box-shadow:none; }
.ck .ck-modal--confirm .ck-modal__ft .ck-btn .lucide, .ck-modal--confirm .ck-modal__ft .ck-btn svg{ width:18px; height:18px; stroke-width:2; }
.ck-modal--confirm .ck-modal__ft .ck-btn--secondary{ background:var(--card); color:var(--ink); border:0; box-shadow:0 1px 2px rgba(16,24,40,.06); }
.ck-modal--confirm .ck-modal__ft .ck-btn--secondary:hover{ background:var(--bk-ffffff); box-shadow:0 1px 2px rgba(16,24,40,.06), 0 0 0 1px var(--line); }
.ck-modal--confirm .ck-modal__ft .ck-btn--danger{ background:var(--red); color:#fff; }
.ck-modal--confirm .ck-modal__ft .ck-btn--danger:hover{ background:var(--red-ink); }
.ck-modal--confirm .ck-modal__ft .ck-btn:disabled{ opacity:.45; }
.ck-cf{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.ck-cf__t{ margin:0; font-size:17px; font-weight:700; line-height:1.35; letter-spacing:-.01em; text-wrap:balance; overflow-wrap:anywhere; color:var(--ink); }
.ck-cf__x{ margin:8px 0 0; color:var(--ink-2); font-size:14px; line-height:1.5; text-wrap:pretty; }
.ck-cf__subj{ align-self:stretch; margin-top:16px; display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:14px; background:var(--card); text-align:left; min-width:0; box-shadow:0 1px 2px rgba(16,24,40,.05); }
.ck-cf__subj .ck-ava{ width:36px; height:36px; font-size:12px; flex:none; }
.ck-cf__sic{ width:36px; height:36px; border-radius:10px; background:var(--fill); display:grid; place-items:center; color:var(--ink-2); flex:none; }
.ck .ck-cf__sic .lucide, .ck-cf__sic svg{ width:18px; height:18px; }
.ck-cf__sic img{ width:22px; height:22px; border-radius:5px; }
.ck-cf__sn{ display:flex; flex-direction:column; min-width:0; }
.ck-cf__sn b{ font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-cf__sn small{ font-size:12.5px; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-cf__pts{ align-self:stretch; list-style:none; margin:10px 0 0; padding:4px 14px; display:flex; flex-direction:column; border-radius:14px; background:var(--card); text-align:left; box-shadow:0 1px 2px rgba(16,24,40,.05); }
.ck-cf__pts li{ display:flex; align-items:flex-start; gap:10px; padding:9px 0; font-size:13.5px; line-height:1.45; color:var(--ink); }
.ck-cf__pts li + li{ border-top:1px solid var(--line-2); }
.ck .ck-cf__pts .lucide, .ck-cf__pts svg{ width:15px; height:15px; flex:none; margin-top:2px; color:var(--ink-3); }
.ck-cf__ack{ align-self:stretch; margin-top:10px; padding:12px 14px; border-radius:14px; background:var(--card); font-size:13.5px; align-items:flex-start; text-align:left; box-shadow:0 1px 2px rgba(16,24,40,.05); }
.ck-cf__ack .ck-check__box{ margin-top:1px; }
.ck-cf--danger .ck-cf__ack input:checked + .ck-check__box{ background:var(--red); border-color:var(--red); }
.ck-cf__note{ margin:12px 0 0; display:flex; align-items:center; justify-content:center; gap:6px; font-size:12.5px; color:var(--ink-3); }
.ck .ck-cf__note .lucide, .ck-cf__note svg{ width:13px; height:13px; flex:none; }
.ck-modal--confirm.is-on .ck-cf{ animation:ck-cf-in .28s cubic-bezier(.2,.8,.2,1) both; }
@keyframes ck-cf-in{ from{ opacity:0; transform:translateY(4px); } }
@media (max-width:767px){
  .ck-modal--confirm .ck-modal__bd{ padding:16px 16px 4px; }
  .ck-modal--confirm .ck-modal__ft{ padding:14px 16px calc(16px + var(--sab)); }
  .ck-modal--confirm .ck-modal__ft .ck-btn{ height:52px; }
}

/* ===== UI-29 · затемнення під випадними меню ===== */
.ck-menu-dim{ position:fixed; inset:0; z-index:999; background:rgba(31,35,40,.18); opacity:0; transition:opacity .16s var(--ease); }
.ck-menu-dim.is-on{ opacity:1; }

/* ===== UI-30 · меню дій над повідомленням (тап на телефоні / права кнопка на ПК) ===== */
.ck-mm-dim{ position:fixed; inset:0; z-index:990; background:rgba(31,35,40,.34); opacity:0; transition:opacity .18s var(--ease); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
.ck-mm-dim.is-on{ opacity:1; }
.ck-mm-msg{ position:fixed; z-index:991; margin:0; max-width:none !important; pointer-events:none; display:flex; transition:transform .28s cubic-bezier(.2,.8,.2,1); }
.ck-mm-msg .ck-bub{ width:100%; box-shadow:0 8px 28px rgba(16,24,40,.18); }
.ck-mm{ position:fixed; z-index:992; width:224px; max-width:calc(100vw - 24px); background:var(--card); border-radius:18px; box-shadow:0 12px 40px rgba(16,24,40,.22); overflow:hidden; opacity:0; transform:scale(.92); transition:opacity .16s var(--ease), transform .22s cubic-bezier(.2,.9,.3,1.1); }
.ck-mm.is-on{ opacity:1; transform:none; }
.ck-mm__re{ display:flex; justify-content:space-between; padding:8px 8px; border-bottom:1px solid var(--line-2); }
.ck-mm__re button{ width:32px; height:32px; border-radius:50%; font-size:20px; line-height:1; display:grid; place-items:center; transition:transform .12s, background .12s; }
.ck-mm__re button:hover{ background:var(--fill); transform:scale(1.12); }
.ck-mm__re button:active{ transform:scale(.92); }
.ck-mm__list{ padding:5px; display:flex; flex-direction:column; }
.ck-mm__i{ display:flex; align-items:center; gap:11px; height:36px; padding:0 10px; border-radius:8px; font-size:13.5px; color:var(--ink); text-align:left; }
.ck-mm__i:hover, .ck-mm__i:active{ background:var(--fill); }
.ck .ck-mm__i .lucide, .ck-mm__i svg{ width:16px; height:16px; stroke-width:1.85; color:var(--ink-2); flex:none; }
@media (max-width:767px){ .ck-mm{ width:236px; } .ck-mm__i{ height:40px; font-size:14px; } .ck-mm__re button{ width:34px; height:34px; font-size:22px; } }

/* ===== UI-31 · запис голосового: «Скасувати» — червона (ПК — текстом, телефон — хрестиком) ===== */
.ck-rec__x{ background:var(--red); color:#fff; }
.ck-rec__x:hover{ background:var(--red-ink); }
@media (max-width:767px){ [data-recbar] .ck-btn{ height:34px; border-radius:10px; } .ck-rec__x{ width:34px; padding:0; } .ck-rec__x span{ display:none; } .ck .ck-rec__x .lucide, .ck-rec__x svg{ width:18px; height:18px; } }

/* ===== UI-23 · «потягніть, щоб оновити» у списку діалогів (телефон) ===== */
.ck-list{ position:relative; }
.ck-lptr{ position:absolute; left:0; right:0; height:0; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; pointer-events:none; opacity:0; z-index:0; color:var(--ink-3); font-size:12px; font-weight:500; }
.ck-dialogs{ position:relative; z-index:1; background:var(--card); }
.ck-dialogs.is-pulling{ will-change:transform; }
.ck-dialogs.is-settle, .ck-lptr.is-settle{ transition:transform .45s cubic-bezier(.22,1,.36,1), height .45s cubic-bezier(.22,1,.36,1), opacity .3s; }
.ck-lptr__ring{ position:relative; width:30px; height:30px; display:grid; place-items:center; }
.ck-lptr__svg{ position:absolute; inset:0; width:30px; height:30px; transform:rotate(-90deg); }
.ck-lptr__trk{ fill:none; stroke:var(--line); stroke-width:2.5; }
.ck-lptr__arc{ fill:none; stroke:var(--ink-3); stroke-width:2.5; stroke-linecap:round; stroke-dasharray:75.4; stroke-dashoffset:75.4; transition:stroke .2s; }
.ck-lptr__ico{ position:relative; width:15px; height:15px; display:grid; place-items:center; transition:transform .25s cubic-bezier(.3,1.4,.5,1), opacity .15s; }
.ck .ck-lptr__ico .lucide, .ck-lptr__ico svg{ width:15px; height:15px; stroke-width:2.2; }
.ck-lptr__ok{ position:absolute; display:grid; place-items:center; opacity:0; transform:scale(.4); transition:transform .3s cubic-bezier(.3,1.6,.5,1), opacity .15s; color:var(--green-ink); }
.ck .ck-lptr__ok .lucide, .ck-lptr__ok svg{ width:16px; height:16px; stroke-width:2.4; }
.ck-lptr__l{ line-height:1; transition:color .2s; }
.ck-lptr.is-ready{ color:var(--accent); }
.ck-lptr.is-ready .ck-lptr__arc{ stroke:var(--accent); }
.ck-lptr.is-ready .ck-lptr__ico{ transform:rotate(180deg); }
.ck-lptr.is-loading .ck-lptr__ico{ opacity:0; transform:scale(.5); }
.ck-lptr.is-loading .ck-lptr__arc{ stroke:var(--accent); stroke-dashoffset:52 !important; }
.ck-lptr.is-loading .ck-lptr__svg{ animation:ck-lptr-spin .75s linear infinite; }
@keyframes ck-lptr-spin{ from{ transform:rotate(-90deg); } to{ transform:rotate(270deg); } }
.ck-lptr.is-done{ color:var(--green); }   /* UI-303: «Оновлено» — тим самим зеленим, що й кружок */
.ck-lptr.is-done .ck-lptr__ico{ opacity:0; }
.ck-lptr.is-done .ck-lptr__arc{ stroke:var(--green); stroke-dashoffset:0 !important; transition:stroke-dashoffset .3s, stroke .2s; }
.ck-lptr.is-done .ck-lptr__ok{ opacity:1; transform:none; }
/* після оновлення рядки легко «підтягуються» один за одним */
.ck-dialogs.is-fresh .ck-dlg{ animation:ck-dlg-in .3s ease-out both; }
.ck-dialogs.is-fresh .ck-dlg:nth-child(2){ animation-delay:.03s } .ck-dialogs.is-fresh .ck-dlg:nth-child(3){ animation-delay:.06s } .ck-dialogs.is-fresh .ck-dlg:nth-child(4){ animation-delay:.09s }
.ck-dialogs.is-fresh .ck-dlg:nth-child(5){ animation-delay:.12s } .ck-dialogs.is-fresh .ck-dlg:nth-child(6){ animation-delay:.15s } .ck-dialogs.is-fresh .ck-dlg:nth-child(7){ animation-delay:.18s } .ck-dialogs.is-fresh .ck-dlg:nth-child(n+8){ animation-delay:.21s }
@keyframes ck-dlg-in{ from{ opacity:0; } }   /* лише проявлення: скелетон тієї ж висоти, тож нічого не зсувається */
@media (prefers-reduced-motion:reduce){ .ck-dialogs.is-settle, .ck-lptr.is-settle, .ck-dialogs.is-fresh .ck-dlg, .ck-modal.is-on .ck-cf__ic{ transition:none; animation:none; } }

/* ===== скелетон рядка діалогу: геометрія 1:1 з .ck-dlg (81 px: 9 + 62 + 9 + лінія) ===== */
.ck-dlg--sk{ pointer-events:none; }
.ck-dlg--sk .ck-sk{ display:block; height:10px; border-radius:5px; }
.ck-dlg--sk .ck-sk--ava{ width:40px; height:40px; border-radius:50%; }
.ck-sk-m{ display:grid; grid-template-rows:20px 20px auto; align-items:center; align-content:center; height:62px; min-width:0; }
.ck-sk-b{ display:flex; gap:6px; margin-top:4px; }
.ck-sk-b .ck-sk{ height:16px; border-radius:5px; }
.ck-sk-r{ align-self:start; display:grid; grid-template-rows:20px 20px; align-items:center; justify-items:end; }
.ck-dlg--sk .ck-sk--cnt{ width:20px; height:20px; border-radius:6px; }

/* ===== UI-27 · панель вводу на телефоні: усе влазить ===== */
.ck-compose__field{ min-width:0; }            /* інакше поле не стискається і «Надіслати» виїжджає за екран */
.ck-send--mic{ display:none; }
@media (max-width:767px){
  .ck-compose__row{ gap:6px; }
  .ck-compose__field{ padding-left:12px; gap:2px; }
  .ck-compose__field [data-emoji], .ck-compose__field [data-rec]{ display:none; }   /* смайли — на клавіатурі телефона; мікрофон — на місці «Надіслати» */
  /* як у месенджерах: поле порожнє — мікрофон, почали друкувати — «Надіслати» */
  .ck-compose:not(.is-note):has(textarea:placeholder-shown) .ck-send:not(.ck-send--mic){ display:none; }
  .ck-compose:not(.is-note):has(textarea:placeholder-shown) .ck-send--mic{ display:grid; }
}
/* підказка в полі — один рядок із «…», інакше на вузькому екрані переноситься і з'являється смуга прокрутки */
.ck-compose__field textarea::placeholder{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-compose__field textarea:placeholder-shown{ overflow:hidden; }

/* ===== UI-32 · усі модалки й випадні меню — одна стилістика з підтвердженнями:
   сірий аркуш, вміст білими заокругленими блоками, кнопки в один рядок з іконками ===== */
:root{ --sheet:var(--bk-f1f2f5); --blk-sh:0 1px 2px rgba(16,24,40,.05); }
.ck-modal{ background:var(--sheet); }
.ck-modal__hd{ position:relative; justify-content:center; padding:20px 56px 6px; text-align:center; }
.ck-modal__hd b{ flex:none; font-size:17px; font-weight:700; text-align:center; text-wrap:balance; }
.ck-modal__hd .ck-ibtn{ position:absolute; right:14px; top:14px; margin:0; width:32px; height:32px; border-radius:50%; background:var(--card); color:var(--ink-2); box-shadow:var(--blk-sh); }
.ck-modal__hd .ck-ibtn:hover{ background:var(--card); color:var(--ink); box-shadow:var(--blk-sh), 0 0 0 1px var(--line); }
.ck-modal__bd{ padding:10px 20px 8px; display:flex; flex-direction:column; gap:10px; }
.ck-modal__sub{ margin:0 0 2px; text-align:center; color:var(--ink-2); font-size:13.5px; line-height:1.5; text-wrap:balance; }
.ck-modal__sub .lucide{ width:14px; height:14px; vertical-align:-2px; }
/* білі блоки */
.ck-modal__bd > .ck-form, .ck-modal__bd > .ck-list-plain, .ck-modal__bd > .ck-ocard, .ck-modal__bd > .ck-aisum,
.ck-modal__bd > .ck-hist, .ck-modal__bd > .ck-fwdprev, .ck-modal__bd > .ck-contact{ background:var(--card); border-radius:14px; box-shadow:var(--blk-sh); }
.ck-modal__bd > .ck-form, .ck-modal__bd > .ck-ocard, .ck-modal__bd > .ck-aisum, .ck-modal__bd > .ck-hist{ padding:16px; }
.ck-modal__bd > .ck-fwdprev{ padding:12px 14px; }
.ck-modal__bd > .ck-list-plain{ margin:0 !important; padding:4px 0; overflow:hidden; }
.ck-modal__bd > .ck-contact{ padding:14px !important; }
/* футер: кнопки в один рядок на всю ширину */
.ck-modal__ft{ display:flex; gap:10px; padding:12px 20px 20px; }
.ck-modal__ft .ck-btn{ flex:1 1 0; min-width:0; height:46px; border-radius:14px; font-size:14.5px; box-shadow:none; }
.ck-modal__ft .ck-btn span{ overflow:hidden; text-overflow:ellipsis; }
.ck .ck-modal__ft .ck-btn .lucide, .ck-modal__ft .ck-btn svg{ width:17px; height:17px; stroke-width:2; }
.ck-modal__ft .ck-btn--secondary, .ck-modal__ft .ck-btn--ghost{ background:var(--card); color:var(--ink); border:0; box-shadow:var(--blk-sh); }
.ck-modal__ft .ck-btn--secondary:hover, .ck-modal__ft .ck-btn--ghost:hover{ background:var(--card); box-shadow:var(--blk-sh), 0 0 0 1px var(--line); }
.ck-modal__ft .ck-btn--danger{ background:var(--red); color:#fff; } .ck-modal__ft .ck-btn--danger:hover{ background:var(--red-ink); }
@media (max-width:767px){
  .ck-modal__hd{ padding:10px 52px 4px; }
  .ck-modal__hd .ck-ibtn{ top:18px; right:12px; }
  .ck-modal__bd{ padding:8px 14px calc(8px + var(--sab)); }
  .ck-modal__ft{ padding:10px 14px calc(14px + var(--sab)); }
  .ck-modal__ft .ck-btn{ height:50px; }
}
/* підтвердження: своя шапка в тілі, хрестика немає */
.ck-modal--confirm .ck-modal__bd{ gap:0; }

/* випадні меню: сірий фон, групи — білими блоками */
.ck-menu{ background:var(--sheet); border:0; border-radius:16px; padding:5px; box-shadow:0 12px 36px rgba(16,24,40,.2), 0 0 0 1px rgba(16,24,40,.04); }
.ck-menu__body{ display:flex; flex-direction:column; gap:5px; }
.ck-menu__g{ background:var(--card); border-radius:12px; padding:4px; box-shadow:var(--blk-sh); }
.ck-menu__hd{ padding:6px 10px 0; }
.ck-menu__i{ border-radius:8px; }
.ck-menu__search{ padding:0 0 5px; top:-5px; background:var(--sheet); }
.ck-menu__search .ck-input{ background:var(--card); border-color:transparent; box-shadow:var(--blk-sh); border-radius:10px; }
.ck-menu--html{ background:var(--card); padding:6px; }      /* календар, смайли — цілим білим блоком */

/* меню дій над повідомленням — те саме: реакції й дії окремими білими блоками */
.ck-mm{ background:var(--sheet); padding:5px; display:flex; flex-direction:column; gap:5px; }
.ck-mm__re{ background:var(--card); border-radius:12px; border-bottom:0; padding:6px; box-shadow:var(--blk-sh); }
.ck-mm__list{ background:var(--card); border-radius:12px; padding:4px; box-shadow:var(--blk-sh); }
/* фільтр: кожна секція — окремим білим блоком (без «блоку в блоці») */
.ck-modal__bd > .ck-form:has(> .ck-group){ background:none; box-shadow:none; padding:0; gap:10px; }
.ck-modal .ck-group{ background:var(--card); border:0; border-radius:14px; box-shadow:var(--blk-sh); }
/* довга назва дії («Надіслати на підтвердження») бере більше місця, а не обрізається */
.ck-modal__ft .ck-btn{ flex:1 1 auto; }
.ck-modal .ck-opt{ border-color:transparent; box-shadow:var(--blk-sh); }
.ck-modal .ck-opt.is-on{ border-color:var(--accent); }
/* телефон: рядок полів із перемикачем — у стовпчик (інакше «Щотижня» обрізається); кнопки футера — на новий рядок, якщо не влазять, а не обрізаються */
@media (max-width:767px){ .ck-form__row:has(.ck-seg){ grid-template-columns:1fr; } }
.ck-modal__ft{ flex-wrap:wrap; }
.ck-modal__ft .ck-btn{ min-width:min(100%, max-content); }

/* ===== поля форми однакової висоти (40 px): дата-кнопка, час, селекти ===== */
/* нативне поле часу/дати на iPhone має власну висоту й відступи — прибираємо, щоб не «роздувало» рядок */
.ck-input input[type="time"], .ck-input input[type="date"]{ -webkit-appearance:none; appearance:none; min-width:0; min-height:0; height:22px; line-height:22px; padding:0; margin:0; border:0; background:transparent; font-family:inherit; color:inherit; }
.ck-input input[type="time"]::-webkit-date-and-time-value, .ck-input input[type="date"]::-webkit-date-and-time-value{ text-align:left; min-height:0; margin:0; }
.ck-input input[type="time"]::-webkit-datetime-edit{ padding:0; }

/* ===== перемикачі у формах (Ні / Щодня / Щотижня, доставка, оплата…) — на всю ширину поля ===== */
.ck-field > .ck-seg{ display:flex; width:100%; }
.ck-field > .ck-seg > button{ flex:1 1 auto; }
/* поле-обгортка <label class="ck-input"> не успадковує жирність підпису поля (час, текст — звичайні, як дата) */
.ck-field label.ck-input{ font-weight:400; }

/* ===== UI-36 · іконки в полях — сірі (lucide підміняє <i> на <svg>, тому стилюємо обидва) ===== */
.ck .ck-input > .lucide, .ck-input > svg, .ck-input > i{ width:16px; height:16px; color:var(--ink-3); flex:none; }
/* поле часу — як дата: значення зліва, сіра іконка справа; нативну кнопку браузера ховаємо */
.ck-input--time{ cursor:pointer; }
.ck-input--time input{ cursor:pointer; }
.ck-input--time input::-webkit-calendar-picker-indicator{ display:none; }
.ck-input__end{ margin-left:auto; }
/* «заповніть…» — лише коли поле вже з помилкою (червоне) */
.ck-field__err{ display:none; }
.ck-field.is-error .ck-field__err{ display:block; }

/* ===== хрестик модалки — на одній лінії з заголовком ===== */
.ck-modal__hd{ display:grid; grid-template-columns:32px minmax(0,1fr) 32px; align-items:center; gap:8px; padding:18px 14px 6px; }
.ck-modal__hd > i, .ck-modal__hd > svg{ display:none; }
.ck-modal__hd b{ grid-column:2; }
.ck-modal__hd .ck-ibtn{ position:static; grid-column:3; margin:0; }
@media (max-width:767px){ .ck-modal__hd{ padding:8px 10px 4px; } }

/* ===== значення в усіх полях — один розмір: 13 px ПК / 14 px телефон (дата, час, селект, текст однакові) ===== */
.ck-input input, .ck-select, .ck-select__v{ font-size:13px; }
@media (max-width:767px){ .ck-input input, .ck-select, .ck-select__v{ font-size:14px; } }

/* ===== UI-37 · модалка пошуку (замість випадного списку з пошуком) ===== */
.ck-modal--pick{ height:min(620px, 82vh); }
.ck-modal--pick .ck-modal__bd{ gap:10px; padding-top:6px; }
.ck-pick__q{ flex:none; height:44px; border-color:transparent; border-radius:12px; box-shadow:var(--blk-sh); position:sticky; top:0; z-index:1; }
.ck-pick__list{ flex:1; min-height:0; }
.ck-pick__g{ background:var(--card); border-radius:14px; padding:4px; box-shadow:var(--blk-sh); display:flex; flex-direction:column; }
.ck-pick__i{ display:flex; align-items:center; gap:12px; width:100%; min-height:48px; padding:7px 10px; border-radius:10px; text-align:left; color:var(--ink); transition:background .1s; }
.ck-pick__i:hover{ background:var(--fill); }
.ck-pick__i.is-selected{ background:var(--accent-soft); }
.ck-pick__i.is-disabled{ opacity:.45; pointer-events:none; }
.ck-pick__i .ck-ava{ width:32px; height:32px; font-size:11px; flex:none; }
.ck .ck-pick__i > .lucide:first-child{ width:18px; height:18px; color:var(--ink-2); flex:none; }
.ck-pick__l{ flex:1; min-width:0; display:flex; flex-direction:column; }
.ck-pick__l b{ font-size:14px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-pick__l small{ font-size:12px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-pick__i.is-selected .ck-pick__l b{ color:var(--accent-2); font-weight:600; }
.ck .ck-pick__tick{ width:18px; height:18px; flex:none; color:var(--accent); opacity:0; }
.ck-pick__i.is-selected .ck-pick__tick{ opacity:1; }
.ck-modal--pick:has(.ck-modal__ft) .ck-pick__tick{ opacity:1; color:var(--ink-4); } .ck-modal--pick:has(.ck-modal__ft) .ck-pick__i.is-selected .ck-pick__tick{ color:var(--accent); }
.ck-pick__empty{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:40px 16px; color:var(--ink-3); font-size:13.5px; text-align:center; }
.ck .ck-pick__empty .lucide{ width:28px; height:28px; }
@media (max-width:767px){ .ck-modal--pick{ height:88vh; } .ck-pick__i{ min-height:52px; } }

/* ===== UI-38 · помилки в полях — з'являються й зникають плавно, гармошкою ===== */
.ck-field[data-err]::after{ content:attr(data-err); display:block; font-size:12px; line-height:16px; color:var(--red); max-height:0; opacity:0; margin-top:-6px; overflow:hidden; transform:translateY(-4px);
  transition:max-height .2s var(--ease), margin-top .2s var(--ease), opacity .16s var(--ease), transform .2s var(--ease); }
.ck-field.is-error[data-err]::after{ max-height:36px; opacity:1; margin-top:0; transform:none; }
.ck-select, .ck-input, .ck-textarea, .ck-check__box{ transition:border-color .18s var(--ease), box-shadow .18s var(--ease), background .12s; }
.ck-field.is-error .ck-select, .ck-field.is-error .ck-textarea, .ck-field.is-error .ck-seg{ border-color:var(--red); box-shadow:0 0 0 1px var(--red); }
@media (prefers-reduced-motion:reduce){ .ck-field[data-err]::after{ transition:none; } }

/* ===== UI-39 · модалка «замість» попередньої: та плавно ховається, нова на її місці; фон один ===== */
.ck-backdrop.is-clear{ background:transparent; backdrop-filter:none; }
.ck-modal.is-on.is-away{ opacity:0; pointer-events:none; transform:translate(-50%,-50%) scale(.97); }
@media (max-width:767px){ .ck-modal.is-on.is-away{ transform:translateY(16px); } }
/* пошук закріплений угорі — прокручується лише список */
.ck-modal--pick .ck-modal__bd{ overflow:hidden; }
.ck-modal--pick .ck-pick__q{ position:static; }
.ck-modal--pick .ck-pick__list{ overflow:auto; overscroll-behavior:contain; margin:0 -20px; padding:0 20px 8px; }
@media (max-width:767px){ .ck-modal--pick .ck-pick__list{ margin:0 -14px; padding:0 14px 8px; } }
/* іконки у значенні списку (тег тощо) — сірі, як у полях */
.ck .ck-select__v > .lucide, .ck-select__v > svg{ width:16px; height:16px; color:var(--ink-3); flex:none; }
/* «Назад» ліворуч у шапці модалки (пошук, відкритий замість форми) — такий самий білий кружок, як хрестик */
.ck-modal__hd .ck-modal__back{ grid-column:1; grid-row:1; }
.ck-modal__hd b{ grid-row:1; }

/* ===== UI-40 · кольори кнопок у модалках: підтвердити — зелена, скасувати/повернутися — чорна, небезпечне — червона ===== */
:root{ --ok:#16A34A; --ok-2:#15803D; }
.ck-modal__ft .ck-btn--ok{ background:var(--ok); color:#fff; }
.ck-modal__ft .ck-btn--ok:hover{ background:var(--ok-2); }
.ck-modal__ft .ck-btn--cancel, .ck-modal--confirm .ck-modal__ft .ck-btn--cancel{ background:var(--dark); color:#fff; box-shadow:none; }
.ck-modal__ft .ck-btn--cancel:hover, .ck-modal--confirm .ck-modal__ft .ck-btn--cancel:hover{ background:var(--dark-2); box-shadow:none; }
.ck-modal__ft .ck-btn--danger{ background:var(--red); color:#fff; }
.ck-modal__ft .ck-btn--danger:hover{ background:var(--red-ink); }
.ck-modal__ft .ck-btn:disabled{ opacity:.45; }

/* ===== меню дій над повідомленням: тінь піднятого повідомлення з'являється і зникає плавно, без ривка ===== */
.ck-mm-msg{ transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .2s var(--ease); }
.ck-mm-msg .ck-bub{ transition:box-shadow .22s var(--ease); }
/* у спокої копія має рівно ту саму тінь, що й оригінал — тому поява/зникнення без стрибка */
.ck-mm-msg:not(.is-on) .ck-bub{ box-shadow:0 1px 2px rgba(16,24,40,.08), 0 2px 6px rgba(16,24,40,.04); }
.ck-mm-msg.ck-msg--out:not(.is-on) .ck-bub{ box-shadow:0 1px 2px rgba(16,24,40,.10), 0 2px 6px rgba(0,98,255,.12); }
.ck-mm-msg.is-on .ck-bub{ box-shadow:0 8px 28px rgba(16,24,40,.18); }
.ck-mm-msg.is-gone{ opacity:0; }

/* ===== iPhone «на робочому столі»: відступ під смугу жестів — замість звичайного, а не на додачу до нього ===== */
@media (max-width:767px){
  .ck-compose{ padding-bottom:max(8px, var(--sab)); }
  .ck-modal__bd{ padding-bottom:8px; }
  .ck-modal__bd:last-child{ padding-bottom:max(14px, var(--sab)); }   /* модалка без кнопок (пошук, історія) */
  .ck-modal__ft, .ck-modal--confirm .ck-modal__ft{ padding-bottom:max(14px, var(--sab)); }
  .ck-side{ padding-bottom:max(12px, var(--sab)); }
}
/* кнопки футера модалки: іконка ближче до тексту і рівно по центру літер (UI-10: text-box-trim) */
.ck-modal__ft .ck-btn{ gap:6px; }
.ck .ck-modal__ft .ck-btn .lucide, .ck-modal__ft .ck-btn svg{ width:16px; height:16px; }
@supports (text-box: trim-both cap alphabetic){ .ck-modal__ft .ck-btn > span{ text-box:trim-both cap alphabetic; } }
.ck-modal__ft .ck-btn > span{ overflow:visible; }                 /* не різати хвостики літер (у, р, д) після text-box-trim; кнопки й так переносяться, а не обрізаються */
.ck-modal--confirm .ck-modal__ft .ck-btn{ gap:6px; }
.ck .ck-modal--confirm .ck-modal__ft .ck-btn .lucide, .ck-modal--confirm .ck-modal__ft .ck-btn svg{ width:16px; height:16px; }

/* ===== UI-42 · смужка контексту чату — однакові бейджі з фоном ===== */
.ck-chat__bar{ gap:6px; min-height:46px; padding:8px 16px; }
.ck-chat__bar .ck-stgbtn{ height:28px; font-size:12.5px; border-radius:8px; }
.ck-cb{ display:inline-flex; align-items:center; gap:5px; height:28px; padding:0 10px; border-radius:8px; background:var(--fill); color:var(--ink-2); font-size:12.5px; font-weight:500; white-space:nowrap; flex:none; border:0; }
.ck .ck-cb .lucide, .ck-cb > svg{ width:14px; height:14px; flex:none; color:currentColor; opacity:.8; }
.ck-cb--red{ background:var(--red-soft); color:var(--red-ink); font-weight:600; }
.ck-cb--blue{ background:var(--blue-soft); color:var(--blue-ink); }
.ck-cb--btn{ cursor:pointer; color:var(--ink); transition:background .12s; }
.ck-cb--btn:hover{ background:var(--fill-2); }
.ck-cb--btn b{ font-weight:600; font-variant-numeric:tabular-nums; }
.ck-cb--btn .ck-chip{ height:20px; font-size:11px; padding:0 6px; }
.ck-cb--btn .ck-cbar__sum{ font-weight:600; font-variant-numeric:tabular-nums; }
@supports (text-box: trim-both cap alphabetic){ .ck-cb > span, .ck-cb > b, .ck-chat__bar .ck-stgbtn > span{ text-box:trim-both cap alphabetic; } }
@media (max-width:767px){
  .ck-chat__bar{ gap:5px; min-height:40px; padding:6px 12px; }
  .ck-chat__bar .ck-stgbtn{ height:24px; font-size:12px; padding:0 6px 0 8px; }
  .ck-cb{ height:24px; padding:0 8px; font-size:12px; gap:4px; border-radius:7px; }
  .ck .ck-cb .lucide, .ck-cb > svg{ width:13px; height:13px; }
  .ck-cb--btn .ck-chip{ height:18px; font-size:10.5px; }
}

/* ===== UI-43 · «пише… / дивиться» — прямо в чаті, над полем вводу ===== */
.ck-pres{ position:absolute; left:16px; bottom:calc(100% + 8px); z-index:3; display:inline-flex; align-items:center; gap:8px; max-width:calc(100% - 90px); padding:5px 12px 5px 5px; border-radius:999px; background:var(--card); color:var(--ink-2); font-size:12.5px; box-shadow:0 1px 2px rgba(16,24,40,.08), 0 4px 14px rgba(16,24,40,.10); pointer-events:none; animation:ck-pres-in .3s cubic-bezier(.2,.8,.2,1) both; }
.ck-pres .ck-ava{ width:24px; height:24px; font-size:9px; flex:none; }
.ck-pres > span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-pres b{ color:var(--ink); font-weight:600; }
.ck .ck-pres > .lucide, .ck-pres > svg{ width:14px; height:14px; color:var(--ink-3); flex:none; }
.ck-pres.is-typing{ background:var(--accent-soft); color:var(--accent-2); box-shadow:0 0 0 1px rgba(0,98,255,.14), 0 4px 14px rgba(0,98,255,.12); }
.ck-pres.is-typing b{ color:var(--accent-2); }
.ck-pres__dots{ display:inline-flex; gap:3px; margin-left:2px; }
.ck-pres__dots i{ width:5px; height:5px; border-radius:50%; background:var(--accent); animation:ck-dot 1.2s infinite ease-in-out; }
.ck-pres__dots i:nth-child(2){ animation-delay:.15s } .ck-pres__dots i:nth-child(3){ animation-delay:.3s }
@keyframes ck-dot{ 0%,60%,100%{ transform:translateY(0); opacity:.35 } 30%{ transform:translateY(-3px); opacity:1 } }
@keyframes ck-pres-in{ from{ opacity:0; transform:translateY(6px) } }
@media (max-width:767px){ .ck-pres{ left:12px; font-size:12px; } }
@media (prefers-reduced-motion:reduce){ .ck-pres, .ck-pres__dots i{ animation:none; } }

/* ===== UI-44 · панель вводу: «Відповідь / Нотатка» — перемикач з фоном; «Надіслати» синя, без тексту — сіра й неактивна ===== */
.ck-compose__modes{ gap:0; }
.ck-compose__modes button:first-child, .ck-compose__modes button[data-cmode]{ height:28px; }
.ck-compose__modes{ align-items:center; }
.ck-compose__modes button[data-cmode]{ background:transparent; color:var(--ink-2); border-radius:7px; }
.ck-compose__modes button[data-cmode]:hover{ background:transparent; color:var(--ink); }
.ck-compose__modes button[data-cmode].is-active, .ck-compose__modes button[data-cmode="note"].is-active{ background:var(--card); color:var(--ink); box-shadow:0 1px 2px rgba(16,24,40,.12), 0 1px 1px rgba(16,24,40,.04); font-weight:600; }
.ck-compose__modes button[data-cmode="note"].is-active{ color:var(--amber-ink); }
/* сам перемикач — сірий «жолоб» під двома кнопками */
.ck-compose__modes button[data-cmode="reply"]{ margin-left:0; }
.ck-compose__modes::before{ content:none; }
.ck-cmodes{ display:inline-flex; padding:2px; border-radius:9px; background:var(--fill); gap:2px; }
.ck-send{ background:var(--accent); }
.ck-send:hover{ background:var(--accent-2); }
.ck-send--mic{ background:var(--accent); }
.ck-compose:has(textarea:placeholder-shown) .ck-send:not(.ck-send--mic){ background:var(--fill-2); color:var(--ink-4); pointer-events:none; box-shadow:none; }
.ck-compose.is-note:has(textarea:placeholder-shown) .ck-send:not(.ck-send--mic){ background:var(--fill-2); color:var(--ink-4); }
.ck-send{ transition:background .18s var(--ease), color .18s var(--ease), transform .06s; }

/* ===== UI-45 · інтеграції: статус праворуч ===== */
.ck-integ__st{ flex:none; height:22px; padding:0 8px; border-radius:6px; background:var(--fill); color:var(--ink-2); font-size:11.5px; font-weight:600; display:inline-flex; align-items:center; white-space:nowrap; }
.ck-integ__st.is-on{ background:var(--green-soft); color:var(--green-ink); }

/* ===== UI-46 · «пише / дивиться» — по центру під останнім повідомленням, як системні події; «дивиться» — зелена ===== */
.ck-pres{ position:static; align-self:center; max-width:84%; margin:4px 0; padding:5px 12px 5px 5px; border-radius:var(--r-m); box-shadow:none; pointer-events:none; }
.ck-pres:not(.is-typing){ background:var(--green-soft); color:var(--green-ink); }
.ck-pres:not(.is-typing) b{ color:var(--green-ink); }
.ck .ck-pres:not(.is-typing) > .lucide, .ck-pres:not(.is-typing) > svg{ color:var(--green-ink); }
.ck-pres.is-typing{ box-shadow:none; }
@media (max-width:767px){ .ck-pres{ left:auto; } }

/* ===== UI-47 · поле вводу: коли є текст — AI і шаблони ховаємо; високе поле — скріпка і «Надіслати» вгорі ===== */
.ck-compose__field:has(textarea:not(:placeholder-shown)) [data-ai-draft],
.ck-compose__field:has(textarea:not(:placeholder-shown)) [data-qr-open]{ display:none; }
.ck-compose__row, .ck-compose__field{ align-items:flex-start; }

/* ===== UI-48 · поле вводу як у Telegram: росте плавно; з текстом — AI/шаблони/мікрофон ховаються, «Надіслати» — кругла всередині поля; з 2 рядків — «розгорнути» ===== */
.ck-compose__row, .ck-compose__field{ align-items:flex-end; }                       /* кнопки притиснуті донизу (замінює UI-47) */
.ck-compose__field{ position:relative; }
.ck-compose__field textarea{ transition:height .18s cubic-bezier(.2,.8,.2,1), padding .18s; }
/* кнопки, що з'являються/зникають — плавно стискаються по ширині */
.ck .ck-compose__field > .ck-ibtn, .ck .ck-compose__field > .ck-send, .ck .ck-compose__row > .ck-send--mic{ max-width:44px; overflow:hidden; flex:none;
  transition:max-width .24s cubic-bezier(.2,.8,.2,1), opacity .16s var(--ease), transform .24s cubic-bezier(.2,.9,.3,1.2), margin .24s cubic-bezier(.2,.8,.2,1), background .15s; }
.ck .ck-compose__field:has(> textarea:not(:placeholder-shown)) > [data-ai-draft],
.ck .ck-compose__field:has(> textarea:not(:placeholder-shown)) > [data-qr-open],
.ck .ck-compose__field:has(> textarea:not(:placeholder-shown)) > [data-rec]{ display:grid; max-width:0; opacity:0; transform:scale(.5); margin-left:-6px; pointer-events:none; }
/* «Надіслати» — кругла, всередині поля, праворуч унизу; поки тексту немає — її немає */
.ck .ck-compose__field > .ck-send{ display:grid !important; width:32px; height:32px; border-radius:50%; background:var(--accent); color:#fff; box-shadow:0 1px 2px rgba(0,98,255,.25);
  max-width:0; opacity:0; transform:scale(.4); margin-left:-6px; pointer-events:none; }
.ck .ck-compose__field > .ck-send .lucide, .ck-compose__field > .ck-send svg{ width:16px; height:16px; stroke-width:2.4; }
.ck .ck-compose__field:has(> textarea:not(:placeholder-shown)) > .ck-send{ max-width:32px; opacity:1; transform:none; margin-left:0; pointer-events:auto; background:var(--accent); color:#fff; }
.ck .ck-compose__field:has(> textarea:not(:placeholder-shown)) > .ck-send:hover{ background:var(--accent-2); }
.ck .ck-compose.is-note .ck-compose__field > .ck-send{ background:var(--amber-ink); box-shadow:none; }
/* зовнішня кнопка (мікрофон на телефоні) — плавно зникає, поле розтягується на її місце */
.ck .ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-send--mic{ max-width:0; opacity:0; transform:scale(.5); margin-left:-6px; pointer-events:none; }
/* «розгорнути» — кутик угорі праворуч, з'являється з двох рядків */
.ck-cexp{ position:absolute; top:5px; right:5px; width:26px; height:26px; border-radius:7px; display:grid; place-items:center; color:var(--ink-3); opacity:0; transform:scale(.7); pointer-events:none; transition:opacity .18s var(--ease), transform .2s var(--ease), background .12s; z-index:1; }
.ck .ck-cexp .lucide, .ck-cexp svg{ width:15px; height:15px; }
.ck-cexp:hover{ background:var(--fill); color:var(--ink); }
.ck-compose__field.is-multi .ck-cexp{ opacity:1; transform:none; pointer-events:auto; }
.ck-compose__field.is-multi textarea{ padding-right:24px; }
@media (prefers-reduced-motion:reduce){ .ck .ck-compose__field > *, .ck .ck-compose__row > .ck-send--mic, .ck-compose__field textarea{ transition:none; } }

/* ----- повноекранний редактор ----- */
.ck-modal--editor{ height:min(720px, 86vh); }
.ck-modal--editor .ck-modal__bd{ overflow:hidden; gap:10px; padding-bottom:16px; }
.ck-ed__ta{ flex:1; min-height:0; width:100%; resize:none; border:0; outline:none; border-radius:14px; background:var(--card); padding:14px 16px; font:inherit; font-size:15px; line-height:1.55; color:var(--ink); box-shadow:var(--blk-sh); }
.ck-modal--editor.is-note .ck-ed__ta{ background:var(--bk-fffbeb); }
.ck-ed__bar{ flex:none; display:flex; align-items:center; gap:10px; }
.ck-ed__tools{ display:flex; gap:4px; padding:4px; border-radius:14px; background:var(--card); box-shadow:var(--blk-sh); }
.ck-ed__tools .ck-ibtn{ width:38px; height:38px; box-shadow:none; color:var(--ink-2); }
.ck-ed__kbd{ margin-left:auto; font-size:12px; color:var(--ink-3); }
.ck-ed__bar .ck-send{ width:46px; height:46px; border-radius:50%; background:var(--accent); color:#fff; flex:none; transition:background .15s, opacity .15s, transform .15s; }
.ck-modal--editor.is-note .ck-ed__bar .ck-send{ background:var(--amber-ink); }
.ck-modal--editor.is-empty .ck-ed__bar .ck-send{ background:var(--fill-2); color:var(--ink-4); pointer-events:none; }
@media (max-width:767px){
  .ck-modal--editor{ height:calc(100dvh - 12px); max-height:none; }
  .ck-ed__kbd{ display:none; }
  .ck-ed__bar .ck-send{ margin-left:auto; }
  .ck-modal--editor .ck-modal__bd{ padding-bottom:max(12px, var(--sab)); }
}

/* ===== UI-49 · одна кнопка дії, що плавно перетворюється (як у Telegram) =====
   порожньо: квадрат 44 праворуч від поля (телефон — мікрофон, ПК — неактивна стрілка);
   з текстом: поле плавно розширюється під кнопку, а кнопка на своєму місці зменшується до кола 32 і опиняється в куті поля */
.ck-compose__row{ position:relative; }
.ck-compose__row > .ck-compose__field{ margin-right:52px; transition:margin-right .28s cubic-bezier(.2,.8,.2,1), padding-right .28s cubic-bezier(.2,.8,.2,1), border-color .18s, box-shadow .18s; }
.ck-act{ position:absolute; right:0; bottom:0; z-index:2; width:44px; height:44px; border-radius:var(--r); display:grid; place-items:center; color:#fff; background:var(--fill-2);
  transition:width .28s cubic-bezier(.2,.8,.2,1), height .28s cubic-bezier(.2,.8,.2,1), right .28s cubic-bezier(.2,.8,.2,1), bottom .28s cubic-bezier(.2,.8,.2,1), border-radius .28s cubic-bezier(.2,.8,.2,1), background .2s var(--ease), box-shadow .2s; }
.ck-act__i{ position:absolute; inset:0; display:grid; place-items:center; transition:opacity .18s var(--ease), transform .28s cubic-bezier(.2,.8,.2,1); }
.ck .ck-act__i .lucide, .ck-act__i svg{ width:18px; height:18px; stroke-width:2.2; }
.ck-act__mic{ opacity:0; transform:scale(.6); }
.ck-act__go{ color:var(--ink-4); }
/* з текстом */
.ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-compose__field{ margin-right:0; padding-right:44px; }
.ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-act{ right:6px; bottom:6px; width:32px; height:32px; border-radius:16px; background:var(--accent); box-shadow:0 1px 2px rgba(0,98,255,.25); }
.ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-act:hover{ background:var(--accent-2); }
.ck-compose__row:has(textarea:not(:placeholder-shown)) .ck-act__go{ color:#fff; transform:none; }
.ck .ck-compose__row:has(textarea:not(:placeholder-shown)) .ck-act__i .lucide, .ck-compose__row:has(textarea:not(:placeholder-shown)) .ck-act__i svg{ width:16px; height:16px; }
.ck-compose__row:has(textarea:placeholder-shown) > .ck-act{ pointer-events:none; }
.ck-compose.is-note .ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-act{ background:var(--amber-ink); box-shadow:none; }
@media (max-width:767px){
  .ck-compose__row > .ck-compose__field{ margin-right:50px; }
  /* телефон, відповідь, порожньо — синій мікрофон */
  .ck-compose:not(.is-note) .ck-compose__row:has(textarea:placeholder-shown) > .ck-act{ background:var(--accent); pointer-events:auto; }
  .ck-compose:not(.is-note) .ck-compose__row:has(textarea:placeholder-shown) .ck-act__mic{ opacity:1; transform:none; }
  .ck-compose:not(.is-note) .ck-compose__row:has(textarea:placeholder-shown) .ck-act__go{ opacity:0; transform:scale(.6) rotate(-45deg); }
}
@media (prefers-reduced-motion:reduce){ .ck-act, .ck-act__i, .ck-compose__row > .ck-compose__field{ transition:none; } }
/* редактор: «Надіслати» — заокруглений квадрат (не коло); підказка про AI-чернетку */
.ck-ed__bar .ck-send{ border-radius:12px; }
.ck-ed__ai{ flex:none; display:flex; align-items:flex-start; gap:8px; padding:8px 12px; border-radius:12px; background:var(--accent-soft); color:var(--accent-2); font-size:12.5px; line-height:1.4; }
.ck-ed__ai.is-unsure{ background:var(--amber-soft); color:var(--amber-ink); }
.ck .ck-ed__ai .lucide, .ck-ed__ai svg{ width:15px; height:15px; flex:none; margin-top:1px; }

/* ---------- UI-50: AI-помічник — окрема модалка (реф: «ИИ-редактор» Telegram) ---------- */
.ck-modal--ai .ck-modal__bd{ gap:12px; }
.ck-ai__tabs button .lucide, .ck-ai__tabs button svg{ width:15px; height:15px; }
.ck-ai__ctx{ display:flex; flex-direction:column; gap:6px; padding:10px 12px; border-radius:12px; background:var(--fill); }
.ck-ai__lbl{ display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--ink-3); }
.ck .ck-ai__lbl .lucide, .ck-ai__lbl svg{ width:14px; height:14px; }
.ck-ai__ctx p{ margin:0; padding:6px 10px; border-radius:10px 10px 10px 4px; background:var(--surface, var(--bk-ffffff)); font-size:13px; line-height:1.4; color:var(--ink-2); align-self:flex-start; max-width:92%; }
.ck-ai__chips{ display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin:0 -2px; padding:0 2px; }
.ck-ai__chips[hidden]{ display:none; }
.ck-ai__chips::-webkit-scrollbar{ display:none; }
.ck-ai__chip{ flex:none; display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 12px; border-radius:17px; background:var(--fill); color:var(--ink-2); font-size:13px; font-weight:500; transition:background .15s, color .15s, box-shadow .15s; }
.ck-ai__chip:hover{ background:var(--fill-2); }
.ck-ai__chip.is-active{ background:var(--accent-soft); color:var(--accent-2); box-shadow:inset 0 0 0 1.5px var(--accent); }
.ck .ck-ai__chip .lucide, .ck-ai__chip svg{ width:15px; height:15px; }
.ck-ai__chip small{ font-size:11px; font-weight:500; opacity:.7; margin-left:2px; }
.ck-ai__card{ display:flex; flex-direction:column; gap:8px; padding:12px 14px 8px; border-radius:14px; background:var(--fill); }
.ck-ai__hd{ display:flex; align-items:center; justify-content:space-between; min-height:20px; font-size:12px; font-weight:600; color:var(--ink-3); }
.ck-ai__emo{ display:inline-flex; align-items:center; gap:6px; cursor:pointer; font-weight:500; color:var(--ink-2); }
.ck-ai__emo[hidden]{ display:none; }
.ck-ai__emo input{ position:absolute; opacity:0; pointer-events:none; }
.ck-ai__emo i{ width:16px; height:16px; border-radius:50%; box-shadow:inset 0 0 0 1.5px var(--ink-4); transition:box-shadow .15s, background .15s; }
.ck-ai__emo input:checked + i{ background:var(--accent); box-shadow:inset 0 0 0 4px var(--accent), inset 0 0 0 8px var(--bk-ffffff); }
.ck-ai__out{ min-height:44px; overflow:hidden; transition:height .24s cubic-bezier(.2,.8,.2,1); }
.ck-ai__txt{ margin:0; font-size:14px; line-height:1.5; color:var(--ink); white-space:normal; word-break:break-word; user-select:text; }
.ck-ai__txt span{ animation:ck-ai-w .36s cubic-bezier(.2,.8,.2,1) both; }
@keyframes ck-ai-w{ from{ opacity:0; filter:blur(4px); } }
/* скелетон тексту: рядки з м’яким «сяйвом» у кольорі AI */
.ck-ai__sk{ display:flex; flex-direction:column; gap:9px; padding:4px 0 6px; }
.ck-ai__sk i{ display:block; height:12px; border-radius:6px; background:linear-gradient(90deg, var(--bk-e4e9f5) 0%, var(--bk-e4e9f5) 35%, var(--bk-c9d8ff) 50%, var(--bk-e4e9f5) 65%, var(--bk-e4e9f5) 100%); background-size:300% 100%; animation:ck-ai-sk 1.4s ease-in-out infinite, ck-ai-in .3s ease both; }
@keyframes ck-ai-sk{ from{ background-position:100% 0; } to{ background-position:0 0; } }
@keyframes ck-ai-in{ from{ opacity:0; transform:scaleX(.6); transform-origin:left; } }
.ck-ai__ft{ display:flex; align-items:center; gap:8px; min-height:30px; border-top:1px solid rgba(0,0,0,.05); padding-top:4px; }
.ck-ai__src{ flex:1; min-width:0; font-size:12px; line-height:1.35; color:var(--ink-3); }
.ck-ai__ft.is-unsure .ck-ai__src{ color:var(--amber-ink); }
.ck-ai__think{ display:inline-flex; align-items:center; gap:6px; color:var(--accent-2); font-weight:500; }
.ck .ck-ai__think .lucide, .ck-ai__think svg{ width:14px; height:14px; animation:ck-pulse 1.1s ease-in-out infinite; }
.ck-ai__ft .ck-ibtn:disabled{ opacity:.35; pointer-events:none; }
.ck-ai__was{ font-size:12px; line-height:1.4; color:var(--ink-3); padding:0 2px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ck-ai__was b{ font-weight:600; color:var(--ink-2); }
.ck-modal--ai .ck-modal__ft .ck-btn:disabled{ opacity:.45; }
@media (prefers-reduced-motion: reduce){ .ck-ai__txt span, .ck-ai__sk i{ animation:none; } .ck-ai__out{ transition:none; } }
/* UI-50: з текстом AI не ховається — тепер він редагує написане (стиль, виправлення, переклад) */
.ck .ck-compose__field:has(> textarea:not(:placeholder-shown)) > [data-ai-draft]{ display:grid; max-width:44px; opacity:1; transform:none; margin-left:0; pointer-events:auto; }
/* (мобільні білі блоки — тепер загальне правило нижче) */
/* UI-50: вкладки AI — темніший сірий фон; підказка до натискання «Застосувати» */
.ck-ai__tabs{ background:var(--bk-e4e6eb); }
.ck-ai__hint{ margin:0; padding:4px 0 2px; font-size:13.5px; line-height:1.45; color:var(--ink-3); }
.ck-ai__ft:has(.ck-ai__src:empty){ display:none; }

/* UI-51: скелетон AI — кожен рядок рівно висотою рядка тексту (14px × 1.5), без зайвих відступів → заміна на текст без стрибка */
.ck-ai__sk{ gap:0; padding:0; }
.ck-ai__sk i{ height:21px; padding:4.5px 0; box-sizing:border-box; background-clip:content-box; border-radius:0; clip-path:inset(4.5px 0 round 6px); }

/* ===== UI-51 · поле з текстом: AI (і смайли на ПК) — круглі, як «Надіслати»; з 3 рядків AI — над «Надіслати» =====
   AI виходить з ряду (absolute), тож стоїть рівно з відступом 6 px від «Надіслати»; переїзди — плавні (FLIP у JS) */
.ck .ck-compose__field > [data-ai-draft], .ck .ck-compose__field > [data-emoji]{ transition:max-width .24s cubic-bezier(.2,.8,.2,1), opacity .16s var(--ease), transform .24s cubic-bezier(.2,.9,.3,1.2), margin .24s cubic-bezier(.2,.8,.2,1), border-radius .28s cubic-bezier(.2,.8,.2,1), background .2s var(--ease); }
.ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-compose__field{ padding-right:82px; }
.ck .ck-compose__field:has(> textarea:not(:placeholder-shown)) > [data-ai-draft]{ position:absolute; right:44px; bottom:5px; width:32px; height:32px; max-width:32px; margin:0; border-radius:16px; background:var(--accent-soft); z-index:1; }
.ck .ck-compose__field:has(> textarea:not(:placeholder-shown)) > [data-emoji]{ width:32px; height:32px; border-radius:16px; background:var(--fill); }
/* кілька рядків: права колонка — AI над «Надіслати»; «розгорнути» — зліва від колонки */
.ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-compose__field.is-col{ padding-right:44px; }
.ck .ck-compose__field.is-col:has(> textarea:not(:placeholder-shown)) > [data-ai-draft]{ right:5px; bottom:43px; }
.ck-compose__field.is-multi .ck-cexp{ right:42px; top:4px; }
.ck-compose__field.is-multi textarea{ padding-right:34px; }
/* UI-50 (уточнення): картка результату й контекст — білі блоки на сірому листі; неактивні чипи — темніший сірий, як вкладки;
   на ПК чипи гортаються стрілками (та сама система, що у вкладках списку діалогів) */
.ck-ai__card, .ck-ai__ctx{ background:var(--card); box-shadow:var(--blk-sh); }
.ck-ai__ctx p{ background:var(--fill); }
.ck-ai__chip, .ck-ai__chip:not(.is-active){ background:var(--bk-e4e6eb); }
.ck-ai__chip:not(.is-active):hover{ background:var(--bk-dadde3); }
.ck-ai__chw[hidden]{ display:none; }
.ck-ai__chips{ margin:0; padding:0; }
@media (hover:hover) and (pointer:fine){
  .ck-ai__chw .ck-segw__a{ width:48px; }
  .ck-ai__chw .ck-segw__a--l{ padding-left:0; border-radius:0; background:linear-gradient(90deg, var(--sheet) 55%, rgba(241,242,245,0)); }
  .ck-ai__chw .ck-segw__a--r{ padding-right:0; border-radius:0; background:linear-gradient(270deg, var(--sheet) 55%, rgba(241,242,245,0)); }
}
.ck-ai__txt.is-src{ color:var(--ink-2); }
.ck-ai__txt.is-src{ color:var(--ink-2); }

/* ===== UI-52 · «розгорнути» — у правій колонці над AI і «Надіслати» (не заходить на текст); поле з 3 рядків ≥ 102 px ===== */
.ck-compose__field.is-multi .ck-cexp{ right:8px; top:4px; }
.ck-compose__field:has(> textarea:not(:placeholder-shown)) > textarea{ padding-right:8px; }
.ck-compose__field.is-col textarea{ padding-right:10px; }
/* AI недоступний: поле порожнє, а останнє повідомлення — наше */
.ck .ck-compose.is-noai .ck-compose__field:has(> textarea:placeholder-shown) > [data-ai-draft]{ opacity:.35; }
.ck-modal--editor.is-empty.is-noai [data-ed-ai]{ opacity:.35; }

/* UI-53: iOS Safari при дотику «затемнює» елемент, що слухає кліки (модалка, поле) — сірий спалах. Вимикаємо всюди:
   у кнопок свої стани натискання. Властивість успадковується, тож модалки й меню (вони в body) теж без спалаху */
html, body, .ck-modal, .ck-backdrop, .ck-menu{ -webkit-tap-highlight-color:transparent; }

/* UI-54: плашка «Чернетка / Відредаговано AI» — оцінка кольором: 👍 зелений фон, 👎 червоний, «прибрати» — чорний */
.ck .ck-aidraft .ck-ibtn{ width:28px; height:28px; border-radius:8px; color:#fff !important; flex:none; transition:filter .12s, transform .12s; }
.ck .ck-aidraft [data-ai-rate="1"]{ background:#16A34A !important; }
.ck .ck-aidraft [data-ai-rate="0"]{ background:#DC2626 !important; }
.ck .ck-aidraft [data-ai-x]{ background:#111827 !important; }
.ck .ck-aidraft .ck-ibtn:hover{ filter:brightness(1.1); }
.ck .ck-aidraft .ck-ibtn:active{ transform:scale(.92); }
.ck .ck-aidraft .ck-ibtn .lucide, .ck-aidraft .ck-ibtn svg{ width:15px; height:15px; }

/* ===== UI-55 · нотатка = звичайний вихідний пузир, лише жовтий; ім'я й час — там само (внизу праворуч); бейдж «Нотатка» ===== */
.ck-msg--note .ck-bub--note{ background:var(--bk-fff3c4); color:var(--ink); box-shadow:0 1px 2px rgba(146,64,14,.12), 0 2px 6px rgba(146,64,14,.08); }
.ck-msg--note .ck-bub--note .ck-bub__meta{ color:var(--tk-92700c); }
.ck-notebadge{ display:inline-flex; align-items:center; gap:3px; height:16px; padding:0 6px; margin-right:3px; border-radius:5px; background:#B45309; color:#fff; font-size:10px; font-weight:600; letter-spacing:.02em; }
.ck .ck-notebadge .lucide, .ck-notebadge svg{ width:10px; height:10px; stroke-width:2.4; }
.ck-bub--note .ck-mention{ color:var(--tk-92400e); font-weight:600; }

/* ===== UI-56 · не доставлено: червоний пузир + рядок під ним з причиною і «Надіслати ще раз» ===== */
.ck-msg.is-failed .ck-bub{ background:#DC2626; color:#fff; box-shadow:0 1px 2px rgba(16,24,40,.10), 0 2px 6px rgba(220,38,38,.18); }
.ck-msg.is-failed .ck-bub__meta{ color:rgba(255,255,255,.85); }
.ck-fail{ display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:4px 8px; margin-top:1px; font-size:12px; line-height:1.3; color:var(--tk-dc2626); }
.ck .ck-fail > .lucide, .ck-fail > svg{ width:14px; height:14px; flex:none; }
.ck-fail > span{ min-width:0; }
.ck-fail__btn{ display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 10px; border-radius:8px; background:#DC2626; color:#fff; font-size:12px; font-weight:600; transition:filter .12s, transform .12s; -webkit-tap-highlight-color:transparent; }
.ck-fail__btn:hover{ filter:brightness(1.08); } .ck-fail__btn:active{ transform:scale(.96); }
.ck .ck-fail__btn .lucide, .ck-fail__btn svg{ width:13px; height:13px; }
/* рядок помилки: текст з іконкою — одним блоком праворуч, кнопка під ним (на широкому — поруч) */
.ck-fail{ flex-direction:column; align-items:flex-end; gap:6px; max-width:min(100%, 420px); }
.ck-fail__t{ display:flex; align-items:flex-start; gap:5px; text-align:right; }
.ck .ck-fail__t .lucide, .ck-fail__t svg{ width:14px; height:14px; flex:none; margin-top:1px; }
.ck-fail__t b{ font-weight:600; }

/* ===== UI-58 · панель чату: гортається лише ліва частина, замовлення завжди праворуч; край з «туманом» = є що гортати ===== */
.ck-chat__bar{ overflow:hidden; }
.ck-cbar__scroll{ flex:1; min-width:0; display:flex; align-items:center; gap:inherit; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
  --fl:0px; --fr:0px; -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fl), #000 calc(100% - var(--fr)), transparent 100%); mask-image:linear-gradient(90deg, transparent 0, #000 var(--fl), #000 calc(100% - var(--fr)), transparent 100%); }
.ck-cbar__scroll::-webkit-scrollbar{ display:none; }
.ck-cbar__scroll.is-l{ --fl:22px; } .ck-cbar__scroll.is-r{ --fr:34px; }
.ck-chat__bar > .ck-cb--btn{ flex:none; margin-left:auto; }

/* закріплений діалог (жовтий фон): нагадування — темніший бурштин, щоб не зливалось */
.ck-dlg.is-pinned .ck-dg--amber{ background:var(--bk-fbd98b); color:var(--tk-7c2d12); }

/* AI-помічник: «Застосувати» — синя */
.ck-modal--ai .ck-modal__ft [data-act="0"]{ background:var(--accent) !important; color:#fff !important; box-shadow:none; }
.ck-modal--ai .ck-modal__ft [data-act="0"]:hover{ background:var(--accent-2) !important; }

/* ===== UI-59 · недоставлене: не суцільна червона бульбашка, а «помилка» — блідо-червоний фон, червона рамка й текст;
   дія «Надіслати ще раз» — у меню повідомлення (тап / клік), копія в меню теж лишається «помилковою» ===== */
.ck-msg.is-failed .ck-bub{ background:var(--bk-fef2f2) !important; color:var(--tk-b91c1c) !important; box-shadow:inset 0 0 0 1px var(--bk-fca5a5), 0 1px 2px rgba(220,38,38,.08) !important; cursor:pointer; }
.ck-msg.is-failed .ck-bub__meta{ color:var(--tk-dc2626) !important; }
.ck-mm-msg.is-failed.is-on .ck-bub{ box-shadow:inset 0 0 0 1px var(--bk-fca5a5), 0 8px 28px rgba(16,24,40,.18) !important; }
.ck-mm--fail .ck-mm__i{ color:var(--tk-dc2626); }   /* шрифт — як у всіх меню, лише червоний */
.ck-mm--fail .ck-mm__i .lucide, .ck-mm--fail .ck-mm__i svg{ color:var(--tk-dc2626); }

/* ===== UI-60 · «Клієнт підтвердив замовлення…» (подія з tone ok) — зелений блок, галочка й текст темно-зелені ===== */
.ck-evt.ck-evt--ok{ background:var(--green-soft); color:var(--green-ink); }
.ck-evt.ck-evt--ok .lucide, .ck-evt.ck-evt--ok svg{ color:var(--green-ink); }
.ck-evt.ck-evt--ok small{ color:var(--green-ink); opacity:.75; }

/* ===== UI-61 · iPhone (на головному екрані): смуга статус-бару береться з фону кореня сторінки — робимо його білим
   (тіло сторінки лишається сірим, воно фарбує лише свій блок) ===== */
html{ background:var(--bk-ffffff); }

/* UI-63: кнопки дій біля повідомлення (ПК, при наведенні) — темніший сірий фон і завжди на рівні ВЕРХУ повідомлення */
.ck-msg__acts{ align-self:flex-start; margin-top:2px; }
.ck .ck-msg__acts .ck-ibtn{ background:var(--bk-e4e6eb); color:var(--ink-2); }
.ck .ck-msg__acts .ck-ibtn:hover{ background:var(--bk-d7dae0); color:var(--ink); }

/* UI-64: «… дивиться цей чат» — фіолетова плашка (не зелена); бейдж «Нотатка» — компактний, без замка, не розтягує пузир */
.ck-pres:not(.is-typing){ background:var(--bk-f3e8ff); color:var(--tk-7e22ce); }
.ck-pres:not(.is-typing) b{ color:var(--tk-6b21a8); }
.ck .ck-pres:not(.is-typing) > .lucide, .ck-pres:not(.is-typing) > svg{ color:var(--tk-7e22ce); }
.ck-notebadge{ height:14px; padding:0 5px; margin-right:2px; border-radius:4px; font-size:9.5px; letter-spacing:0; gap:0; }

/* UI-61 (уточнення) · iOS 26 фарбує смугу статус-бару кольором ФІКСОВАНИХ елементів біля верхнього краю — навіть
   прозорих чи зсунутих за екран (схована бокова панель → сіра смуга; затемнення після закриття → темна «назавжди»).
   Тому схована панель і затемнення — visibility:hidden (не просто прозорі), а фон сторінки на телефоні — білий. */
@media (max-width:767px){
  .ck-side{ visibility:hidden; transition:transform .22s var(--ease), visibility 0s linear .22s; }
  .ck-app.is-side-open .ck-side{ visibility:visible; transition:transform .22s var(--ease), visibility 0s; }
  .ck-side-bd{ visibility:hidden; transition:opacity .2s, visibility 0s linear .2s; }
  .ck-app.is-side-open .ck-side-bd{ visibility:visible; transition:opacity .2s, visibility 0s; }
}
/* біла смужка-«зразок» прибрана: iOS її не брав, а поверх затемнення вона була видна лінією.
   iOS 26 без фіксованої шапки фарбує смугу кольором фону сторінки → на телефоні фон body білий (сірий там і не видно — усе вкрито .ck-app) */
@media (max-width:767px){ html, body.ck{ background:var(--bk-ffffff); } }

/* UI-66 · статус-бар iPhone має темніти РАЗОМ із затемненням, плавно і без стрибків.
   iOS бере колір фіксованого затемнення біля верху, але ігнорує opacity: при анімації прозорості смуга темніла одразу
   (ще до проявлення) і лишалась темною до видалення елемента — «стрибок». Тому на телефоні анімуємо не opacity, а сам
   колір фону (прозорий → темний): закрите затемнення справді прозоре, відкрите — темне, iOS бачить те саме, що й людина. */
@media (max-width:767px){
  .ck-backdrop, .ck-side-bd, .ck-menu-dim, .ck-mm-dim{ opacity:1; background-color:rgba(31,35,40,0); -webkit-backdrop-filter:none; backdrop-filter:none;
    transition:background-color .2s var(--ease), -webkit-backdrop-filter .2s, backdrop-filter .2s; }
  .ck-backdrop.is-on{ background-color:rgba(31,35,40,.32); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
  .ck-backdrop.is-on.is-clear{ background-color:rgba(31,35,40,0); -webkit-backdrop-filter:none; backdrop-filter:none; }
  .ck-app.is-side-open .ck-side-bd{ background-color:rgba(31,35,40,.32); }
  .ck-menu-dim.is-on{ background-color:rgba(31,35,40,.18); }
  .ck-mm-dim.is-on{ background-color:rgba(31,35,40,.34); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
}

/* UI-66 (уточнення): бокова панель і її фон на телефоні — absolute: iOS їх не бере, статус-бар при відкритій панелі
   лишається білим (так домовились). Дропдауни й модалки — як є (fixed, колір анімується). */
@media (max-width:767px){
  body.ck{ position:relative; }
  .ck-app .ck-side, .ck-side-bd{ position:absolute; }
}

/* ===== UI-67 · Швидкі відповіді — модалка: пошук, папки-чипи (зі стрілками на ПК), шаблони білими блоками ===== */
.ck-modal--qr .ck-ai__chw{ flex:none; }
.ck-qrm{ display:flex; flex-direction:column; gap:8px; }
.ck-qrm__i{ display:flex; flex-direction:column; gap:4px; width:100%; padding:10px 12px; border-radius:12px; background:var(--card); box-shadow:var(--blk-sh); text-align:left; transition:background .12s, transform .12s; }
.ck-qrm__i:hover{ background:var(--bk-fafbfc); } .ck-qrm__i:active{ transform:scale(.99); }
.ck-qrm__hd{ display:flex; align-items:center; gap:6px; min-width:0; }
.ck-qrm__hd b{ font-size:13.5px; font-weight:600; color:var(--ink); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ck-qrm__hd em{ font-style:normal; font-size:10.5px; font-weight:600; padding:1px 6px; border-radius:5px; background:var(--accent-soft); color:var(--accent-2); flex:none; }
.ck-qrm__hd small{ margin-left:auto; font-size:11.5px; color:var(--ink-3); flex:none; }
.ck-qrm__t{ font-size:12.5px; line-height:1.4; color:var(--ink-2); white-space:pre-line; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
@media (max-width:767px){ .ck-qrm__hd b{ font-size:14px; } .ck-qrm__t{ font-size:13px; } }

/* ===== UI-68 · рядок над полем: «Відповідь / Нотатка» на всю ширину; є вибір месенджера — 50/50, однакова висота ===== */
.ck-compose__modes{ display:flex; align-items:stretch; gap:6px; }
.ck-compose__modes .ck-cmodes{ flex:1 1 0; min-width:0; display:flex; }
.ck-compose__modes .ck-cmodes button[data-cmode]{ flex:1 1 0; justify-content:center; min-width:0; }
.ck-compose__modes .ck-via{ flex:1 1 0; min-width:0; margin-left:0; height:auto; min-height:32px; justify-content:center; border-radius:9px; overflow:hidden; white-space:nowrap; }
.ck-compose__kbd[hidden]{ display:none; }

/* ===== UI-69 · реакції під повідомленням ===== */
.ck-reacts{ display:flex; flex-wrap:wrap; gap:4px; margin-top:-2px; }
.ck-msg--out .ck-reacts{ justify-content:flex-end; }
.ck-react{ display:inline-flex; align-items:center; gap:3px; height:24px; padding:0 7px; border-radius:12px; background:var(--card); box-shadow:0 0 0 1px var(--line-2), 0 1px 2px rgba(16,24,40,.06); font-size:14px; line-height:1; transition:transform .12s, background .12s; }
.ck-react b{ font-size:11px; font-weight:600; color:var(--ink-2); }
.ck-react.is-mine{ background:var(--accent-soft); box-shadow:0 0 0 1px rgba(0,98,255,.35); }
.ck-react:hover{ transform:scale(1.06); } .ck-react:active{ transform:scale(.95); }
.ck-reacts .ck-react{ animation:ck-react-in .22s cubic-bezier(.2,.9,.3,1.3) both; }
@keyframes ck-react-in{ from{ transform:scale(.4); opacity:0; } }

/* ===== UI-68 · меню повідомлення: пузир без тіні ===== */
.ck-mm-msg .ck-bub, .ck-mm-msg.is-on .ck-bub, .ck-mm-msg:not(.is-on) .ck-bub, .ck-mm-msg.ck-msg--out:not(.is-on) .ck-bub{ box-shadow:none !important; }
.ck-mm-msg.is-failed .ck-bub, .ck-mm-msg.is-failed.is-on .ck-bub{ box-shadow:inset 0 0 0 1px var(--bk-fca5a5) !important; }

/* ===== UI-70 · фони чатів (як у WhatsApp): колір + легкий візерунок ===== */
.ck-chat__log[data-wall], .ck-wall__pv{ background-repeat:repeat; background-size:160px 160px; transition:background-color .25s; }
.ck-chat__log[data-wall="plain"], .ck-wall__pv[data-wall="plain"]{ background-color:var(--group); background-image:none; }
.ck-chat__log[data-wall="night"] .ck-day, .ck-chat__log[data-wall="night"] .ck-evt:not(.ck-evt--ok){ background:rgba(255,255,255,.12); color:#E5E7EB; }
.ck-chat__log[data-wall="night"] .ck-evt small{ color:#AEB4BF; }
.ck-chat__log[data-wall="night"] .ck-fail{ color:#FCA5A5; }
.ck-walls{ display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; }
@media (max-width:767px){ .ck-walls{ grid-template-columns:repeat(3, 1fr); } }
.ck-wall{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:0; background:none; }
.ck-wall__pv{ position:relative; width:100%; aspect-ratio:3 / 4; border-radius:12px; overflow:hidden; box-shadow:0 0 0 1px rgba(16,24,40,.08); transition:box-shadow .15s, transform .15s; background-size:110px 110px; }
.ck-wall:hover .ck-wall__pv{ transform:translateY(-1px); }
.ck-wall.is-on .ck-wall__pv{ box-shadow:0 0 0 2px var(--accent), 0 0 0 4px var(--accent-soft); }
.ck-wall__in, .ck-wall__out{ position:absolute; height:12px; border-radius:6px; }
.ck-wall__in{ left:8px; top:22%; width:55%; background:var(--bk-ffffff); }
.ck-wall__out{ right:8px; top:46%; width:50%; background:var(--accent); }
.ck-wall__n{ font-size:12px; color:var(--ink-2); }
.ck-wall.is-on .ck-wall__n{ color:var(--accent-2); font-weight:600; }
.ck-modal--wall .ck-modal__bd{ gap:14px; }
/* 50/50 рівно: дві рівні колонки сітки (flex ділив нерівно через внутрішні відступи) */
.ck-compose__modes:has(.ck-via){ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; }
.ck-compose__modes .ck-via{ color:var(--ink-2); font-weight:500; }

/* ===== UI-71 · фони чатів: 10 відтінків × 4 візерунки (іконки, крапки, хвилі, «магазин»); фон ставиться одразу в розмітці — без миготіння ===== */
.ck-chat__log[data-wall]{ transition:none; }
.ck-chat__log[data-wall="plain"], .ck-wall__pv[data-wall="plain"]{ background-color:var(--group); background-image:none; }
.ck-wall__pv{ background-size:auto; }
@media (min-width:768px){ .ck-walls{ grid-template-columns:repeat(6, 1fr); } .ck-modal--wall .ck-walls{ grid-template-columns:repeat(4, 1fr); } }
.ck-wallset{ display:flex; flex-direction:column; gap:12px; padding:14px 16px 16px; }
.ck-wallset__t{ margin:0; font-size:12.5px; color:var(--ink-3); }
.ck-wallset__own{ display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12.5px; color:var(--ink-2); }

/* ===== UI-72 · системні події й дати в чаті — темні напівпрозорі з білим текстом: читаються на будь-якому фоні ===== */
.ck-chat__log .ck-day, .ck-chat__log .ck-evt:not(.ck-evt--ok){ background:rgba(17,24,39,.42) !important; color:#fff !important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.ck-chat__log .ck-evt:not(.ck-evt--ok) small{ color:rgba(255,255,255,.75) !important; }
.ck-chat__log .ck-evt:not(.ck-evt--ok) .lucide, .ck-chat__log .ck-evt:not(.ck-evt--ok) svg{ color:rgba(255,255,255,.85) !important; }
.ck-chat__log[data-wall="night"] .ck-day, .ck-chat__log[data-wall="night"] .ck-evt:not(.ck-evt--ok){ background:rgba(255,255,255,.14) !important; }
.ck-wallset .ck-walls{ grid-template-columns:repeat(auto-fill, minmax(92px, 1fr)); } @media (min-width:768px){ .ck-wallset .ck-walls{ grid-template-columns:repeat(auto-fill, 104px); } }

/* UI-73: «Сірий» — той самий сірий, що й «Звичайний», але з візерунком іконок (один без візерунку, один з ним) */
/* «… дивиться цей чат / пише…» — з тінню, як пузирі */
.ck-chat__log .ck-pres{ box-shadow:0 1px 2px rgba(16,24,40,.10), 0 2px 8px rgba(16,24,40,.08) !important; }

/* ===== UI-74 · фони чатів: ХАОТИЧНІ візерунки (іконки різного розміру й кута, крапки, зірочки — густо, без рядів)
   + м'які кольорові плями, як у Telegram. Згенеровано tools/walls/gen_walls.mjs ===== */
:root{ --pat-chat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='rgba(20,30,40,.13)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3Csymbol id='i0' overflow='visible'%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Crect x='9' y='2' width='6' height='13' rx='3'/%3E%3C/symbol%3E%3Csymbol id='i1' overflow='visible'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/symbol%3E%3Csymbol id='i2' overflow='visible'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0'/%3E%3Cpath d='M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/symbol%3E%3Csymbol id='i3' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/symbol%3E%3Csymbol id='i4' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/symbol%3E%3Csymbol id='i5' overflow='visible'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/symbol%3E%3Csymbol id='i6' overflow='visible'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/symbol%3E%3Csymbol id='i7' overflow='visible'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3C/symbol%3E%3Csymbol id='i8' overflow='visible'%3E%3Cpath d='M10 2v2'/%3E%3Cpath d='M14 2v2'/%3E%3Cpath d='M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1'/%3E%3Cpath d='M6 2v2'/%3E%3C/symbol%3E%3Csymbol id='i9' overflow='visible'%3E%3Cpath d='M15 10V9'/%3E%3Cpath d='M16.472 15a6 6 0 01-8.943 0'/%3E%3Cpath d='M9 10V9'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/symbol%3E%3Csymbol id='ia' overflow='visible'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/%3E%3Cpath d='M20 2v4'/%3E%3Cpath d='M22 4h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/symbol%3E%3Csymbol id='ib' overflow='visible'%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3Cpath d='M7 10v12'/%3E%3C/symbol%3E%3Csymbol id='ic' overflow='visible'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/symbol%3E%3Csymbol id='id' overflow='visible'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/symbol%3E%3Csymbol id='ie' overflow='visible'%3E%3Cpath d='M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z'/%3E%3Cpath d='M15 3v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M8 13h.01'/%3E%3Cpath d='M16 13h.01'/%3E%3Cpath d='M10 16s.8 1 2 1c1.3 0 2-1 2-1'/%3E%3C/symbol%3E%3Csymbol id='if' overflow='visible'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8'/%3E%3Cpath d='M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5'/%3E%3Crect x='3' y='7' width='18' height='4' rx='1'/%3E%3C/symbol%3E%3Csymbol id='ig' overflow='visible'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/symbol%3E%3Csymbol id='ih' overflow='visible'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/symbol%3E%3Csymbol id='ii' overflow='visible'%3E%3Cpath d='m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/symbol%3E%3Csymbol id='ij' overflow='visible'%3E%3Cpath d='M15 10V9'/%3E%3Cpath d='M7.084 14.302a5.12 5.12 0 009.833 0 .24.24 0 00-.235-.302H7.32a.24.24 0 00-.235.302'/%3E%3Cpath d='M9 10V9'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/symbol%3E%3Csymbol id='ik' overflow='visible'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/symbol%3E%3Csymbol id='il' overflow='visible'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/symbol%3E%3Csymbol id='im' overflow='visible'%3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/symbol%3E%3Csymbol id='in' overflow='visible'%3E%3Cpath d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse href='%23i0' transform='translate(387 121) rotate(-20) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23i1' transform='translate(138 316) rotate(18) scale(1.11) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i2' transform='translate(267 343) rotate(-18) scale(1.21) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i3' transform='translate(293 23) rotate(13) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i3' transform='translate(293 443) rotate(13) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i4' transform='translate(339 52) rotate(1) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i5' transform='translate(270 243) rotate(29) scale(1.21) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i6' transform='translate(141 352) rotate(-12) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i1' transform='translate(180 124) rotate(31) scale(0.95) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i7' transform='translate(235 214) rotate(-5) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i8' transform='translate(23 153) rotate(-11) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i8' transform='translate(443 153) rotate(-11) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i9' transform='translate(216 70) rotate(-7) scale(1.37) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ia' transform='translate(258 98) rotate(28) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ib' transform='translate(212 289) rotate(31) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ic' transform='translate(105 246) rotate(-10) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23id' transform='translate(334 369) rotate(-27) scale(1.01) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ie' transform='translate(171 65) rotate(-30) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23if' transform='translate(266 61) rotate(-3) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i5' transform='translate(387 372) rotate(27) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ig' transform='translate(320 116) rotate(-34) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i0' transform='translate(1 259) rotate(-19) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i0' transform='translate(421 259) rotate(-19) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ih' transform='translate(99 157) rotate(28) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i4' transform='translate(1 383) rotate(10) scale(1.08) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i4' transform='translate(421 383) rotate(10) scale(1.08) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i1' transform='translate(378 79) rotate(33) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23i1' transform='translate(112 94) rotate(-20) scale(1.20) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i3' transform='translate(323 294) rotate(15) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ii' transform='translate(46 386) rotate(-26) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ib' transform='translate(371 167) rotate(-19) scale(1.24) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i0' transform='translate(235 148) rotate(9) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ic' transform='translate(305 178) rotate(-21) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ij' transform='translate(57 209) rotate(4) scale(1.18) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i1' transform='translate(70 278) rotate(2) scale(1.05) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i5' transform='translate(32 325) rotate(23) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i5' transform='translate(320 252) rotate(16) scale(0.77) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ih' transform='translate(57 34) rotate(-27) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i6' transform='translate(254 397) rotate(-22) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ie' transform='translate(26 97) rotate(22) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ig' transform='translate(389 214) rotate(-26) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ic' transform='translate(-3 32) rotate(-6) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ic' transform='translate(417 32) rotate(-6) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ij' transform='translate(98 388) rotate(19) scale(0.81) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i8' transform='translate(359 -16) rotate(21) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i8' transform='translate(359 404) rotate(21) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i3' transform='translate(146 171) rotate(-0) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(129 387) rotate(-35) scale(0.83) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i7' transform='translate(9 291) rotate(28) scale(1.01) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i7' transform='translate(429 291) rotate(28) scale(1.01) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ib' transform='translate(380 22) rotate(13) scale(0.91) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i0' transform='translate(178 364) rotate(20) scale(1.30) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i6' transform='translate(13 197) rotate(4) scale(0.88) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i6' transform='translate(433 197) rotate(4) scale(0.88) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ik' transform='translate(1 351) rotate(26) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ik' transform='translate(421 351) rotate(26) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23il' transform='translate(365 285) rotate(-0) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ij' transform='translate(193 162) rotate(3) scale(1.12) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ii' transform='translate(161 210) rotate(-18) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i8' transform='translate(88 50) rotate(-12) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ii' transform='translate(330 207) rotate(26) scale(1.25) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23id' transform='translate(225 326) rotate(-22) scale(0.91) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ik' transform='translate(258 291) rotate(13) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ia' transform='translate(122 31) rotate(-9) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ie' transform='translate(77 352) rotate(-11) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23id' transform='translate(267 183) rotate(-26) scale(0.79) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ib' transform='translate(76 117) rotate(3) scale(1.33) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ii' transform='translate(186 324) rotate(17) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i4' transform='translate(235 14) rotate(4) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i4' transform='translate(235 434) rotate(4) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ie' transform='translate(116 279) rotate(-22) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23im' transform='translate(85 14) rotate(-24) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23im' transform='translate(85 434) rotate(-24) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i6' transform='translate(304 -26) rotate(13) scale(1.20) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(304 394) rotate(13) scale(1.20) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ih' transform='translate(157 12) rotate(-29) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ih' transform='translate(157 432) rotate(-29) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23if' transform='translate(199 221) rotate(1) scale(0.99) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i8' transform='translate(193 -6) rotate(7) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i8' transform='translate(193 414) rotate(7) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i0' transform='translate(283 142) rotate(27) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23il' transform='translate(97 212) rotate(17) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(170 250) rotate(2) scale(1.35) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23in' transform='translate(390 247) rotate(27) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cpath d='M312.1 279.9h5.0M314.6 277.4v5.0' stroke-width='1.3'/%3E%3Ccircle cx='204' cy='383' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M3.3 87.6h8.3M7.5 83.4v8.3' stroke-width='1.3'/%3E%3Ccircle cx='71' cy='84' r='2.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='334' cy='398' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='345' cy='177' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='397.0' cy='355.6' r='5.2' stroke-width='1.2'/%3E%3Ccircle cx='49' cy='179' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='139' cy='273' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M406.3 413.0h5.7M409.2 410.1v5.7' stroke-width='1.3'/%3E%3Ccircle cx='405' cy='185' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='112' cy='410' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='294' cy='298' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M79.7 75.3h6.8M83.1 71.9v6.8' stroke-width='1.3'/%3E%3Cpath d='M158.5 284.7h7.5M162.3 281.0v7.5' stroke-width='1.3'/%3E%3Ccircle cx='39' cy='49' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M246.1 74.1h6.7M249.4 70.8v6.7' stroke-width='1.3'/%3E%3Ccircle cx='66' cy='321' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='70' cy='88' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='294' cy='234' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='127' cy='115' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='335' cy='323' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='380' cy='316' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M399.6 402.9h7.7M403.5 399.1v7.7' stroke-width='1.3'/%3E%3Cpath d='M281.7 269.1h6.9M285.1 265.7v6.9' stroke-width='1.3'/%3E%3Ccircle cx='124' cy='124' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='308' cy='58' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='91.7' cy='71.8' r='5.2' stroke-width='1.2'/%3E%3Ccircle cx='412' cy='141' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='276' cy='206' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M141.8 229.9h6.8M145.2 226.6v6.8' stroke-width='1.3'/%3E%3Ccircle cx='6' cy='323' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M113.3 4.9h7.8M117.2 1.0v7.8' stroke-width='1.3'/%3E%3Ccircle cx='96' cy='289' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='377' cy='342' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='298' cy='328' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M69.7 403.8h8.6M74.0 399.5v8.6' stroke-width='1.3'/%3E%3Ccircle cx='128.0' cy='131.9' r='3.8' stroke-width='1.2'/%3E%3Cpath d='M264.1 415.0h7.5M267.8 411.2v7.5' stroke-width='1.3'/%3E%3Ccircle cx='396' cy='153' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='104' cy='301' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='340' cy='342' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='347' cy='150' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='331' cy='148' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='116' cy='355' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='167' cy='403' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='210.6' cy='404.3' r='4.2' stroke-width='1.2'/%3E%3Cpath d='M336.6 100.4h8.3M340.7 96.2v8.3' stroke-width='1.3'/%3E%3Cpath d='M156.2 83.4h8.9M160.6 78.9v8.9' stroke-width='1.3'/%3E%3Ccircle cx='387' cy='334' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M268.5 273.4h6.4M271.7 270.2v6.4' stroke-width='1.3'/%3E%3Cpath d='M59.9 308.5h8.2M64.0 304.4v8.2' stroke-width='1.3'/%3E%3Cpath d='M204.3 263.9h8.7M208.6 259.5v8.7' stroke-width='1.3'/%3E%3Cpath d='M165.0 46.3h7.7M168.9 42.4v7.7' stroke-width='1.3'/%3E%3Ccircle cx='61' cy='240' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='361' cy='384' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M366.9 369.6h5.5M369.7 366.9v5.5' stroke-width='1.3'/%3E%3Ccircle cx='361.3' cy='143.5' r='4.3' stroke-width='1.2'/%3E%3Ccircle cx='297' cy='214' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='402' cy='103' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='257' cy='368' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='45' cy='243' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='292.5' cy='261.4' r='3.4' stroke-width='1.2'/%3E%3Ccircle cx='314.7' cy='317.2' r='5.1' stroke-width='1.2'/%3E%3Cpath d='M55.5 172.1h8.9M60.0 167.7v8.9' stroke-width='1.3'/%3E%3Ccircle cx='47.7' cy='270.7' r='3.8' stroke-width='1.2'/%3E%3Cpath d='M6.2 329.5h6.8M9.6 326.1v6.8' stroke-width='1.3'/%3E%3Ccircle cx='398' cy='342' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='355' cy='376' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='69' cy='180' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='406' cy='161' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='220' cy='267' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M136.0 260.2h5.3M138.6 257.5v5.3' stroke-width='1.3'/%3E%3Ccircle cx='138' cy='74' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='286' cy='319' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='159' cy='326' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='360' cy='27' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M119.0 2.0h6.0M122.0 -1.0v6.0' stroke-width='1.3'/%3E%3Cpath d='M266.2 393.2h7.7M270.0 389.3v7.7' stroke-width='1.3'/%3E%3Cpath d='M198.0 15.2h6.7M201.3 11.9v6.7' stroke-width='1.3'/%3E%3Ccircle cx='3' cy='70' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='102' cy='317' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='116' cy='133' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M115.3 355.1h8.2M119.4 351.0v8.2' stroke-width='1.3'/%3E%3Cpath d='M176.2 17.2h8.1M180.2 13.1v8.1' stroke-width='1.3'/%3E%3Ccircle cx='168' cy='166' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='391' cy='191' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M190.3 110.4h7.1M193.9 106.9v7.1' stroke-width='1.3'/%3E%3Cpath d='M243.7 268.9h8.2M247.8 264.8v8.2' stroke-width='1.3'/%3E%3Cpath d='M198.5 346.9h7.1M202.1 343.3v7.1' stroke-width='1.3'/%3E%3C/svg%3E"); --pat-shop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='rgba(20,30,40,.13)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3Csymbol id='i0' overflow='visible'%3E%3Cpath d='m2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18'/%3E%3Cpath d='M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25'/%3E%3Ccircle cx='18' cy='20' r='2'/%3E%3Ccircle cx='8' cy='20' r='2'/%3E%3C/symbol%3E%3Csymbol id='i1' overflow='visible'%3E%3Cline x1='19' x2='5' y1='5' y2='19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/symbol%3E%3Csymbol id='i2' overflow='visible'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='rgba(20,30,40,.13)'/%3E%3C/symbol%3E%3Csymbol id='i3' overflow='visible'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='m19 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1'/%3E%3Cpath d='m5 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M7 21h10'/%3E%3C/symbol%3E%3Csymbol id='i4' overflow='visible'%3E%3Cpath d='M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z'/%3E%3Cpath d='m7 16.5-4.74-2.85'/%3E%3Cpath d='m7 16.5 5-3'/%3E%3Cpath d='M7 16.5v5.17'/%3E%3Cpath d='M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z'/%3E%3Cpath d='m17 16.5-5-3'/%3E%3Cpath d='m17 16.5 4.74-2.85'/%3E%3Cpath d='M17 16.5v5.17'/%3E%3Cpath d='M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z'/%3E%3Cpath d='M12 8 7.26 5.15'/%3E%3Cpath d='m12 8 4.74-2.85'/%3E%3Cpath d='M12 13.5V8'/%3E%3C/symbol%3E%3Csymbol id='i5' overflow='visible'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpolyline points='3.29 7 12 12 20.71 7'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3C/symbol%3E%3Csymbol id='i6' overflow='visible'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M13 5v2'/%3E%3Cpath d='M13 17v2'/%3E%3Cpath d='M13 11v2'/%3E%3C/symbol%3E%3Csymbol id='i7' overflow='visible'%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3Cpath d='M3.103 6.034h17.794'/%3E%3Cpath d='M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z'/%3E%3C/symbol%3E%3Csymbol id='i8' overflow='visible'%3E%3Cpath d='M11 17h3v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3a3.16 3.16 0 0 0 2-2h1a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-1a5 5 0 0 0-2-4V3a4 4 0 0 0-3.2 1.6l-.3.4H11a6 6 0 0 0-6 6v1a5 5 0 0 0 2 4v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1z'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M2 8v1a2 2 0 0 0 2 2h1'/%3E%3C/symbol%3E%3Csymbol id='i9' overflow='visible'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3'/%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'/%3E%3Cpath d='m21 3 1 11h-2'/%3E%3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3'/%3E%3Cpath d='M3 4h8'/%3E%3C/symbol%3E%3Csymbol id='ia' overflow='visible'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8'/%3E%3Cpath d='M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5'/%3E%3Crect x='3' y='7' width='18' height='4' rx='1'/%3E%3C/symbol%3E%3Csymbol id='ib' overflow='visible'%3E%3Cpath d='M12 17V7'/%3E%3Cpath d='M16 8h-6a2 2 0 0 0 0 4h4a2 2 0 0 1 0 4H8'/%3E%3Cpath d='M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z'/%3E%3C/symbol%3E%3Csymbol id='ic' overflow='visible'%3E%3Cpath d='M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5'/%3E%3Cpath d='M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244'/%3E%3Cpath d='M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05'/%3E%3C/symbol%3E%3Csymbol id='id' overflow='visible'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M12 11h4'/%3E%3Cpath d='M12 16h4'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M8 16h.01'/%3E%3C/symbol%3E%3Csymbol id='ie' overflow='visible'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/symbol%3E%3Csymbol id='if' overflow='visible'%3E%3Cpath d='M18 21V10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v11'/%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 1.132-1.803l7.95-3.974a2 2 0 0 1 1.837 0l7.948 3.974A2 2 0 0 1 22 8z'/%3E%3Cpath d='M6 13h12'/%3E%3Cpath d='M6 17h12'/%3E%3C/symbol%3E%3Csymbol id='ig' overflow='visible'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='M9 9h.01'/%3E%3Cpath d='M15 15h.01'/%3E%3C/symbol%3E%3Csymbol id='ih' overflow='visible'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/symbol%3E%3Csymbol id='ii' overflow='visible'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/symbol%3E%3Csymbol id='ij' overflow='visible'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/symbol%3E%3Csymbol id='ik' overflow='visible'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cline x1='2' x2='22' y1='10' y2='10'/%3E%3Cpath d='M6 14h2'/%3E%3C/symbol%3E%3Csymbol id='il' overflow='visible'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cline x1='8' x2='16' y1='6' y2='6'/%3E%3Cline x1='16' x2='16' y1='14' y2='18'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3C/symbol%3E%3Csymbol id='im' overflow='visible'%3E%3Cpath d='M13.744 17.736a6 6 0 1 1-7.48-7.48'/%3E%3Cpath d='M15 6h1v4'/%3E%3Cpath d='m6.134 14.768.866-.5 2 3.464'/%3E%3Ccircle cx='16' cy='8' r='6'/%3E%3C/symbol%3E%3Csymbol id='in' overflow='visible'%3E%3Cpath d='M3 5v14'/%3E%3Cpath d='M8 5v14'/%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M17 5v14'/%3E%3Cpath d='M21 5v14'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse href='%23i0' transform='translate(299 11) rotate(-29) scale(1.20) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i0' transform='translate(299 431) rotate(-29) scale(1.20) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i1' transform='translate(198 203) rotate(-12) scale(1.33) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i2' transform='translate(154 32) rotate(15) scale(1.38) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i2' transform='translate(154 452) rotate(15) scale(1.38) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i3' transform='translate(-17 339) rotate(-28) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i3' transform='translate(403 339) rotate(-28) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i4' transform='translate(46 330) rotate(9) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i5' transform='translate(42 28) rotate(31) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i5' transform='translate(42 448) rotate(31) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i6' transform='translate(209 279) rotate(-20) scale(1.27) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i7' transform='translate(35 133) rotate(17) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i8' transform='translate(105 118) rotate(30) scale(1.24) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i9' transform='translate(189 -13) rotate(-31) scale(1.16) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i9' transform='translate(189 407) rotate(-31) scale(1.16) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(232 251) rotate(23) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ia' transform='translate(143 386) rotate(32) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23i9' transform='translate(-10 45) rotate(-35) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i9' transform='translate(410 45) rotate(-35) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ib' transform='translate(117 247) rotate(-9) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ia' transform='translate(15 176) rotate(17) scale(1.16) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ia' transform='translate(435 176) rotate(17) scale(1.16) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(373 263) rotate(6) scale(1.14) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ic' transform='translate(212 132) rotate(-21) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23id' transform='translate(175 95) rotate(4) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ie' transform='translate(82 215) rotate(16) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23if' transform='translate(303 358) rotate(-27) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i8' transform='translate(104 286) rotate(22) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i1' transform='translate(309 114) rotate(-21) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ig' transform='translate(337 393) rotate(-4) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ih' transform='translate(330 307) rotate(-1) scale(1.30) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ii' transform='translate(319 179) rotate(32) scale(0.87) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ii' transform='translate(50 90) rotate(6) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i9' transform='translate(186 57) rotate(9) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i6' transform='translate(282 257) rotate(18) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(373 -22) rotate(-22) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i2' transform='translate(373 398) rotate(-22) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ij' transform='translate(98 15) rotate(8) scale(1.18) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ij' transform='translate(98 435) rotate(8) scale(1.18) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ib' transform='translate(35 -14) rotate(-25) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ib' transform='translate(35 406) rotate(-25) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ik' transform='translate(331 257) rotate(-29) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ih' transform='translate(12 315) rotate(9) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ih' transform='translate(432 315) rotate(9) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i1' transform='translate(382 64) rotate(7) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ia' transform='translate(342 16) rotate(-25) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ia' transform='translate(342 436) rotate(-25) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ij' transform='translate(149 274) rotate(12) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ig' transform='translate(89 329) rotate(29) scale(0.87) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23il' transform='translate(324 71) rotate(25) scale(0.97) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ie' transform='translate(328 223) rotate(30) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23im' transform='translate(241 326) rotate(25) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i1' transform='translate(269 201) rotate(19) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23if' transform='translate(251 34) rotate(-22) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ic' transform='translate(370 350) rotate(-32) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ib' transform='translate(156 165) rotate(-28) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ij' transform='translate(383 189) rotate(33) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ia' transform='translate(50 179) rotate(-11) scale(0.79) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i2' transform='translate(241 362) rotate(5) scale(1.25) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i7' transform='translate(77 60) rotate(-30) scale(1.16) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i7' transform='translate(225 88) rotate(-28) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23il' transform='translate(95 159) rotate(-31) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i5' transform='translate(201 362) rotate(-6) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i4' transform='translate(74 259) rotate(-5) scale(1.06) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23if' transform='translate(282 71) rotate(-33) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i5' transform='translate(180 299) rotate(1) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i6' transform='translate(5 380) rotate(2) scale(1.06) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i6' transform='translate(425 380) rotate(2) scale(1.06) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ic' transform='translate(259 134) rotate(-16) scale(1.17) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ie' transform='translate(209 328) rotate(9) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i7' transform='translate(64 358) rotate(27) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ia' transform='translate(233 -16) rotate(-19) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ia' transform='translate(233 404) rotate(-19) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23in' transform='translate(354 111) rotate(24) scale(1.33) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23im' transform='translate(132 337) rotate(-19) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i2' transform='translate(296 386) rotate(-10) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23id' transform='translate(16 273) rotate(1) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23id' transform='translate(436 273) rotate(1) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23id' transform='translate(128 66) rotate(-7) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ij' transform='translate(-16 116) rotate(-25) scale(1.12) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ij' transform='translate(404 116) rotate(-25) scale(1.12) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ij' transform='translate(-13 250) rotate(-27) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ij' transform='translate(407 250) rotate(-27) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i7' transform='translate(97 379) rotate(24) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23in' transform='translate(287 329) rotate(31) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ih' transform='translate(156 231) rotate(27) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i6' transform='translate(145 113) rotate(-26) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cpath d='M330.1 345.9h5.8M333.0 343.0v5.8' stroke-width='1.3'/%3E%3Ccircle cx='404' cy='391' r='2.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='207' cy='67' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='33' cy='366' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='129' cy='15' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='347.9' cy='335.2' r='5.4' stroke-width='1.2'/%3E%3Ccircle cx='37' cy='164' r='2.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M270.3 342.4h8.1M274.4 338.3v8.1' stroke-width='1.3'/%3E%3Ccircle cx='251' cy='100' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='327.1' cy='349.7' r='5.3' stroke-width='1.2'/%3E%3Ccircle cx='269.6' cy='391.0' r='3.9' stroke-width='1.2'/%3E%3Ccircle cx='274' cy='24' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='38' cy='191' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='304' cy='275' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='377' cy='133' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='259' cy='98' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='323' cy='202' r='2.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='166' cy='336' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M298.2 213.3h5.4M300.9 210.6v5.4' stroke-width='1.3'/%3E%3Ccircle cx='212' cy='68' r='1.4' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='161.6' cy='4.6' r='4.2' stroke-width='1.2'/%3E%3Ccircle cx='278' cy='283' r='1.4' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='21' cy='71' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M151.2 397.9h6.9M154.7 394.5v6.9' stroke-width='1.3'/%3E%3Ccircle cx='239' cy='192' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M256.4 100.5h6.6M259.7 97.2v6.6' stroke-width='1.3'/%3E%3Ccircle cx='12' cy='72' r='1.4' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M393.3 293.0h8.0M397.3 289.0v8.0' stroke-width='1.3'/%3E%3Cpath d='M151.6 58.4h7.6M155.3 54.7v7.6' stroke-width='1.3'/%3E%3Cpath d='M256.2 98.1h5.4M258.9 95.4v5.4' stroke-width='1.3'/%3E%3Ccircle cx='30' cy='226' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M382.3 130.7h8.3M386.5 126.5v8.3' stroke-width='1.3'/%3E%3Ccircle cx='302' cy='166' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M301.0 304.7h8.4M305.2 300.5v8.4' stroke-width='1.3'/%3E%3Cpath d='M158.2 83.9h8.2M162.3 79.7v8.2' stroke-width='1.3'/%3E%3Ccircle cx='266' cy='306' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='121' cy='38' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='2' cy='131' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='78' cy='402' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='328' cy='360' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='147' cy='200' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='79' cy='296' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='331.9' cy='98.8' r='3.0' stroke-width='1.2'/%3E%3Cpath d='M175.8 180.5h6.8M179.2 177.1v6.8' stroke-width='1.3'/%3E%3Ccircle cx='20.1' cy='339.6' r='4.9' stroke-width='1.2'/%3E%3Cpath d='M179.4 318.4h6.7M182.7 315.1v6.7' stroke-width='1.3'/%3E%3Cpath d='M413.6 0.2h8.5M417.8 -4.0v8.5' stroke-width='1.3'/%3E%3Ccircle cx='38' cy='352' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M257.8 314.3h5.4M260.5 311.7v5.4' stroke-width='1.3'/%3E%3Ccircle cx='278' cy='171' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='402.0' cy='4.8' r='4.5' stroke-width='1.2'/%3E%3Ccircle cx='123' cy='299' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='25' cy='74' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='311.0' cy='246.9' r='3.1' stroke-width='1.2'/%3E%3Ccircle cx='247.3' cy='9.7' r='4.9' stroke-width='1.2'/%3E%3Ccircle cx='280.2' cy='121.5' r='4.8' stroke-width='1.2'/%3E%3Ccircle cx='14' cy='203' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='155.6' cy='327.3' r='5.3' stroke-width='1.2'/%3E%3Ccircle cx='168.0' cy='119.9' r='4.5' stroke-width='1.2'/%3E%3Ccircle cx='336' cy='189' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='84' cy='410' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='215' cy='303' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M346.4 220.0h7.1M350.0 216.4v7.1' stroke-width='1.3'/%3E%3Ccircle cx='26.8' cy='346.7' r='3.9' stroke-width='1.2'/%3E%3Cpath d='M107.9 395.0h5.6M110.7 392.2v5.6' stroke-width='1.3'/%3E%3Ccircle cx='224' cy='306' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='124' cy='95' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='127' cy='12' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='182' cy='326' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='305' cy='292' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='1.5' cy='213.1' r='3.6' stroke-width='1.2'/%3E%3Ccircle cx='109' cy='342' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M289.1 174.4h7.6M292.9 170.5v7.6' stroke-width='1.3'/%3E%3Ccircle cx='387' cy='367' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='165' cy='352' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='322' cy='49' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='353' cy='296' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='148' cy='133' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='195' cy='31' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M124.4 211.8h6.4M127.6 208.6v6.4' stroke-width='1.3'/%3E%3Ccircle cx='227.7' cy='167.1' r='4.5' stroke-width='1.2'/%3E%3Ccircle cx='152.1' cy='61.4' r='4.8' stroke-width='1.2'/%3E%3Ccircle cx='363' cy='165' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='122' cy='308' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M343.6 352.9h6.0M346.6 349.9v6.0' stroke-width='1.3'/%3E%3Cpath d='M125.1 155.0h5.5M127.8 152.2v5.5' stroke-width='1.3'/%3E%3Ccircle cx='326' cy='145' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='335' cy='134' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='374' cy='231' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='168' cy='381' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3C/svg%3E"); --pat-fun:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='rgba(20,30,40,.13)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3Csymbol id='i0' overflow='visible'%3E%3Cpath d='M2 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z'/%3E%3Cpath d='M12 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z'/%3E%3Cpath d='M7 14c3.22-2.91 4.29-8.75 5-12 1.66 2.38 4.94 9 5 12'/%3E%3Cpath d='M22 9c-4.29 0-7.14-2.33-10-7 5.71 0 10 4.67 10 7Z'/%3E%3C/symbol%3E%3Csymbol id='i1' overflow='visible'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='rgba(20,30,40,.13)'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='rgba(20,30,40,.13)'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='rgba(20,30,40,.13)'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='rgba(20,30,40,.13)'/%3E%3C/symbol%3E%3Csymbol id='i2' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/symbol%3E%3Csymbol id='i3' overflow='visible'%3E%3Cpath d='M22 17a10 10 0 0 0-20 0'/%3E%3Cpath d='M6 17a6 6 0 0 1 12 0'/%3E%3Cpath d='M10 17a2 2 0 0 1 4 0'/%3E%3C/symbol%3E%3Csymbol id='i4' overflow='visible'%3E%3Cpath d='M12 13v7a2 2 0 0 0 4 0'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M20.992 13a1 1 0 0 0 .97-1.274 10.284 10.284 0 0 0-19.923 0A1 1 0 0 0 3 13z'/%3E%3C/symbol%3E%3Csymbol id='i5' overflow='visible'%3E%3Cpath d='M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z'/%3E%3C/symbol%3E%3Csymbol id='i6' overflow='visible'%3E%3Cpath d='M15 10v1'/%3E%3Cpath d='M7.528 20.472a1.6 1.6 0 012.277 0l1.057 1.056a1.6 1.6 0 002.276 0l1.057-1.056a1.6 1.6 0 012.277 0l1.114 1.114a1.4 1.4 0 002.414-1V10a8 8 0 00-16 0v10.586a1.4 1.4 0 002.414 1z'/%3E%3Cpath d='M9 10v1'/%3E%3C/symbol%3E%3Csymbol id='i7' overflow='visible'%3E%3Cpath d='M16 7h.01'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3Cpath d='m20 7 2 .5-2 .5'/%3E%3Cpath d='M10 18v3'/%3E%3Cpath d='M14 17.75V21'/%3E%3Cpath d='M7 18a6 6 0 0 0 3.84-10.61'/%3E%3C/symbol%3E%3Csymbol id='i8' overflow='visible'%3E%3Cpath d='M20.5 10a2.5 2.5 0 0 1-2.4-3H18a2.95 2.95 0 0 1-2.6-4.4 10 10 0 1 0 6.3 7.1c-.3.2-.8.3-1.2.3'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/symbol%3E%3Csymbol id='i9' overflow='visible'%3E%3Cpath d='M12 5c.67 0 1.35.09 2 .26 1.78-2 5.03-2.84 6.42-2.26 1.4.58-.42 7-.42 7 .57 1.07 1 2.24 1 3.44C21 17.9 16.97 21 12 21s-9-3-9-7.56c0-1.25.5-2.4 1-3.44 0 0-1.89-6.42-.5-7 1.39-.58 4.72.23 6.5 2.23A9.04 9.04 0 0 1 12 5Z'/%3E%3Cpath d='M8 14v.5'/%3E%3Cpath d='M16 14v.5'/%3E%3Cpath d='M11.25 16.25h1.5L12 17l-.75-.75Z'/%3E%3C/symbol%3E%3Csymbol id='ia' overflow='visible'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/symbol%3E%3Csymbol id='ib' overflow='visible'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/symbol%3E%3Csymbol id='ic' overflow='visible'%3E%3Cpath d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/symbol%3E%3Csymbol id='id' overflow='visible'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3E%3C/symbol%3E%3Csymbol id='ie' overflow='visible'%3E%3Cpath d='M18 8a2 2 0 0 0 0-4 2 2 0 0 0-4 0 2 2 0 0 0-4 0 2 2 0 0 0-4 0 2 2 0 0 0 0 4'/%3E%3Cpath d='M10 22 9 8'/%3E%3Cpath d='m14 22 1-14'/%3E%3Cpath d='M20 8c.5 0 .9.4.8 1l-2.6 12c-.1.5-.7 1-1.2 1H7c-.6 0-1.1-.4-1.2-1L3.2 9c-.1-.6.3-1 .8-1Z'/%3E%3C/symbol%3E%3Csymbol id='if' overflow='visible'%3E%3Cpath d='M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.47-3.44 6-7 6s-7.56-2.53-8.5-6Z'/%3E%3Cpath d='M18 12v.5'/%3E%3Cpath d='M16 17.93a9.77 9.77 0 0 1 0-11.86'/%3E%3Cpath d='M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33'/%3E%3Cpath d='M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4'/%3E%3Cpath d='m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98'/%3E%3C/symbol%3E%3Csymbol id='ig' overflow='visible'%3E%3Cpath d='m12 14-1 1'/%3E%3Cpath d='m13.75 18.25-1.25 1.42'/%3E%3Cpath d='M17.775 5.654a15.68 15.68 0 0 0-12.121 12.12'/%3E%3Cpath d='M18.8 9.3a1 1 0 0 0 2.1 7.7'/%3E%3Cpath d='M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z'/%3E%3C/symbol%3E%3Csymbol id='ih' overflow='visible'%3E%3Ccircle cx='6' cy='15' r='4'/%3E%3Ccircle cx='18' cy='15' r='4'/%3E%3Cpath d='M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2'/%3E%3Cpath d='M2.5 13 5 7c.7-1.3 1.4-2 3-2'/%3E%3Cpath d='M21.5 13 19 7c-.7-1.3-1.5-2-3-2'/%3E%3C/symbol%3E%3Csymbol id='ii' overflow='visible'%3E%3Cline x1='6' x2='10' y1='11' y2='11'/%3E%3Cline x1='8' x2='8' y1='9' y2='13'/%3E%3Cline x1='15' x2='15.01' y1='12' y2='12'/%3E%3Cline x1='18' x2='18.01' y1='10' y2='10'/%3E%3Cpath d='M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z'/%3E%3C/symbol%3E%3Csymbol id='ij' overflow='visible'%3E%3Cpath d='M10 7v10.9'/%3E%3Cpath d='M14 6.1V17'/%3E%3Cpath d='M16 7V3a1 1 0 0 1 1.707-.707 2.5 2.5 0 0 0 2.152.717 1 1 0 0 1 1.131 1.131 2.5 2.5 0 0 0 .717 2.152A1 1 0 0 1 21 8h-4'/%3E%3Cpath d='M16.536 7.465a5 5 0 0 0-7.072 0l-2 2a5 5 0 0 0 0 7.07 5 5 0 0 0 7.072 0l2-2a5 5 0 0 0 0-7.07'/%3E%3Cpath d='M8 17v4a1 1 0 0 1-1.707.707 2.5 2.5 0 0 0-2.152-.717 1 1 0 0 1-1.131-1.131 2.5 2.5 0 0 0-.717-2.152A1 1 0 0 1 3 16h4'/%3E%3C/symbol%3E%3Csymbol id='ik' overflow='visible'%3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09'/%3E%3Cpath d='M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05'/%3E%3C/symbol%3E%3Csymbol id='il' overflow='visible'%3E%3Cpath d='M12 16v1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v1'/%3E%3Cpath d='M12 6a2 2 0 0 1 2 2'/%3E%3Cpath d='M18 8c0 4-3.5 8-6 8s-6-4-6-8a6 6 0 0 1 12 0'/%3E%3C/symbol%3E%3Csymbol id='im' overflow='visible'%3E%3Cpath d='M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z'/%3E%3C/symbol%3E%3Csymbol id='in' overflow='visible'%3E%3Cpath d='M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8'/%3E%3Cpath d='M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1'/%3E%3Cpath d='M2 21h20'/%3E%3Cpath d='M7 8v3'/%3E%3Cpath d='M12 8v3'/%3E%3Cpath d='M17 8v3'/%3E%3Cpath d='M7 4h.01'/%3E%3Cpath d='M12 4h.01'/%3E%3Cpath d='M17 4h.01'/%3E%3C/symbol%3E%3Csymbol id='io' overflow='visible'%3E%3Cpath d='M10.2 18H4.774a1.5 1.5 0 0 1-1.352-.97 11 11 0 0 1 .132-6.487'/%3E%3Cpath d='M18 10.2V4.774a1.5 1.5 0 0 0-.97-1.352 11 11 0 0 0-6.486.132'/%3E%3Cpath d='M18 5a4 3 0 0 1 4 3 2 2 0 0 1-2 2 10 10 0 0 0-5.139 1.42'/%3E%3Cpath d='M5 18a3 4 0 0 0 3 4 2 2 0 0 0 2-2 10 10 0 0 1 1.42-5.14'/%3E%3Cpath d='M8.709 2.554a10 10 0 0 0-6.155 6.155 1.5 1.5 0 0 0 .676 1.626l9.807 5.42a2 2 0 0 0 2.718-2.718l-5.42-9.807a1.5 1.5 0 0 0-1.626-.676'/%3E%3C/symbol%3E%3Csymbol id='ip' overflow='visible'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/symbol%3E%3Csymbol id='iq' overflow='visible'%3E%3Cpath d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z'/%3E%3Cpath d='M5 21h14'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse href='%23i0' transform='translate(101 399) rotate(18) scale(0.83) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i1' transform='translate(147 199) rotate(-6) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(364 118) rotate(-35) scale(1.14) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i3' transform='translate(-23 295) rotate(-35) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i3' transform='translate(397 295) rotate(-35) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i4' transform='translate(384 226) rotate(-19) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i5' transform='translate(364 40) rotate(-12) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i6' transform='translate(299 228) rotate(29) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(250 28) rotate(-19) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i7' transform='translate(139 379) rotate(28) scale(1.27) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i8' transform='translate(26 9) rotate(-7) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i8' transform='translate(26 429) rotate(-7) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i8' transform='translate(446 9) rotate(-7) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i8' transform='translate(446 429) rotate(-7) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i9' transform='translate(50 252) rotate(-15) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ia' transform='translate(241 109) rotate(-22) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ib' transform='translate(168 128) rotate(-7) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i3' transform='translate(-1 227) rotate(-17) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(419 227) rotate(-17) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ic' transform='translate(26 181) rotate(10) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23id' transform='translate(86 250) rotate(-19) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ie' transform='translate(285 333) rotate(10) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23id' transform='translate(158 330) rotate(-10) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23id' transform='translate(273 78) rotate(-17) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i8' transform='translate(75 359) rotate(-27) scale(1.32) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23if' transform='translate(-19 154) rotate(-6) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23if' transform='translate(401 154) rotate(-6) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ig' transform='translate(251 190) rotate(-18) scale(1.21) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i1' transform='translate(242 241) rotate(-4) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ih' transform='translate(204 373) rotate(27) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23id' transform='translate(165 12) rotate(34) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23id' transform='translate(165 432) rotate(34) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ic' transform='translate(94 300) rotate(7) scale(1.21) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i5' transform='translate(273 284) rotate(-16) scale(1.30) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ii' transform='translate(395 99) rotate(4) scale(0.77) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ij' transform='translate(381 351) rotate(15) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ik' transform='translate(-18 43) rotate(-24) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ik' transform='translate(402 43) rotate(-24) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23il' transform='translate(9 345) rotate(30) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23il' transform='translate(429 345) rotate(30) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i7' transform='translate(115 33) rotate(3) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23im' transform='translate(194 272) rotate(9) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23in' transform='translate(10 83) rotate(-21) scale(1.11) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23in' transform='translate(430 83) rotate(-21) scale(1.11) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i1' transform='translate(324 296) rotate(-11) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i9' transform='translate(92 106) rotate(8) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23il' transform='translate(267 146) rotate(11) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i4' transform='translate(214 218) rotate(-31) scale(1.01) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i2' transform='translate(91 9) rotate(13) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i2' transform='translate(91 429) rotate(13) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i7' transform='translate(210 60) rotate(17) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23id' transform='translate(73 186) rotate(-33) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i0' transform='translate(314 92) rotate(12) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23id' transform='translate(33 129) rotate(-32) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23im' transform='translate(229 338) rotate(-35) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23il' transform='translate(172 164) rotate(-5) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ii' transform='translate(359 301) rotate(-12) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i8' transform='translate(340 -26) rotate(32) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i8' transform='translate(340 394) rotate(32) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i1' transform='translate(138 78) rotate(23) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i7' transform='translate(208 155) rotate(30) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i0' transform='translate(337 341) rotate(-23) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23io' transform='translate(14 275) rotate(-31) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23io' transform='translate(434 275) rotate(-31) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i2' transform='translate(304 32) rotate(1) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ij' transform='translate(64 -11) rotate(13) scale(0.88) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ij' transform='translate(64 409) rotate(13) scale(0.88) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i5' transform='translate(224 -1) rotate(13) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i5' transform='translate(224 419) rotate(13) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ib' transform='translate(131 244) rotate(14) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23im' transform='translate(57 56) rotate(-10) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23in' transform='translate(275 377) rotate(14) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i0' transform='translate(362 200) rotate(-20) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ia' transform='translate(336 142) rotate(-16) scale(0.83) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23io' transform='translate(123 136) rotate(-4) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ip' transform='translate(308 178) rotate(14) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i8' transform='translate(382 396) rotate(-16) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ip' transform='translate(44 214) rotate(-23) scale(1.21) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(205 26) rotate(-31) scale(0.95) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23iq' transform='translate(373 267) rotate(-13) scale(0.95) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i2' transform='translate(271 -9) rotate(-0) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i2' transform='translate(271 411) rotate(-0) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ie' transform='translate(173 60) rotate(21) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i5' transform='translate(20 46) rotate(-25) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i5' transform='translate(440 46) rotate(-25) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i8' transform='translate(37 370) rotate(-12) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i1' transform='translate(83 220) rotate(-21) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Ccircle cx='4.0' cy='135.0' r='4.0' stroke-width='1.2'/%3E%3Ccircle cx='239' cy='129' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='157' cy='40' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='179' cy='288' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='116' cy='213' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='7' cy='385' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M352.5 66.6h8.6M356.8 62.3v8.6' stroke-width='1.3'/%3E%3Ccircle cx='98' cy='66' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='261.1' cy='334.0' r='3.0' stroke-width='1.2'/%3E%3Ccircle cx='370' cy='327' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M130.8 316.9h5.5M133.6 314.1v5.5' stroke-width='1.3'/%3E%3Ccircle cx='190.2' cy='402.8' r='3.7' stroke-width='1.2'/%3E%3Cpath d='M293.4 410.5h5.5M296.2 407.8v5.5' stroke-width='1.3'/%3E%3Ccircle cx='394' cy='20' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='188' cy='415' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='292' cy='20' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='305' cy='305' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M320.3 199.0h5.5M323.1 196.2v5.5' stroke-width='1.3'/%3E%3Ccircle cx='216' cy='129' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M356.4 68.8h5.6M359.2 66.0v5.6' stroke-width='1.3'/%3E%3Cpath d='M130.9 276.8h8.7M135.2 272.5v8.7' stroke-width='1.3'/%3E%3Ccircle cx='33' cy='344' r='2.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M403.6 116.9h7.2M407.2 113.3v7.2' stroke-width='1.3'/%3E%3Ccircle cx='304' cy='327' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='362' cy='417' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='121' cy='13' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='149' cy='291' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='396' cy='326' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='45' cy='32' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M111.3 69.5h6.7M114.7 66.1v6.7' stroke-width='1.3'/%3E%3Ccircle cx='160.5' cy='91.2' r='3.6' stroke-width='1.2'/%3E%3Ccircle cx='331' cy='265' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='125' cy='115' r='1.4' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='364' cy='404' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='152' cy='163' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M325.4 362.1h7.5M329.2 358.3v7.5' stroke-width='1.3'/%3E%3Cpath d='M72.8 80.3h7.7M76.7 76.4v7.7' stroke-width='1.3'/%3E%3Ccircle cx='205' cy='309' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='8' cy='118' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='316' cy='65' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M372.4 5.2h8.6M376.6 0.9v8.6' stroke-width='1.3'/%3E%3Ccircle cx='286.2' cy='195.0' r='5.3' stroke-width='1.2'/%3E%3Ccircle cx='51' cy='392' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M232.9 160.7h5.3M235.6 158.0v5.3' stroke-width='1.3'/%3E%3Ccircle cx='167.5' cy='361.4' r='4.7' stroke-width='1.2'/%3E%3Ccircle cx='203' cy='240' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M63.0 205.1h8.4M67.2 200.9v8.4' stroke-width='1.3'/%3E%3Ccircle cx='113' cy='2' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='209' cy='187' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='413' cy='7' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M104.5 70.2h5.0M107.0 67.7v5.0' stroke-width='1.3'/%3E%3Cpath d='M228.7 266.3h5.2M231.3 263.7v5.2' stroke-width='1.3'/%3E%3Ccircle cx='73.6' cy='148.1' r='5.0' stroke-width='1.2'/%3E%3Cpath d='M416.4 401.3h5.6M419.2 398.5v5.6' stroke-width='1.3'/%3E%3Ccircle cx='181' cy='86' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='369' cy='10' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='408' cy='22' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M298.1 137.2h7.1M301.6 133.7v7.1' stroke-width='1.3'/%3E%3Ccircle cx='192' cy='339' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M294.3 360.4h5.1M296.9 357.8v5.1' stroke-width='1.3'/%3E%3Cpath d='M379.8 139.2h5.6M382.6 136.4v5.6' stroke-width='1.3'/%3E%3Ccircle cx='115' cy='69' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M339.8 75.2h8.8M344.2 70.8v8.8' stroke-width='1.3'/%3E%3Ccircle cx='230' cy='285' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='202' cy='289' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='259' cy='213' r='1.4' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='50' cy='333' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='161' cy='277' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='315' cy='5' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='261' cy='320' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M342.4 49.0h5.0M344.9 46.5v5.0' stroke-width='1.3'/%3E%3Cpath d='M152.8 293.8h7.8M156.7 290.0v7.8' stroke-width='1.3'/%3E%3Ccircle cx='339' cy='6' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='273.5' cy='53.8' r='4.8' stroke-width='1.2'/%3E%3Ccircle cx='372' cy='8' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='361' cy='340' r='1.4' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='360' cy='418' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M27.0 323.7h8.0M31.0 319.6v8.0' stroke-width='1.3'/%3E%3Ccircle cx='359' cy='182' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M2.4 163.0h7.0M5.9 159.5v7.0' stroke-width='1.3'/%3E%3Ccircle cx='70' cy='86' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='347' cy='260' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='191' cy='80' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='62' cy='30' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='353' cy='366' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='197' cy='305' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M392.3 360.1h5.6M395.1 357.3v5.6' stroke-width='1.3'/%3E%3Cpath d='M386.1 79.6h7.0M389.6 76.1v7.0' stroke-width='1.3'/%3E%3Ccircle cx='359' cy='177' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='10' cy='160' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3C/svg%3E"); --pat-nature:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='rgba(20,30,40,.13)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3Csymbol id='i0' overflow='visible'%3E%3Cpath d='M2 12q2.5 2 5 0t5 0 5 0 5 0'/%3E%3Cpath d='M2 19q2.5 2 5 0t5 0 5 0 5 0'/%3E%3Cpath d='M2 5q2.5 2 5 0t5 0 5 0 5 0'/%3E%3C/symbol%3E%3Csymbol id='i1' overflow='visible'%3E%3Cpath d='M8 19a4 4 0 0 1-2.24-7.32A3.5 3.5 0 0 1 9 6.03V6a3 3 0 1 1 6 0v.04a3.5 3.5 0 0 1 3.24 5.65A4 4 0 0 1 16 19Z'/%3E%3Cpath d='M12 19v3'/%3E%3C/symbol%3E%3Csymbol id='i2' overflow='visible'%3E%3Cpath d='M15.236 22a3 3 0 0 0-2.2-5'/%3E%3Cpath d='M16 20a3 3 0 0 1 3-3h1a2 2 0 0 0 2-2v-2a4 4 0 0 0-4-4V4'/%3E%3Cpath d='M18 13h.01'/%3E%3Cpath d='M18 6a4 4 0 0 0-4 4 7 7 0 0 0-7 7c0-5 4-5 4-10.5a4.5 4.5 0 1 0-9 0 2.5 2.5 0 0 0 5 0C7 10 3 11 3 17c0 2.8 2.2 5 5 5h10'/%3E%3C/symbol%3E%3Csymbol id='i3' overflow='visible'%3E%3Cpath d='M12 6.528V3a1 1 0 0 1 1-1h0'/%3E%3Cpath d='M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21'/%3E%3C/symbol%3E%3Csymbol id='i4' overflow='visible'%3E%3Cpath d='M2 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z'/%3E%3Cpath d='M12 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z'/%3E%3Cpath d='M7 14c3.22-2.91 4.29-8.75 5-12 1.66 2.38 4.94 9 5 12'/%3E%3Cpath d='M22 9c-4.29 0-7.14-2.33-10-7 5.71 0 10 4.67 10 7Z'/%3E%3C/symbol%3E%3Csymbol id='i5' overflow='visible'%3E%3Cpath d='M14.086 18.412A2 2 0 0112.67 19H5v-7.672a2 2 0 01.586-1.414L11.75 3.75a6 6 0 118.49 8.49z'/%3E%3Cpath d='M16 8 2 22'/%3E%3Cpath d='M17.488 15H9'/%3E%3C/symbol%3E%3Csymbol id='i6' overflow='visible'%3E%3Cpath d='M16.17 7.83 2 22'/%3E%3Cpath d='M4.02 12a2.827 2.827 0 1 1 3.81-4.17A2.827 2.827 0 1 1 12 4.02a2.827 2.827 0 1 1 4.17 3.81A2.827 2.827 0 1 1 19.98 12a2.827 2.827 0 1 1-3.81 4.17A2.827 2.827 0 1 1 12 19.98a2.827 2.827 0 1 1-4.17-3.81A1 1 0 1 1 4 12'/%3E%3Cpath d='m7.83 7.83 8.34 8.34'/%3E%3C/symbol%3E%3Csymbol id='i7' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5'/%3E%3Cpath d='M12 7.5V9'/%3E%3Cpath d='M7.5 12H9'/%3E%3Cpath d='M16.5 12H15'/%3E%3Cpath d='M12 16.5V15'/%3E%3Cpath d='m8 8 1.88 1.88'/%3E%3Cpath d='M14.12 9.88 16 8'/%3E%3Cpath d='m8 16 1.88-1.88'/%3E%3Cpath d='M14.12 14.12 16 16'/%3E%3C/symbol%3E%3Csymbol id='i8' overflow='visible'%3E%3Cpath d='M14 11a2 2 0 1 1-4 0 4 4 0 0 1 8 0 6 6 0 0 1-12 0 8 8 0 0 1 16 0 10 10 0 1 1-20 0 11.93 11.93 0 0 1 2.42-7.22 2 2 0 1 1 3.16 2.44'/%3E%3C/symbol%3E%3Csymbol id='i9' overflow='visible'%3E%3Cpath d='M12 20v-9'/%3E%3Cpath d='M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z'/%3E%3Cpath d='M14.12 3.88 16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4'/%3E%3Cpath d='M21 5a4 4 0 0 1-3.55 3.97'/%3E%3Cpath d='M22 13h-4'/%3E%3Cpath d='M3 21a4 4 0 0 1 3.81-4'/%3E%3Cpath d='M3 5a4 4 0 0 0 3.55 3.97'/%3E%3Cpath d='M6 13H2'/%3E%3Cpath d='m8 2 1.88 1.88'/%3E%3Cpath d='M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/symbol%3E%3Csymbol id='ia' overflow='visible'%3E%3Cpath d='m10 20-1.25-2.5L6 18'/%3E%3Cpath d='M10 4 8.75 6.5 6 6'/%3E%3Cpath d='m14 20 1.25-2.5L18 18'/%3E%3Cpath d='m14 4 1.25 2.5L18 6'/%3E%3Cpath d='m17 21-3-6h-4'/%3E%3Cpath d='m17 3-3 6 1.5 3'/%3E%3Cpath d='M2 12h6.5L10 9'/%3E%3Cpath d='m20 10-1.5 2 1.5 2'/%3E%3Cpath d='M22 12h-6.5L14 15'/%3E%3Cpath d='m4 10 1.5 2L4 14'/%3E%3Cpath d='m7 21 3-6-1.5-3'/%3E%3Cpath d='m7 3 3 6h4'/%3E%3C/symbol%3E%3Csymbol id='ib' overflow='visible'%3E%3Cpath d='m17 14 3 3.3a1 1 0 0 1-.7 1.7H4.7a1 1 0 0 1-.7-1.7L7 14h-.3a1 1 0 0 1-.7-1.7L9 9h-.2A1 1 0 0 1 8 7.3L12 3l4 4.3a1 1 0 0 1-.8 1.7H15l3 3.3a1 1 0 0 1-.7 1.7H17Z'/%3E%3Cpath d='M12 22v-3'/%3E%3C/symbol%3E%3Csymbol id='ic' overflow='visible'%3E%3Cpath d='M11 20a10 10 0 0010-10 25.9 25.9 0 00-1.04-7.281 1 1 0 00-1.755-.325C15.833 5.5 13 5.5 9.8 6.1A7 7 0 0011 20'/%3E%3Cpath d='M2 21a5 5 0 012.911-4.544C7.613 15.212 8.351 15.24 11 13'/%3E%3C/symbol%3E%3Csymbol id='id' overflow='visible'%3E%3Cpath d='M14 9.536V7a4 4 0 0 1 4-4h1.5a.5.5 0 0 1 .5.5V5a4 4 0 0 1-4 4 4 4 0 0 0-4 4c0 2 1 3 1 5a5 5 0 0 1-1 3'/%3E%3Cpath d='M4 9a5 5 0 0 1 8 4 5 5 0 0 1-8-4'/%3E%3Cpath d='M5 21h14'/%3E%3C/symbol%3E%3Csymbol id='ie' overflow='visible'%3E%3Cpath d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/symbol%3E%3Csymbol id='if' overflow='visible'%3E%3Cpath d='M13 16a3 3 0 0 1 2.24 5'/%3E%3Cpath d='M18 12h.01'/%3E%3Cpath d='M18 21h-8a4 4 0 0 1-4-4 7 7 0 0 1 7-7h.2L9.6 6.4a1 1 0 1 1 2.8-2.8L15.8 7h.2c3.3 0 6 2.7 6 6v1a2 2 0 0 1-2 2h-1a3 3 0 0 0-3 3'/%3E%3Cpath d='M20 8.54V4a2 2 0 1 0-4 0v3'/%3E%3Cpath d='M7.612 12.524a3 3 0 1 0-1.6 4.3'/%3E%3C/symbol%3E%3Csymbol id='ig' overflow='visible'%3E%3Cpath d='m8 3 4 8 5-5 5 15H2L8 3z'/%3E%3C/symbol%3E%3Csymbol id='ih' overflow='visible'%3E%3Cpath d='M16 7h.01'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3Cpath d='m20 7 2 .5-2 .5'/%3E%3Cpath d='M10 18v3'/%3E%3Cpath d='M14 17.75V21'/%3E%3Cpath d='M7 18a6 6 0 0 0 3.84-10.61'/%3E%3C/symbol%3E%3Csymbol id='ii' overflow='visible'%3E%3Cpath d='M2 13a6 6 0 1 0 12 0 4 4 0 1 0-8 0 2 2 0 0 0 4 0'/%3E%3Ccircle cx='10' cy='13' r='8'/%3E%3Cpath d='M2 21h12c4.4 0 8-3.6 8-8V7a2 2 0 1 0-4 0v6'/%3E%3Cpath d='M18 3 19.1 5.2'/%3E%3Cpath d='M22 3 20.9 5.2'/%3E%3C/symbol%3E%3Csymbol id='ij' overflow='visible'%3E%3Cpath d='M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1'/%3E%3Ccircle cx='12' cy='8' r='2'/%3E%3Cpath d='M12 10v12'/%3E%3Cpath d='M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z'/%3E%3Cpath d='M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z'/%3E%3C/symbol%3E%3Csymbol id='ik' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/symbol%3E%3Csymbol id='il' overflow='visible'%3E%3Cpath d='M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.47-3.44 6-7 6s-7.56-2.53-8.5-6Z'/%3E%3Cpath d='M18 12v.5'/%3E%3Cpath d='M16 17.93a9.77 9.77 0 0 1 0-11.86'/%3E%3Cpath d='M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33'/%3E%3Cpath d='M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4'/%3E%3Cpath d='m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98'/%3E%3C/symbol%3E%3Csymbol id='im' overflow='visible'%3E%3Cpath d='M15 16a1 1 0 0 0-7-7q-4 4-5.987 12.385a.5.5 0 0 0 .602.602Q11 20 15 16l-3-3'/%3E%3Cpath d='M15 9q4 4 7 0-3-4-7 0 4-4 0-7-4 3 0 7'/%3E%3Cpath d='m8 15-2.58-2.58'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse href='%23i0' transform='translate(35 157) rotate(7) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i1' transform='translate(314 41) rotate(12) scale(1.25) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(386 354) rotate(27) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i3' transform='translate(108 95) rotate(16) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i4' transform='translate(159 357) rotate(-26) scale(1.23) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i5' transform='translate(174 184) rotate(23) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i6' transform='translate(201 219) rotate(-20) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i7' transform='translate(263 9) rotate(29) scale(1.39) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(263 429) rotate(29) scale(1.39) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i8' transform='translate(142 46) rotate(-10) scale(1.20) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i9' transform='translate(107 370) rotate(-26) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i9' transform='translate(248 329) rotate(15) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i5' transform='translate(289 179) rotate(-9) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ia' transform='translate(358 315) rotate(4) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ib' transform='translate(343 184) rotate(-33) scale(0.88) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ib' transform='translate(208 163) rotate(23) scale(0.87) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ic' transform='translate(-9 223) rotate(24) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ic' transform='translate(411 223) rotate(24) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i2' transform='translate(-7 172) rotate(5) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(413 172) rotate(5) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i7' transform='translate(98 0) rotate(-19) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i7' transform='translate(98 420) rotate(-19) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i1' transform='translate(372 148) rotate(-35) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23id' transform='translate(313 332) rotate(29) scale(0.81) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ia' transform='translate(361 241) rotate(-22) scale(1.24) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ic' transform='translate(38 86) rotate(6) scale(0.95) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i1' transform='translate(311 132) rotate(-16) scale(1.08) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ib' transform='translate(259 264) rotate(-9) scale(1.01) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ie' transform='translate(305 231) rotate(-15) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23if' transform='translate(95 139) rotate(-31) scale(0.94) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ig' transform='translate(94 42) rotate(-13) scale(0.83) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i4' transform='translate(207 96) rotate(-17) scale(1.19) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ih' transform='translate(37 380) rotate(5) scale(0.81) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i7' transform='translate(20 26) rotate(7) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(20 446) rotate(7) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(440 26) rotate(7) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(440 446) rotate(7) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ii' transform='translate(351 126) rotate(34) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i5' transform='translate(83 297) rotate(-12) scale(1.19) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ig' transform='translate(193 325) rotate(-29) scale(1.24) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ij' transform='translate(82 343) rotate(-11) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ij' transform='translate(172 109) rotate(-25) scale(0.94) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ih' transform='translate(395 8) rotate(11) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ih' transform='translate(395 428) rotate(11) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i0' transform='translate(220 2) rotate(-26) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i0' transform='translate(220 422) rotate(-26) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ik' transform='translate(119 316) rotate(-19) scale(0.99) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ib' transform='translate(-8 92) rotate(12) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ib' transform='translate(412 92) rotate(12) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(224 359) rotate(17) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23i0' transform='translate(87 255) rotate(-14) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ik' transform='translate(134 156) rotate(23) scale(0.94) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i3' transform='translate(365 -4) rotate(6) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(365 416) rotate(6) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i4' transform='translate(245 391) rotate(30) scale(1.12) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i7' transform='translate(247 145) rotate(13) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ia' transform='translate(1 320) rotate(-33) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ia' transform='translate(421 320) rotate(-33) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23il' transform='translate(63 5) rotate(-24) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23il' transform='translate(63 425) rotate(-24) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ik' transform='translate(348 364) rotate(26) scale(1.06) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i7' transform='translate(173 293) rotate(3) scale(0.99) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ih' transform='translate(0 261) rotate(25) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ih' transform='translate(420 261) rotate(25) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i9' transform='translate(238 203) rotate(-25) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23if' transform='translate(44 220) rotate(-0) scale(0.81) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i8' transform='translate(143 214) rotate(-16) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ii' transform='translate(91 180) rotate(34) scale(0.86) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ij' transform='translate(302 285) rotate(23) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i8' transform='translate(177 396) rotate(11) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i3' transform='translate(55 122) rotate(-6) scale(1.17) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i2' transform='translate(271 81) rotate(26) scale(1.39) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i9' transform='translate(60 39) rotate(14) scale(1.11) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ij' transform='translate(131 258) rotate(31) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i6' transform='translate(219 57) rotate(25) scale(1.19) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ia' transform='translate(311 -5) rotate(16) scale(0.77) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ia' transform='translate(311 415) rotate(16) scale(0.77) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23i3' transform='translate(17 -12) rotate(-31) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(17 408) rotate(-31) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(437 -12) rotate(-31) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(437 408) rotate(-31) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i1' transform='translate(298 379) rotate(20) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23im' transform='translate(47 278) rotate(25) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ie' transform='translate(-25 297) rotate(-3) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ie' transform='translate(395 297) rotate(-3) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23if' transform='translate(217 132) rotate(23) scale(0.91) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ij' transform='translate(371 88) rotate(-2) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i6' transform='translate(215 271) rotate(-28) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ig' transform='translate(-12 48) rotate(-18) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ig' transform='translate(408 48) rotate(-18) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Ccircle cx='383' cy='66' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='241' cy='119' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='89' cy='61' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M366.2 117.6h6.1M369.3 114.6v6.1' stroke-width='1.3'/%3E%3Cpath d='M-2.9 3.8h8.5M1.3 -0.4v8.5' stroke-width='1.3'/%3E%3Cpath d='M362.0 35.3h5.5M364.7 32.5v5.5' stroke-width='1.3'/%3E%3Ccircle cx='42.8' cy='64.2' r='3.4' stroke-width='1.2'/%3E%3Ccircle cx='349' cy='158' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='238.2' cy='307.7' r='3.8' stroke-width='1.2'/%3E%3Cpath d='M226.9 291.6h5.1M229.4 289.0v5.1' stroke-width='1.3'/%3E%3Ccircle cx='341' cy='84' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='394.6' cy='246.3' r='4.5' stroke-width='1.2'/%3E%3Ccircle cx='146' cy='236' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M79.8 59.9h6.4M82.9 56.7v6.4' stroke-width='1.3'/%3E%3Ccircle cx='197' cy='254' r='1.3' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='404' cy='405' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='321' cy='200' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='319' cy='84' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M24.1 181.1h8.8M28.5 176.7v8.8' stroke-width='1.3'/%3E%3Ccircle cx='49' cy='306' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M173.7 73.8h8.1M177.7 69.7v8.1' stroke-width='1.3'/%3E%3Ccircle cx='42' cy='408' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='77' cy='130' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='280' cy='56' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M391.2 252.1h5.9M394.2 249.2v5.9' stroke-width='1.3'/%3E%3Ccircle cx='411.6' cy='129.8' r='3.0' stroke-width='1.2'/%3E%3Ccircle cx='33' cy='340' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='285' cy='214' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='44.9' cy='197.9' r='4.7' stroke-width='1.2'/%3E%3Ccircle cx='319' cy='395' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='328' cy='198' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='172.5' cy='261.0' r='3.9' stroke-width='1.2'/%3E%3Ccircle cx='60' cy='68' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='8' cy='66' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M59.9 166.2h5.7M62.7 163.3v5.7' stroke-width='1.3'/%3E%3Ccircle cx='380.7' cy='51.4' r='5.2' stroke-width='1.2'/%3E%3Ccircle cx='408' cy='20' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='184.8' cy='165.6' r='4.5' stroke-width='1.2'/%3E%3Cpath d='M207.7 385.9h5.3M210.3 383.3v5.3' stroke-width='1.3'/%3E%3Ccircle cx='64' cy='360' r='1.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M290.5 151.6h8.3M294.7 147.5v8.3' stroke-width='1.3'/%3E%3Ccircle cx='173' cy='145' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='297' cy='315' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='193.7' cy='405.7' r='3.3' stroke-width='1.2'/%3E%3Ccircle cx='312.6' cy='169.6' r='4.1' stroke-width='1.2'/%3E%3Ccircle cx='230' cy='236' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='381' cy='166' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M334.9 341.9h6.7M338.2 338.6v6.7' stroke-width='1.3'/%3E%3Ccircle cx='296.1' cy='156.8' r='4.9' stroke-width='1.2'/%3E%3Cpath d='M21.5 293.2h6.6M24.8 289.9v6.6' stroke-width='1.3'/%3E%3Ccircle cx='167' cy='316' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='23' cy='170' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='158' cy='402' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='115' cy='267' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='174' cy='131' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='376' cy='397' r='1.4' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='272.9' cy='203.8' r='4.4' stroke-width='1.2'/%3E%3Ccircle cx='270' cy='371' r='1.4' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='79' cy='201' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='131' cy='23' r='1.4' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='61.3' cy='68.2' r='3.1' stroke-width='1.2'/%3E%3Ccircle cx='50' cy='322' r='2.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='147.2' cy='288.9' r='5.0' stroke-width='1.2'/%3E%3Ccircle cx='274' cy='200' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='157' cy='308' r='0.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='223' cy='293' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M129.1 387.5h6.5M132.3 384.3v6.5' stroke-width='1.3'/%3E%3Ccircle cx='23' cy='284' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='74' cy='74' r='1.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='12' cy='134' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='209' cy='289' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='217' cy='195' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M8.7 209.8h8.0M12.7 205.8v8.0' stroke-width='1.3'/%3E%3Ccircle cx='215' cy='249' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='155.3' cy='282.4' r='5.1' stroke-width='1.2'/%3E%3Ccircle cx='301.1' cy='18.5' r='4.2' stroke-width='1.2'/%3E%3Cpath d='M229.2 306.9h8.1M233.2 302.8v8.1' stroke-width='1.3'/%3E%3Ccircle cx='344' cy='58' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='26' cy='66' r='2.0' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='113' cy='175' r='1.6' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='35' cy='54' r='1.4' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='137' cy='301' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='389' cy='116' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='40' cy='238' r='1.2' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Cpath d='M39.7 193.0h7.8M43.6 189.1v7.8' stroke-width='1.3'/%3E%3Ccircle cx='248' cy='104' r='1.7' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='238' cy='264' r='1.9' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='335' cy='239' r='2.1' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='193' cy='47' r='1.5' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3Ccircle cx='12' cy='55' r='1.8' fill='rgba(20,30,40,.13)' stroke='none'/%3E%3C/svg%3E"); --pat-chatNight:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='rgba(255,255,255,.08)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3Csymbol id='i0' overflow='visible'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/symbol%3E%3Csymbol id='i1' overflow='visible'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8'/%3E%3Cpath d='M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5'/%3E%3Crect x='3' y='7' width='18' height='4' rx='1'/%3E%3C/symbol%3E%3Csymbol id='i2' overflow='visible'%3E%3Cpath d='M10 2v2'/%3E%3Cpath d='M14 2v2'/%3E%3Cpath d='M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1'/%3E%3Cpath d='M6 2v2'/%3E%3C/symbol%3E%3Csymbol id='i3' overflow='visible'%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3Cpath d='M7 10v12'/%3E%3C/symbol%3E%3Csymbol id='i4' overflow='visible'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/symbol%3E%3Csymbol id='i5' overflow='visible'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3C/symbol%3E%3Csymbol id='i6' overflow='visible'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/symbol%3E%3Csymbol id='i7' overflow='visible'%3E%3Cpath d='M15 10V9'/%3E%3Cpath d='M7.084 14.302a5.12 5.12 0 009.833 0 .24.24 0 00-.235-.302H7.32a.24.24 0 00-.235.302'/%3E%3Cpath d='M9 10V9'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/symbol%3E%3Csymbol id='i8' overflow='visible'%3E%3Cpath d='m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/symbol%3E%3Csymbol id='i9' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/symbol%3E%3Csymbol id='ia' overflow='visible'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/symbol%3E%3Csymbol id='ib' overflow='visible'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/symbol%3E%3Csymbol id='ic' overflow='visible'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/symbol%3E%3Csymbol id='id' overflow='visible'%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Crect x='9' y='2' width='6' height='13' rx='3'/%3E%3C/symbol%3E%3Csymbol id='ie' overflow='visible'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/%3E%3Cpath d='M20 2v4'/%3E%3Cpath d='M22 4h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/symbol%3E%3Csymbol id='if' overflow='visible'%3E%3Cpath d='M15 10V9'/%3E%3Cpath d='M16.472 15a6 6 0 01-8.943 0'/%3E%3Cpath d='M9 10V9'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/symbol%3E%3Csymbol id='ig' overflow='visible'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/symbol%3E%3Csymbol id='ih' overflow='visible'%3E%3Cpath d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719'/%3E%3C/symbol%3E%3Csymbol id='ii' overflow='visible'%3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/symbol%3E%3Csymbol id='ij' overflow='visible'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/symbol%3E%3Csymbol id='ik' overflow='visible'%3E%3Cpath d='M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z'/%3E%3Cpath d='M15 3v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M8 13h.01'/%3E%3Cpath d='M16 13h.01'/%3E%3Cpath d='M10 16s.8 1 2 1c1.3 0 2-1 2-1'/%3E%3C/symbol%3E%3Csymbol id='il' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/symbol%3E%3Csymbol id='im' overflow='visible'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse href='%23i0' transform='translate(219 300) rotate(-8) scale(1.19) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i1' transform='translate(171 132) rotate(14) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i2' transform='translate(131 198) rotate(-26) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i3' transform='translate(203 369) rotate(-26) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i4' transform='translate(266 290) rotate(22) scale(1.33) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i0' transform='translate(304 319) rotate(25) scale(1.35) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i5' transform='translate(390 253) rotate(28) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i6' transform='translate(24 19) rotate(5) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i6' transform='translate(24 439) rotate(5) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i6' transform='translate(444 19) rotate(5) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i6' transform='translate(444 439) rotate(5) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i2' transform='translate(135 60) rotate(-32) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(-6 -10) rotate(8) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i3' transform='translate(-6 410) rotate(8) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i3' transform='translate(414 -10) rotate(8) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i3' transform='translate(414 410) rotate(8) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i7' transform='translate(-11 181) rotate(-16) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i7' transform='translate(409 181) rotate(-16) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i8' transform='translate(116 111) rotate(-35) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i4' transform='translate(342 288) rotate(-4) scale(1.32) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i5' transform='translate(163 295) rotate(14) scale(1.12) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i9' transform='translate(31 217) rotate(-26) scale(0.79) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ia' transform='translate(47 70) rotate(13) scale(1.19) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ib' transform='translate(11 267) rotate(11) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ib' transform='translate(431 267) rotate(11) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i4' transform='translate(76 237) rotate(22) scale(0.99) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ic' transform='translate(33 385) rotate(-25) scale(1.37) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23id' transform='translate(51 314) rotate(-12) scale(1.24) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ie' transform='translate(-8 141) rotate(13) scale(1.06) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ie' transform='translate(412 141) rotate(13) scale(1.06) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i1' transform='translate(141 336) rotate(-14) scale(1.24) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23if' transform='translate(209 75) rotate(-27) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i7' transform='translate(92 356) rotate(35) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ig' transform='translate(266 174) rotate(6) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23if' transform='translate(238 122) rotate(-21) scale(1.38) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ih' transform='translate(80 138) rotate(-4) scale(1.33) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i2' transform='translate(81 201) rotate(25) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ii' transform='translate(143 239) rotate(7) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i1' transform='translate(311 385) rotate(8) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ij' transform='translate(147 20) rotate(4) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ij' transform='translate(147 440) rotate(4) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ia' transform='translate(98 303) rotate(-22) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ik' transform='translate(207 181) rotate(-23) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i9' transform='translate(143 381) rotate(-23) scale(1.25) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i1' transform='translate(348 203) rotate(-2) scale(1.25) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(1 235) rotate(-12) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i2' transform='translate(421 235) rotate(-12) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ie' transform='translate(274 380) rotate(-31) scale(1.11) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23il' transform='translate(38 112) rotate(18) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23im' transform='translate(209 6) rotate(1) scale(1.20) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23im' transform='translate(209 426) rotate(1) scale(1.20) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23il' transform='translate(373 71) rotate(-25) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i8' transform='translate(308 243) rotate(-8) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ij' transform='translate(379 37) rotate(3) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i6' transform='translate(258 230) rotate(-17) scale(1.30) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23if' transform='translate(112 -5) rotate(6) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23if' transform='translate(112 415) rotate(6) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23if' transform='translate(318 82) rotate(31) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i2' transform='translate(277 47) rotate(-12) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ig' transform='translate(251 14) rotate(31) scale(1.20) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ig' transform='translate(251 434) rotate(31) scale(1.20) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(204 259) rotate(-11) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i7' transform='translate(358 -16) rotate(-4) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(358 404) rotate(-4) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i2' transform='translate(182 218) rotate(6) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i7' transform='translate(324 135) rotate(21) scale(1.27) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23if' transform='translate(313 178) rotate(2) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ia' transform='translate(365 125) rotate(-3) scale(0.79) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(24 341) rotate(0) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ig' transform='translate(286 144) rotate(21) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i0' transform='translate(175 -14) rotate(-28) scale(0.83) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i0' transform='translate(175 406) rotate(-28) scale(0.83) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i8' transform='translate(291 -9) rotate(7) scale(0.79) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i8' transform='translate(291 411) rotate(7) scale(0.79) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ik' transform='translate(115 268) rotate(25) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ih' transform='translate(241 377) rotate(-0) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i2' transform='translate(84 30) rotate(-22) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ic' transform='translate(92 85) rotate(3) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23im' transform='translate(1 103) rotate(4) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23im' transform='translate(421 103) rotate(4) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i4' transform='translate(165 80) rotate(26) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i6' transform='translate(-21 306) rotate(-10) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i6' transform='translate(399 306) rotate(-10) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ik' transform='translate(81 387) rotate(4) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i9' transform='translate(248 328) rotate(30) scale(1.23) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i5' transform='translate(395 355) rotate(-3) scale(1.05) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23id' transform='translate(355 361) rotate(-13) scale(1.17) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ih' transform='translate(255 70) rotate(22) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i8' transform='translate(328 29) rotate(19) scale(0.99) translate(-12 -12)' stroke-width='1.5'/%3E%3Ccircle cx='14' cy='217' r='1.2' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Cpath d='M386.8 14.6h7.0M390.3 11.1v7.0' stroke-width='1.3'/%3E%3Cpath d='M53.8 284.1h8.8M58.2 279.7v8.8' stroke-width='1.3'/%3E%3Ccircle cx='407' cy='63' r='1.6' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='125.4' cy='235.4' r='3.8' stroke-width='1.2'/%3E%3Ccircle cx='13' cy='83' r='1.8' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='312.5' cy='57.9' r='3.3' stroke-width='1.2'/%3E%3Cpath d='M11.6 79.3h7.3M15.3 75.6v7.3' stroke-width='1.3'/%3E%3Ccircle cx='333' cy='159' r='1.7' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='279' cy='326' r='1.9' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='362' cy='273' r='1.1' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='211.7' cy='396.4' r='4.7' stroke-width='1.2'/%3E%3Ccircle cx='4' cy='30' r='2.0' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Cpath d='M376.7 268.6h5.1M379.3 266.0v5.1' stroke-width='1.3'/%3E%3Ccircle cx='178' cy='381' r='1.9' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='160.1' cy='360.8' r='5.4' stroke-width='1.2'/%3E%3Cpath d='M164.6 209.8h6.0M167.6 206.8v6.0' stroke-width='1.3'/%3E%3Ccircle cx='234' cy='205' r='1.5' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='113' cy='67' r='1.5' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Cpath d='M18.6 193.9h5.1M21.1 191.4v5.1' stroke-width='1.3'/%3E%3Cpath d='M54.0 350.8h5.6M56.8 348.0v5.6' stroke-width='1.3'/%3E%3Ccircle cx='224' cy='211' r='1.0' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='143' cy='265' r='2.0' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='287' cy='362' r='1.8' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='16' cy='203' r='1.6' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='381.1' cy='331.9' r='5.4' stroke-width='1.2'/%3E%3Cpath d='M414.3 346.1h7.6M418.1 342.3v7.6' stroke-width='1.3'/%3E%3Cpath d='M355.1 245.4h6.6M358.4 242.1v6.6' stroke-width='1.3'/%3E%3Ccircle cx='348.2' cy='53.2' r='4.4' stroke-width='1.2'/%3E%3Cpath d='M413.6 38.8h5.5M416.3 36.1v5.5' stroke-width='1.3'/%3E%3Ccircle cx='412' cy='343' r='1.8' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Cpath d='M267.1 199.1h6.5M270.4 195.8v6.5' stroke-width='1.3'/%3E%3Ccircle cx='184' cy='257' r='1.0' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='367' cy='322' r='2.0' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Cpath d='M68.7 362.7h5.3M71.4 360.0v5.3' stroke-width='1.3'/%3E%3Ccircle cx='295' cy='367' r='0.9' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='9' cy='363' r='1.5' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='315' cy='344' r='1.2' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='112' cy='354' r='0.9' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='157' cy='178' r='2.0' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='143' cy='96' r='1.0' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='203' cy='230' r='2.1' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='400.8' cy='232.1' r='4.9' stroke-width='1.2'/%3E%3Ccircle cx='373' cy='181' r='1.8' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='280' cy='187' r='1.0' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='398' cy='70' r='1.8' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='362.9' cy='18.1' r='3.7' stroke-width='1.2'/%3E%3Ccircle cx='81' cy='323' r='1.6' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='66' cy='36' r='2.1' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='120' cy='169' r='1.3' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='409' cy='207' r='2.1' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='178.2' cy='353.9' r='5.3' stroke-width='1.2'/%3E%3Ccircle cx='198' cy='111' r='2.2' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='109' cy='346' r='1.1' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Cpath d='M70.2 344.0h6.6M73.5 340.7v6.6' stroke-width='1.3'/%3E%3Cpath d='M98.1 338.3h7.8M102.0 334.3v7.8' stroke-width='1.3'/%3E%3Cpath d='M404.6 329.8h8.9M409.1 325.3v8.9' stroke-width='1.3'/%3E%3Ccircle cx='38' cy='191' r='1.3' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='302' cy='39' r='1.1' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='24' cy='152' r='1.8' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='52' cy='244' r='1.3' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='20.4' cy='159.8' r='3.4' stroke-width='1.2'/%3E%3Cpath d='M35.0 253.7h8.7M39.3 249.4v8.7' stroke-width='1.3'/%3E%3Ccircle cx='316' cy='215' r='1.2' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='68.3' cy='354.8' r='3.9' stroke-width='1.2'/%3E%3Ccircle cx='232' cy='209' r='1.4' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='72.2' cy='8.4' r='5.2' stroke-width='1.2'/%3E%3Ccircle cx='82' cy='328' r='1.7' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Cpath d='M222.2 93.5h5.9M225.2 90.5v5.9' stroke-width='1.3'/%3E%3Cpath d='M259.2 204.6h5.6M262.0 201.8v5.6' stroke-width='1.3'/%3E%3Ccircle cx='282' cy='77' r='1.8' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='241' cy='39' r='2.2' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='398.9' cy='283.5' r='3.6' stroke-width='1.2'/%3E%3Cpath d='M121.1 137.1h5.9M124.1 134.1v5.9' stroke-width='1.3'/%3E%3Ccircle cx='295' cy='111' r='1.8' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='302.8' cy='66.9' r='3.1' stroke-width='1.2'/%3E%3Ccircle cx='335' cy='172' r='1.7' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='285' cy='14' r='1.5' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='338' cy='261' r='1.2' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='245' cy='197' r='1.4' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='93' cy='66' r='1.7' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='239' cy='88' r='2.0' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='360' cy='307' r='1.1' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='90.8' cy='275.8' r='3.3' stroke-width='1.2'/%3E%3Ccircle cx='296' cy='46' r='2.1' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='402' cy='63' r='1.3' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Ccircle cx='390' cy='223' r='2.0' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Cpath d='M216.4 213.7h6.7M219.8 210.3v6.7' stroke-width='1.3'/%3E%3Ccircle cx='233' cy='58' r='1.3' fill='rgba(255,255,255,.08)' stroke='none'/%3E%3Cpath d='M173.3 269.5h7.6M177.0 265.7v7.6' stroke-width='1.3'/%3E%3C/svg%3E"); }
.ck-chat__log[data-wall="gray"], .ck-wall__pv[data-wall="gray"]{ background-color:var(--group); background-image:var(--pat-fun), radial-gradient(60% 45% at 18% 22%, rgba(226,229,236,.9) 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, rgba(236,238,243,.9) 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, rgba(222,226,233,.8) 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="doodle"], .ck-wall__pv[data-wall="doodle"]{ background-color:#EFE7DA; background-image:var(--pat-chat), radial-gradient(60% 45% at 18% 22%, #F6EEDF 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #E6DBC6 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #F1E3CF 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="sky"], .ck-wall__pv[data-wall="sky"]{ background-color:#DCEAFB; background-image:var(--pat-chat), radial-gradient(60% 45% at 18% 22%, #EAF3FF 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #C9DEF8 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #DDE9FF 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="ocean"], .ck-wall__pv[data-wall="ocean"]{ background-color:#D6ECEF; background-image:var(--pat-nature), radial-gradient(60% 45% at 18% 22%, #E6F6F6 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #BFDDE5 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #D4EEF0 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="mint"], .ck-wall__pv[data-wall="mint"]{ background-color:#D9EEDF; background-image:var(--pat-nature), radial-gradient(60% 45% at 18% 22%, #E8F7E6 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #C3E2CB 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #E3F2C9 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="olive"], .ck-wall__pv[data-wall="olive"]{ background-color:#E7EBD6; background-image:var(--pat-shop), radial-gradient(60% 45% at 18% 22%, #F1F3DF 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #D8DFBE 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #ECEACB 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="lav"], .ck-wall__pv[data-wall="lav"]{ background-color:#E7E2F7; background-image:var(--pat-fun), radial-gradient(60% 45% at 18% 22%, #F1ECFF 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #D7CEF2 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #EAD9F5 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="rose"], .ck-wall__pv[data-wall="rose"]{ background-color:#F8E3E7; background-image:var(--pat-fun), radial-gradient(60% 45% at 18% 22%, #FDEEF0 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #F0CFD7 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #FBE0D8 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="peach"], .ck-wall__pv[data-wall="peach"]{ background-color:#FBE6D6; background-image:var(--pat-shop), radial-gradient(60% 45% at 18% 22%, #FFF1E4 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #F4D2B8 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #FCE7C9 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="sand"], .ck-wall__pv[data-wall="sand"]{ background-color:#F2E9D6; background-image:var(--pat-shop), radial-gradient(60% 45% at 18% 22%, #F8F1E2 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #E7D9BC 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #F4E6C8 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="night"], .ck-wall__pv[data-wall="night"]{ background-color:#1C2430; background-image:var(--pat-chatNight), radial-gradient(60% 45% at 18% 22%, #233044 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #161D28 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #2A2F45 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-wall__pv[data-wall]{ background-size:231px 231px, 100% 100%, 100% 100%, 100% 100%; }

/* ===== UI-75 · мої повідомлення — кольору теми фону (як теми Telegram); «Звичайний» і «Сірий» — фірмовий синій ===== */
.ck-chat__log{ --out:var(--accent); }
.ck-chat__log[data-wall="doodle"], .ck-wall__pv[data-wall="doodle"]{ --out:#A16207; }
.ck-chat__log[data-wall="sky"], .ck-wall__pv[data-wall="sky"]{ --out:#2563EB; }
.ck-chat__log[data-wall="ocean"], .ck-wall__pv[data-wall="ocean"]{ --out:#0E7490; }
.ck-chat__log[data-wall="mint"], .ck-wall__pv[data-wall="mint"]{ --out:#15803D; }
.ck-chat__log[data-wall="olive"], .ck-wall__pv[data-wall="olive"]{ --out:#4D7C0F; }
.ck-chat__log[data-wall="lav"], .ck-wall__pv[data-wall="lav"]{ --out:#7C3AED; }
.ck-chat__log[data-wall="rose"], .ck-wall__pv[data-wall="rose"]{ --out:#DB2777; }
.ck-chat__log[data-wall="peach"], .ck-wall__pv[data-wall="peach"]{ --out:#EA580C; }
.ck-chat__log[data-wall="sand"], .ck-wall__pv[data-wall="sand"]{ --out:#B45309; }
.ck-chat__log[data-wall="night"], .ck-wall__pv[data-wall="night"]{ --out:#3B82F6; }
.ck-msg--out:not(.is-failed):not(.ck-msg--note) .ck-bub{ background:var(--out, var(--accent)); box-shadow:0 1px 2px rgba(16,24,40,.10), 0 2px 6px color-mix(in srgb, var(--out, var(--accent)) 18%, transparent); transition:background-color .25s; }
.ck-wall__out{ background:var(--out, var(--accent)) !important; }

/* UI-68 (уточнення): на ПК «Відповідь / Нотатка» — компактний перемикач ліворуч (не на всю ширину), месенджер — поруч,
   праворуч підказка клавіш; на всю ширину (і 50/50 з месенджером) — лише на телефоні */
@media (min-width:768px){
  .ck-compose__modes, .ck-compose__modes:has(.ck-via){ display:flex; align-items:center; gap:8px; }
  .ck-compose__modes .ck-cmodes{ flex:none; }
  .ck-compose__modes .ck-cmodes button[data-cmode]{ flex:none; }
  .ck-compose__modes .ck-via{ flex:none; min-height:0; height:32px; padding:0 10px; }
  .ck-compose__kbd[hidden]{ display:block; margin-left:auto; order:3; min-width:0; }
  .ck-compose__modes .ck-via{ order:2; }
}

/* ===== UI-76 · шапка кожної сторінки на телефоні — як у «Чатах»: сіра кнопка меню, назва, лічильник (зокрема «Налаштування»);
   нічого не вилазить убік ===== */
@media (max-width:767px){
  .ck-page__mhd .ck-burger{ background:var(--fill); }
  .ck-setpg > .ck-page__hd{ padding-top:4px; }
  .ck-setpg > .ck-page__hd h1{ font-size:20px; }
  .ck-list-plain > div{ flex-wrap:wrap; row-gap:8px; }
  .ck-list-plain > div > .ck-seg{ max-width:100%; overflow-x:auto; scrollbar-width:none; }
  .ck-page__in{ min-width:0; max-width:100%; }
}

/* UI-77: поки відкрите меню дій — оригінальний пузир прихований (його замінює копія без тіні), щоб тінь не виглядала з-під копії */
.ck-msg.is-mm-src .ck-bub{ visibility:hidden; }
/* «добра» подія (клієнт підтвердив замовлення) — з тінню, як пузирі */
.ck-chat__log .ck-evt.ck-evt--ok{ box-shadow:0 1px 2px rgba(16,24,40,.10), 0 2px 6px rgba(21,128,61,.12); }

/* UI-78: перемикачі-вкладки в УСІХ модалках (фон чату, шаблон, AI…) — на темнішому сірому, як у AI-помічника (UI-50) */
.ck-modal .ck-seg{ background:var(--bk-e4e6eb); }

/* ===== UI-79 ===== */
/* хвостики літер (р, у, д) не обрізаються: текст з «…» (overflow:hidden) + text-box-trim різав низ — даємо місце під хвостики */
@supports (text-box: trim-both cap alphabetic){
  /* обрізаємо лише по горизонталі (для «…»), по вертикалі — ні: хвостики літер видно */
  .ck-stgbtn > span, .ck-cb > span, .ck-cb > b, .ck-dg > span, .ck-bub__meta > span, .ck-dlg__cnt, .ck-badge{ overflow:visible; overflow-x:clip; overflow-clip-margin:0; min-width:0; }
}
/* реакції: під чужим повідомленням — праворуч, під своїм — ліворуч; відступ від пузиря */
.ck-reacts{ align-self:stretch; margin-top:4px; }
.ck-msg--in .ck-reacts{ justify-content:flex-end; }
.ck-msg--out .ck-reacts{ justify-content:flex-start; }
/* анімація — лише для щойно поставленої реакції, не при кожному показі чату */
.ck-reacts .ck-react{ animation:none; }
.ck-reacts .ck-react.is-new{ animation:ck-react-in .22s cubic-bezier(.2,.9,.3,1.3) both; }
/* «дивиться / пише» — анімація появи лише вперше */
.ck-pres.is-still{ animation:none !important; }
/* вибір реакції на ПК — як меню дій (UI-68) */
.ck-rpop{ position:fixed; z-index:995; padding:5px; border-radius:16px; background:var(--sheet); box-shadow:0 12px 36px rgba(16,24,40,.2), 0 0 0 1px rgba(16,24,40,.04); opacity:0; transform:scale(.92); transition:opacity .16s var(--ease), transform .18s cubic-bezier(.2,.9,.3,1.2); }
.ck-rpop.is-on{ opacity:1; transform:none; }
.ck-rpop .ck-mm__re{ gap:4px; border:0; border-radius:12px; background:var(--card); padding:6px 8px; }
.ck-rpop .ck-mm__re button.is-mine{ background:var(--accent-soft); }

/* ===== UI-80 · реакції — лише з меню дій: 6 швидких + стрілка «усі», що розгортає повний список ===== */
.ck-mm__re{ gap:2px; }
.ck-mm__re button{ flex:1 1 0; min-width:0; max-width:34px; width:auto; aspect-ratio:1; }
.ck-mm__more{ color:var(--ink-3); }
.ck .ck-mm__more .lucide, .ck-mm__more svg{ width:16px; height:16px; transition:transform .2s var(--ease); }
.ck-mm.is-all .ck-mm__more svg{ transform:rotate(180deg); }
.ck-mm__all{ display:grid; grid-template-columns:repeat(6, 1fr); gap:2px; max-height:216px; overflow:auto; padding:6px; border-radius:12px; background:var(--card); box-shadow:var(--blk-sh); overscroll-behavior:contain; }
.ck-mm__all[hidden]{ display:none; }
.ck-mm__all button{ aspect-ratio:1; border-radius:50%; font-size:20px; line-height:1; display:grid; place-items:center; transition:transform .12s, background .12s; }
.ck-mm__all button:hover{ background:var(--fill); transform:scale(1.12); }
.ck-mm.is-all .ck-mm__list{ display:none; }

/* ===== UI-81 · «усі реакції» — гармошкою: список емодзі плавно розгортається, дії плавно згортаються (і навпаки) ===== */
.ck-mm{ transition:top .22s var(--ease), opacity .18s var(--ease), transform .2s var(--ease); }
.ck-mm__all, .ck-mm.is-all .ck-mm__all{ display:grid; }
.ck-mm__all{ max-height:0; opacity:0; padding-block:0; margin-top:-5px; overflow:hidden; box-shadow:none;
  transition:max-height .28s cubic-bezier(.2,.8,.2,1), opacity .2s var(--ease), padding .28s cubic-bezier(.2,.8,.2,1), margin .28s cubic-bezier(.2,.8,.2,1); }
.ck-mm.is-all .ck-mm__all{ max-height:216px; opacity:1; padding-block:6px; margin-top:0; overflow:auto; box-shadow:var(--blk-sh); }
.ck-mm .ck-mm__list{ max-height:420px; overflow:hidden; transition:max-height .28s cubic-bezier(.2,.8,.2,1), opacity .2s var(--ease), margin .28s cubic-bezier(.2,.8,.2,1), padding .28s cubic-bezier(.2,.8,.2,1); }
.ck-mm.is-all .ck-mm__list{ display:flex; max-height:0 !important; opacity:0; margin-top:-5px; padding-block:0; }
/* стрілка — овальна (витягнута вгору), темніший сірий фон */
.ck-mm__re .ck-mm__more{ flex:none; width:26px; max-width:26px; aspect-ratio:auto; height:34px; border-radius:13px; background:var(--bk-e4e6eb); color:var(--ink-2); }
.ck-mm__re .ck-mm__more:hover{ background:var(--bk-d7dae0); transform:none; }
@media (prefers-reduced-motion:reduce){ .ck-mm__all, .ck-mm .ck-mm__list{ transition:none; } }

/* ===== UI-82 · кнопки біля повідомлення (ПК) — як системні події: темний напівпрозорий фон, білі іконки (видно на будь-якому фоні) ===== */
.ck .ck-msg__acts .ck-ibtn{ background:rgba(17,24,39,.42); color:#fff; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); box-shadow:none; }
.ck .ck-msg__acts .ck-ibtn:hover{ background:rgba(17,24,39,.6); color:#fff; }
.ck-chat__log[data-wall="night"] .ck-msg__acts .ck-ibtn{ background:rgba(255,255,255,.16); }
/* UI-81 (уточнення): стрілка «усі реакції» — КРУГЛА (не овальна), темніший сірий фон */
.ck-mm__re .ck-mm__more{ width:30px; max-width:30px; height:30px; aspect-ratio:1; border-radius:50%; align-self:center; }

/* UI-83: згадка колеги (@Оксана) — не сіра плашка, а трохи темніша за фон свого пузиря (напівпрозорий темний шар):
   сама підлаштовується під будь-який пузир — жовта нотатка, біле вхідне, кольорове моє, будь-який фон чату */
.ck .ck-mention, .ck-bub--note .ck-mention{ background:rgba(0,0,0,.08); color:inherit; font-weight:600; border-radius:5px; padding:0 4px; box-shadow:none; }
.ck-msg--out:not(.ck-msg--note) .ck-mention{ background:rgba(0,0,0,.16); }

/* ===== UI-85 · смайли — акуратний дропдаун НАД полем вводу, правим краєм рівно по кнопці 🙂 (не налазить на кнопки);
   як інші меню: сірий лист, білий блок, рівна сітка ===== */
.ck-menu--emj{ padding:5px; }
.ck-menu--emj .ck-menu--emoji{ display:grid; grid-template-columns:repeat(8, 36px); gap:2px; padding:6px; }
.ck-menu--emj .ck-menu--emoji button{ width:36px; height:36px; border-radius:10px; font-size:21px; line-height:1; transition:background .12s, transform .12s; }
.ck-menu--emj .ck-menu--emoji button:hover{ background:var(--fill); transform:scale(1.1); }
@media (max-width:767px){ .ck-menu--emj .ck-menu--emoji{ grid-template-columns:repeat(8, 1fr); } .ck-menu--emj .ck-menu--emoji button{ width:auto; aspect-ratio:1; } }

/* ===== UI-86 · панель смайлів як на iPhone: пошук, розділи з заголовками, «Нещодавні», нижній рядок розділів ===== */
.ck-menu--emj{ padding:5px; width:340px; max-width:calc(100vw - 16px); }
.ck-emj{ display:flex; flex-direction:column; gap:5px; }
.ck-emj__q{ height:36px; border-color:transparent; border-radius:10px; background:var(--card); box-shadow:var(--blk-sh); }
.ck-emj__body{ height:260px; overflow-y:auto; overscroll-behavior:contain; background:var(--card); border-radius:12px; box-shadow:var(--blk-sh); padding:0 6px 6px; scrollbar-width:thin; }
.ck-emj__h{ position:sticky; top:0; z-index:1; padding:8px 4px 4px; background:var(--card); font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3); }
.ck-emj__grid{ display:grid; grid-template-columns:repeat(8, 1fr); gap:1px; }
.ck-emj__grid button{ aspect-ratio:1; border-radius:9px; font-size:22px; line-height:1; display:grid; place-items:center; transition:background .12s, transform .12s; }
.ck-emj__grid button:hover{ background:var(--fill); transform:scale(1.12); }
.ck-emj__empty{ padding:40px 8px; text-align:center; color:var(--ink-3); font-size:13px; }
.ck-emj__tabs{ display:flex; justify-content:space-between; gap:2px; padding:3px; border-radius:12px; background:var(--card); box-shadow:var(--blk-sh); }
.ck-emj__tabs button{ flex:1; height:30px; border-radius:8px; display:grid; place-items:center; color:var(--ink-3); transition:background .15s, color .15s; }
.ck-emj__tabs button[hidden]{ display:none; }
.ck-emj__tabs button:hover{ color:var(--ink); background:var(--fill); }
.ck-emj__tabs button.is-on{ color:var(--accent-2); background:var(--accent-soft); }
.ck .ck-emj__tabs .lucide, .ck-emj__tabs svg{ width:17px; height:17px; }
@media (max-width:767px){ .ck-menu--emj{ width:calc(100vw - 16px); } .ck-emj__body{ height:280px; } .ck-emj__grid button{ font-size:24px; } }

/* ===== UI-87 · панель смайлів: виразний пошук і швидкість ===== */
.ck-emj__q{ height:40px; background:var(--card); border:1px solid var(--bk-d9dce3); box-shadow:0 1px 2px rgba(16,24,40,.06); border-radius:11px; }
.ck-emj__q:focus-within{ border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.ck .ck-emj__q .lucide, .ck-emj__q svg{ color:var(--ink-3); }
.ck-emj__q input{ font-size:14px; }
/* браузер малює лише розділ на екрані (1850 кольорових емодзі разом — дорого на телефоні / Windows) */
/* content-visibility прибрано: з ним перехід по розділах промахувався (приблизні висоти) */
/* без анімацій на кожній з ~1850 кнопок: лише фон при наведенні */
.ck-emj__grid button{ transition:none; }
.ck-emj__grid button:hover{ transform:none; background:var(--fill); }
/* UI-87: content-visibility не використовуємо (переходи промахувались) — розділи дописуються по черзі (ui.js) */

/* ===== UI-88 · поле пошуку в панелі смайлів і в меню: темно-сірий фон без рамки й тіні, менше заокруглення, вище.
   Панель смайлів малює кнопки лише для розділів біля видимої області (решта — порожні блоки точної висоти). ===== */
.ck-emj__q, .ck-menu__search .ck-input{ background:var(--bk-e4e6eb); border:0; box-shadow:none; border-radius:8px; }
.ck-emj__q{ height:44px; padding:0 12px; }
.ck-emj__q:focus-within, .ck-menu__search .ck-input:focus-within{ background:var(--bk-dcdfe4); box-shadow:none; border:0; }
.ck-emj__q input{ font-size:15px; }
.ck-emj__q input::placeholder{ color:var(--tk-6b7280); }
.ck .ck-emj__q .lucide, .ck-emj__q svg{ color:var(--tk-6b7280); }
.ck-emj__q{ flex:none; }
.ck-emj__q:has(input:focus), .ck-menu__search .ck-input:has(input:focus){ background:var(--bk-dcdfe4); box-shadow:none; border:0; }
.ck-emj__rows{ display:flex; flex-direction:column; gap:1px; }
.ck-menu--emj{ contain:layout paint style; }
.ck-emj__body{ contain:strict; }
.ck-emj__rows > .ck-emj__grid{ contain:layout paint style size; }
.ck-emj__grid button{ font-family:"Twemoji Country Flags","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif; }
.ck-emj__warm{ position:fixed; left:-10000px; top:0; width:340px; height:60px; overflow:hidden; contain:strict; pointer-events:none; display:grid; grid-template-columns:repeat(8, 1fr); }
.ck-emj__warm button{ font-size:22px; line-height:1; font-family:"Twemoji Country Flags","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif; }
@media (max-width:767px){ .ck-emj__warm button{ font-size:24px; } }
.ck-emj__q{ margin:6px 6px 0; width:auto; }   /* UI-88: краї пошуку — на одній лінії з сіткою смайлів */

/* ===== UI-89 · панель смайлів: один скрол (лише в сітці), панель без обмеження висоти меню ===== */
.ck-menu.ck-menu--emj{ max-height:none; overflow:hidden; }

/* ===== UI-90 · панель клієнта: у всіх кнопок є фон; відповідальний — список-гармошка під кнопкою; галочка «скопійовано» ===== */
.ck-info .ck-ibtn--flat{ background:var(--fill) !important; color:var(--ink-2); }
.ck-info .ck-ibtn--flat:hover{ background:var(--bk-e4e6eb) !important; color:var(--ink); }
.ck-info .ck-addbtn{ height:28px; padding:0 10px; border-radius:8px; background:var(--fill); color:var(--ink-2); }
.ck-info .ck-addbtn:hover{ background:var(--bk-e4e6eb); color:var(--ink); }
.ck-info .ck-isec__t .ck-addbtn, .ck-info .ck-acc .ck-addbtn, .ck-info .ck-aisug__i .ck-addbtn{ margin-right:0; }
.ck-info .ck-copy{ width:26px; height:26px; margin-left:6px; }
/* гармошка відповідального */
.ck-mgrpick{ align-items:flex-start; }
.ck-mgrbox{ flex:1; min-width:0; display:flex; flex-direction:column; }
.ck-mgrbox .ck-pick{ flex:none; width:100%; }
.ck-mgrbox.is-open .ck-pick{ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.ck .ck-pick__chev{ transition:transform .22s var(--ease); }
.ck-mgrbox.is-open .ck-pick__chev{ transform:rotate(180deg); }
.ck-mgrdd{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1), margin .24s cubic-bezier(.2,.8,.2,1); }
.ck-mgrbox.is-open .ck-mgrdd{ grid-template-rows:1fr; margin-top:6px; }
.ck-mgrdd__in{ min-height:0; overflow:hidden; border-radius:var(--r-s); background:var(--card); box-shadow:inset 0 0 0 1px var(--line); opacity:0; transition:opacity .18s var(--ease); }
.ck-mgrbox.is-open .ck-mgrdd__in{ opacity:1; padding:4px; }
.ck-mgrdd__i{ display:flex; align-items:center; gap:9px; width:100%; min-height:40px; padding:5px 8px; border-radius:8px; text-align:left; font-size:13.5px; }
.ck-mgrdd__i:hover{ background:var(--fill); }
.ck-mgrdd__i.is-on{ background:var(--accent-soft); }
.ck-mgrdd__i .ck-ava{ width:26px; height:26px; font-size:10px; flex:none; }
.ck-mgrdd__t{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.25; }
.ck-mgrdd__t b{ font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-mgrdd__t small{ font-size:11.5px; color:var(--ink-3); }
.ck-mgrdd__t small.is-online{ color:var(--tk-16a34a); }
.ck .ck-mgrdd__ok{ width:16px; height:16px; color:var(--accent-2); flex:none; }
.ck-mgrdd__i--danger{ color:var(--red); border-top:1px solid var(--line); border-radius:0 0 8px 8px; margin-top:4px; }
.ck .ck-mgrdd__i--danger .lucide{ width:18px; height:18px; margin:0 4px; }
/* скопійовано: іконка зникає, зелена галочка малюється */
.ck-copy, [data-copy], [data-ai-copy]{ position:relative; }
.ck-cpok{ position:absolute; inset:0; display:grid; place-items:center; color:var(--tk-16a34a); opacity:0; transform:scale(.4); pointer-events:none; }
.ck-cpok svg{ width:16px; height:16px; }
.ck-cpok path{ stroke-dasharray:24; stroke-dashoffset:24; }
.is-copied > :not(.ck-cpok){ opacity:0; transform:scale(.4); transition:opacity .12s, transform .12s; }
.is-copied{ background:var(--bk-dcfce7) !important; transition:background .15s; }
.is-copied .ck-cpok{ opacity:1; transform:scale(1); transition:opacity .12s, transform .32s cubic-bezier(.3,1.6,.5,1); }
.is-copied .ck-cpok path{ stroke-dashoffset:0; transition:stroke-dashoffset .34s .08s cubic-bezier(.65,0,.35,1); }
:not(.is-copied) > .ck-cpok{ transition:opacity .2s, transform .2s; }
[data-copy] > :not(.ck-cpok), [data-ai-copy] > :not(.ck-cpok){ transition:opacity .2s, transform .2s; }
.ck .is-copied, .ck-info .ck-ibtn--flat.is-copied{ background:var(--bk-dcfce7) !important; }

/* ===== UI-91 · панель клієнта, доопрацювання ===== */
/* кнопки за роллю (UI-40): «Взяти собі», «Об'єднати», «Скасувати» — чорні; «Зберегти» — зелена */
.ck-btn--dark, .ck-addbtn--dark{ background:var(--dark) !important; color:#fff !important; box-shadow:none; }
.ck-btn--dark:hover, .ck-addbtn--dark:hover{ background:var(--dark-2) !important; color:#fff !important; }
.ck .ck-addbtn--dark .lucide{ color:#fff; }
.ck-btn--ok{ background:var(--ok); color:#fff; box-shadow:none; }
.ck-btn--ok:hover{ background:var(--ok-2); }
/* хрестик на тегу — червоний фон, білий хрестик (скрізь) */
.ck-chip button{ width:16px; height:16px; border-radius:5px; background:var(--red); color:#fff; margin-left:2px; margin-right:-3px; }
.ck-chip button:hover{ background:var(--red-ink); color:#fff; }
.ck .ck-chip button .lucide, .ck-chip button svg{ width:11px; height:11px; stroke-width:2.6; color:#fff; }
/* скопіювати — менша й товща іконка */
.ck .ck-copy .lucide, .ck-copy > svg:not(.ck-cpok svg){ width:13px; height:13px; stroke-width:2.3; }
.ck-copy .ck-cpok svg{ width:14px; height:14px; }
/* «основний» у акаунтах — бейдж */
.ck-acc__p{ display:inline-flex; align-items:center; height:20px; padding:0 7px; border-radius:6px; background:var(--accent-soft); color:var(--accent-2); font-size:11px; font-weight:600; }
/* «Бачать лише менеджери» — жовтий бейдж, як у нотаток */
.ck-comment__who{ display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 8px; border-radius:6px; background:var(--bk-fde68a); color:var(--tk-78520a); font-size:11.5px; font-weight:600; }
.ck .ck-comment__who .lucide{ width:12px; height:12px; color:var(--tk-78520a); stroke-width:2.2; }
/* «Може зацікавити» — блок на блакитному фоні: кнопки білі, щоб їх було видно */
.ck-info .ck-aisug .ck-addbtn{ background:var(--card); color:var(--accent-2); box-shadow:0 1px 2px rgba(16,24,40,.06); }
.ck-info .ck-aisug .ck-addbtn:hover{ background:var(--bk-ffffff); color:var(--accent); }
.ck-aisug__t{ margin-bottom:6px; }
/* список відповідального (UI-32): сірий фон, пункти — білими блоками, «Зняти» — окремим блоком */
.ck-mgrdd__in{ background:var(--sheet); box-shadow:none; border-radius:12px; }
.ck-mgrbox.is-open .ck-mgrdd__in{ padding:5px; }
.ck-mgrdd__grp{ background:var(--card); border-radius:9px; padding:3px; box-shadow:var(--blk-sh); }
.ck-mgrdd__grp + .ck-mgrdd__grp{ margin-top:5px; }
.ck-mgrdd__i--danger{ border-top:0; margin-top:0; border-radius:8px; }
.ck-mgrdd__i.is-on{ background:var(--accent-soft); }
.ck-info .ck-aiacts .ck-btn--secondary{ background:var(--fill); border-color:transparent; box-shadow:none; color:var(--ink); } .ck-info .ck-aiacts .ck-btn--secondary:hover{ background:var(--bk-e4e6eb); }

/* ===== UI-92 · список-гармошка поверх вмісту (не зсуває), вирівнювання «+ Тег», хрестик тегу ===== */
.ck-mgrbox{ position:relative; }
.ck-mgrdd{ position:absolute; left:0; right:0; top:100%; z-index:20; }
.ck-mgrbox.is-open .ck-mgrdd{ margin-top:6px; }
.ck-mgrbox.is-open .ck-mgrdd__in{ box-shadow:0 12px 32px rgba(16,24,40,.18), 0 0 0 1px rgba(16,24,40,.05); }
/* кнопки-дії: текст і іконка на одній осі (UI-10) */
.ck-addbtn{ gap:5px; }
.ck .ck-addbtn .lucide, .ck-addbtn > svg{ flex:none; display:block; }
@supports (text-box: trim-both cap alphabetic) { .ck-addbtn > span{ text-box:trim-both cap alphabetic; } }
/* теги й «+ Тег» — однакової висоти; хрестик — рівний квадрат з однаковим відступом від країв */
.ck-info .ck-chips .ck-chip, .ck-info .ck-chips .ck-addbtn{ height:28px; }
.ck-info .ck-chips .ck-chip{ padding:0 5px 0 9px; gap:6px; border-radius:8px; }
.ck-chip button{ width:18px; height:18px; border-radius:5px; margin:0; flex:none; }
.ck .ck-chip button .lucide, .ck-chip button svg{ width:12px; height:12px; display:block; }
.ck-dup{ align-items:center; }   /* кнопка «Обʼєднати» — по центру висоти тексту */

/* ===== UI-93 · «Поля замовлення» гармошкою + пошук по діалогу ===== */
.ck-isec.ck-sec .ck-sec__body{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1); }
.ck-isec.ck-sec.is-open .ck-sec__body{ grid-template-rows:1fr; }
.ck-sec__in{ min-height:0; overflow:hidden; }
/* рядок пошуку накриває шапку чату */
.ck-chat__head{ position:relative; }
.ck-cs{ position:absolute; inset:0; z-index:4; display:flex; align-items:center; gap:8px; padding:0 12px 0 16px; background:var(--card); border-radius:inherit;
  opacity:0; visibility:hidden; transform:translateY(-4px); transition:opacity .16s var(--ease), transform .2s var(--ease), visibility 0s .2s; }
.is-cs .ck-cs{ opacity:1; visibility:visible; transform:none; transition:opacity .16s var(--ease), transform .2s var(--ease), visibility 0s; }
.ck-cs__q{ flex:1; min-width:0; display:flex; align-items:center; gap:8px; height:40px; padding:0 6px 0 12px; border-radius:8px; background:var(--bk-e4e6eb); color:var(--ink-3); cursor:text; }
.ck-cs__q:has(input:focus){ background:var(--bk-dcdfe4); }
.ck .ck-cs__q > .lucide, .ck-cs__q > svg{ width:16px; height:16px; flex:none; }
.ck-cs__q input{ flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; font:inherit; font-size:14px; color:var(--ink); }
.ck-cs__q input::placeholder{ color:var(--tk-6b7280); }
.ck-cs__q input::-webkit-search-cancel-button{ -webkit-appearance:none; display:none; }
.ck-cs__clr{ width:24px; height:24px; flex:none; display:grid; place-items:center; border-radius:6px; color:var(--ink-3); }
.ck-cs__clr:hover{ background:rgba(0,0,0,.06); color:var(--ink); }
.ck .ck-cs__clr .lucide, .ck-cs__clr svg{ width:14px; height:14px; }
.ck-cs__q:has(input:placeholder-shown) .ck-cs__clr{ visibility:hidden; }
.ck-cs__n{ flex:none; min-width:74px; text-align:center; font-size:13px; font-weight:500; color:var(--ink-2); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-cs__n.is-none{ color:var(--red); }
.ck-cs .ck-ibtn, .ck-csnav .ck-ibtn{ background:var(--fill); }
.ck-cs .ck-ibtn:hover:not(:disabled), .ck-csnav .ck-ibtn:hover:not(:disabled){ background:var(--bk-e4e6eb); }
.ck-cs .ck-ibtn:disabled, .ck-csnav .ck-ibtn:disabled{ opacity:.4; cursor:default; }
.ck-cs__cancel{ display:none; flex:none; height:40px; padding:0 4px; font-size:15px; font-weight:500; color:var(--accent); }
/* нижня панель пошуку — лише телефон */
.ck-csnav{ display:none; }
/* підсвітка збігів */
mark.ck-hl{ background:var(--bk-fde68a); color:inherit; border-radius:3px; padding:0 1px; margin:0 -1px; -webkit-box-decoration-break:clone; box-decoration-break:clone; transition:background .15s; }
mark.ck-hl.is-cur{ background:#F59E0B; color:#fff; }
.ck-msg--out:not(.ck-msg--note):not(.is-failed) mark.ck-hl{ background:rgba(255,255,255,.3); color:inherit; }
.ck-msg--out:not(.ck-msg--note):not(.is-failed) mark.ck-hl.is-cur{ background:var(--bk-fde68a); color:var(--tk-1f2937); }
@keyframes ckCsPulse{ 0%{ box-shadow:0 0 0 0 rgba(245,158,11,.6); } 100%{ box-shadow:0 0 0 10px rgba(245,158,11,0); } }
.ck-msg.is-cs-cur .ck-bub{ animation:ckCsPulse .8s ease-out; }
@media (max-width:767px){
  .ck-cs{ padding:0 10px; gap:10px; }
  .ck-cs .ck-cs__n, .ck-cs .ck-cs__nav, .ck-cs .ck-cs__x{ display:none; }
  .ck-cs__cancel{ display:block; }
  .ck-cs__q input{ font-size:16px; }   /* iOS не збільшує сторінку при фокусі */
  .is-cs .ck-compose{ display:none; }
  .is-cs .ck-csnav{ display:flex; align-items:center; gap:8px; padding:8px 12px max(8px, var(--sab)); background:var(--card); border-top:1px solid var(--line-2); }
  .ck-csnav .ck-cs__n{ flex:1; text-align:left; font-size:14px; }
  .ck-csnav .ck-ibtn{ width:40px; height:40px; }
}
mark.ck-hl{ padding:0; margin:0; border-radius:2px; }

/* ===== UI-94 · реакції під повідомленнями — компактніші ===== */
.ck-reacts{ gap:3px; margin-top:3px; }
.ck-react{ height:20px; padding:0 5px; gap:2px; border-radius:10px; font-size:12px; }
.ck-react b{ font-size:10px; }

/* ===== UI-95 · пошук по діалогу: фон поля й стрілок — як фон сайту; поле до самих кнопок; стрілки блакитні, коли є куди гортати ===== */
.ck-cs__q{ background:var(--canvas); }
.ck-cs__q:has(input:focus){ background:var(--canvas); box-shadow:inset 0 0 0 1px rgba(0,98,255,.35); }
.ck-cs .ck-cs__nav, .ck-csnav .ck-ibtn{ background:var(--canvas); color:var(--ink-4, var(--tk-9ca3af)); }
.ck-cs .ck-cs__nav:not(:disabled), .ck-csnav .ck-ibtn:not(:disabled){ background:var(--accent-soft); color:var(--accent); }
.ck-cs .ck-cs__nav:not(:disabled):hover, .ck-csnav .ck-ibtn:not(:disabled):hover{ background:var(--bk-d6e6ff); color:var(--accent); }
.ck-cs .ck-cs__nav:disabled, .ck-csnav .ck-ibtn:disabled{ opacity:1; }
.ck-cs__n:empty{ display:none; }
.ck-cs__q .ck-cs__n{ min-width:0; padding:0 4px; font-size:12.5px; color:var(--ink-3); } .ck-cs__q .ck-cs__n.is-none{ color:var(--red); }
.ck-cs__cancel{ padding:0 12px; border-radius:8px; background:var(--fill); color:var(--ink); font-size:14.5px; } .ck-cs__cancel:active{ background:var(--bk-e4e6eb); }   /* UI-96: «Скасувати» в пошуку на телефоні — кнопка з сірим фоном */

/* ===== UI-99 · фільтр: перемикачі й збереження — білими блоками; «Зберегти» зелена й висотою з поле; збережені вкладки з видаленням ===== */
.ck-group--rows{ gap:4px; padding:8px 16px; }
.ck-group--rows .ck-krow{ padding:6px 0; }
.ck-group--rows .ck-krow + .ck-krow{ border-top:1px solid var(--line-2); }
.ck-group .ck-fsave{ padding-top:2px; border-top:0; }
.ck-fsave .ck-input{ height:40px; }
.ck-fsave .ck-btn{ height:40px; flex:none; padding:0 16px; }
.ck-fsaved:empty{ display:none; }
.ck-fsaved{ display:flex; flex-direction:column; gap:2px; padding-top:8px; border-top:1px solid var(--line-2); }
.ck-fsaved__t{ font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3); padding-bottom:4px; }
.ck-fsaved__i{ display:flex; align-items:center; gap:8px; min-height:36px; font-size:13.5px; }
.ck .ck-fsaved__i > .lucide, .ck-fsaved__i > svg{ width:15px; height:15px; color:var(--ink-3); flex:none; }
.ck-fsaved__i > span{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-fsaved__del{ background:var(--bk-fee2e2) !important; color:var(--red) !important; }
.ck-fsaved__del:hover{ background:var(--bk-fecaca) !important; }
@media (max-width:767px){ .ck-group .ck-fsave{ flex-direction:row; } .ck-fsave .ck-btn{ padding:0 14px; } }
/* UI-102: активне поле пошуку — та сама синя обвідка, що й у всіх полях (2 px: рамка + тінь 1 px) */
.ck-cs__q:has(input:focus), .ck-emj__q:has(input:focus), .ck-menu__search .ck-input:has(input:focus){ box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 1px var(--accent); }

/* ===== UI-103 · «Команда» — внутрішній груповий чат (фіолетовий акцент, щоб ніколи не сплутати з клієнтами) ===== */
:root{ --team:#7C3AED; --team-2:#6D28D9; --team-soft:var(--bk-f5f3ff); --team-soft-2:var(--bk-ede9fe); }
.ck-ava--team{ display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg, #8B5CF6, #6D28D9); color:#fff; }
.ck .ck-ava--team .lucide, .ck-ava--team svg{ width:20px; height:20px; stroke-width:2; color:#fff; }
.ck-ava--team.ck-ava--lg{ border-radius:18px; } .ck .ck-ava--team.ck-ava--lg .lucide{ width:30px; height:30px; }
.ck-dlg.is-team{ background:var(--team-soft); }
.ck-dlg.is-team:hover{ background:var(--team-soft-2); }
.ck-dlg.is-team.is-active{ background:var(--team-soft-2); box-shadow:inset 3px 0 0 var(--team); }
.ck-dlg__cnt--blue{ background:var(--accent); }
.ck-dg--team{ background:var(--team-soft-2); color:var(--team-2); }
.ck .ck-dg--team .lucide{ color:var(--team-2); }
.is-team .ck-dlg__none{ color:var(--accent); }
/* шапка чату: смуга «внутрішній» і плашка «потрібно ознайомитись» */
.ck-teamband{ display:flex; align-items:center; gap:8px; padding:8px 16px; background:var(--team-soft); color:var(--team-2); font-size:12.5px; font-weight:500; border-bottom:1px solid var(--team-soft-2); }
.ck .ck-teamband .lucide{ width:14px; height:14px; flex:none; }
.ck-teampin{ display:flex; align-items:center; gap:10px; width:100%; padding:8px 16px; background:var(--bk-fffbeb); border-bottom:1px solid var(--bk-fde68a); text-align:left; }
.ck-teampin:hover{ background:var(--bk-fef3c7); }
.ck-teampin__i{ width:30px; height:30px; flex:none; border-radius:8px; display:grid; place-items:center; background:#F59E0B; color:#fff; }
.ck .ck-teampin__i .lucide{ width:16px; height:16px; color:#fff; }
.ck-teampin__t{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.ck-teampin__t b{ font-size:12.5px; color:var(--tk-92400e); }
.ck-teampin__t span{ font-size:12.5px; color:var(--ink-2); white-space:nowrap; overflow-x:clip; text-overflow:ellipsis; }
.ck-teampin__go{ flex:none; height:28px; padding:0 10px; border-radius:8px; background:#F59E0B; color:#fff; font-size:12px; font-weight:600; display:inline-flex; align-items:center; }
/* стрічка */
.ck-teamlog{ --out:var(--team); background:var(--bk-f7f5ff); }
.ck-bub__who{ font-size:12px; font-weight:600; line-height:1.3; margin-bottom:2px; }
.ck-impbadge{ display:inline-flex; align-items:center; gap:4px; height:18px; padding:0 6px; margin:0 0 5px; border-radius:5px; background:var(--bk-fef3c7); color:var(--tk-92400e); font-size:10.5px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; }
.ck .ck-impbadge .lucide{ width:11px; height:11px; stroke-width:2.4; }
.ck-msg--out .ck-impbadge{ background:rgba(255,255,255,.22); color:#fff; } .ck .ck-msg--out .ck-impbadge .lucide{ color:#fff; }
.ck-msg--team.is-imp.ck-msg--in .ck-bub{ box-shadow:inset 3px 0 0 #F59E0B, 0 1px 2px rgba(16,24,40,.08); }
.ck-msg--team .ck-msg__body{ display:flex; flex-direction:column; }
.ck-msg--team.ck-msg--out .ck-msg__body{ align-items:flex-end; }
.ck-msg--team.ck-msg--in .ck-msg__body{ align-items:flex-start; }
.ck-ack{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:6px; }
.ck-ack .ck-btn--ok{ height:26px; }
.ck-ack__me{ display:inline-flex; align-items:center; gap:4px; height:22px; font-size:11.5px; font-weight:600; color:var(--tk-15803d); }
.ck .ck-ack__me .lucide{ width:13px; height:13px; }
.ck-seen, .ck-ack__n{ display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 8px; margin-top:5px; border-radius:11px; background:rgba(255,255,255,.92); box-shadow:0 0 0 1px var(--line-2), 0 1px 2px rgba(16,24,40,.06); font-size:11.5px; font-weight:500; color:var(--ink-2); }
.ck-ack__n{ margin-top:0; }
.ck-seen:hover, .ck-ack__n:hover{ background:var(--bk-ffffff); color:var(--ink); }
.ck-seen.is-all, .ck-ack__n.is-all{ color:var(--tk-15803d); }
.ck .ck-seen > .lucide{ width:13px; height:13px; color:var(--ink-3); }
.ck-seen__avas{ display:inline-flex; padding-left:4px; }
.ck-seen__avas .ck-ava{ width:16px; height:16px; margin-left:-4px; font-size:7px; box-shadow:0 0 0 1.5px var(--bk-ffffff); }
/* поле вводу */
.ck-teamimp{ display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 10px; border-radius:8px; background:var(--fill); color:var(--ink-2); font-size:12.5px; font-weight:500; transition:background .15s, color .15s; }
.ck .ck-teamimp .lucide{ width:14px; height:14px; }
.ck-teamimp:hover{ background:var(--bk-e4e6eb); }
.ck-teamimp.is-on{ background:var(--bk-fef3c7); color:var(--tk-92400e); box-shadow:inset 0 0 0 1px #FCD34D; }
/* модалка «хто переглянув» */
.ck-seenl__q{ gap:4px; } .ck-seenl__q b{ font-size:12.5px; } .ck-seenl__q span{ font-size:13px; color:var(--ink-2); line-height:1.4; }
.ck-seenl__h{ font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3); padding:4px 4px 0; }
.ck-seenl{ gap:0; padding:4px 12px; }
.ck-seenl__i{ display:flex; align-items:center; gap:10px; min-height:48px; }
.ck-seenl__i + .ck-seenl__i{ border-top:1px solid var(--line-2); }
.ck-seenl__i .ck-ava{ width:32px; height:32px; flex:none; }
.ck-seenl__t{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.ck-seenl__t b{ font-size:13.5px; font-weight:500; } .ck-seenl__t small{ font-size:12px; color:var(--ink-3); } .ck-seenl__t .is-on{ color:var(--tk-16a34a); }
.ck-seenl__ok{ display:inline-flex; align-items:center; gap:3px; font-size:12px; font-weight:600; color:var(--tk-15803d); } .ck .ck-seenl__ok .lucide{ width:13px; height:13px; }
.ck-seenl__wait{ font-size:12px; font-weight:600; color:var(--tk-b45309); }
/* права панель: учасники, важливе */
.ck-tmems{ display:flex; flex-direction:column; }
.ck-tmem{ display:flex; align-items:center; gap:10px; min-height:44px; }
.ck-tmem .ck-ava{ width:30px; height:30px; flex:none; }
.ck-tmem__t{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.ck-tmem__t b{ font-size:13.5px; font-weight:500; white-space:nowrap; overflow-x:clip; text-overflow:ellipsis; }
.ck-tmem__t small{ font-size:12px; color:var(--ink-3); } .ck-tmem__t small.is-on{ color:var(--tk-16a34a); }
.ck-tmem__u{ flex:none; height:22px; padding:0 8px; border-radius:6px; background:var(--bk-fef3c7); color:var(--tk-92400e); font-size:11.5px; font-weight:600; display:inline-flex; align-items:center; }
.ck-tmem__ok{ color:var(--tk-16a34a); display:grid; } .ck .ck-tmem__ok .lucide{ width:16px; height:16px; }
.ck-timps{ display:flex; flex-direction:column; gap:6px; }
.ck-timp{ display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:10px; background:var(--fill); text-align:left; }
.ck-timp:hover{ background:var(--bk-e4e6eb); }
.ck-timp__t{ flex:1; min-width:0; font-size:12.5px; line-height:1.35; color:var(--ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ck-timp__n{ flex:none; height:22px; padding:0 8px; border-radius:6px; background:var(--bk-fef3c7); color:var(--tk-92400e); font-size:11.5px; font-weight:600; display:inline-flex; align-items:center; }
.ck-timp__n.is-all{ background:var(--bk-dcfce7); color:var(--tk-15803d); }
.ck-tnote{ display:flex; gap:8px; font-size:12.5px; line-height:1.45; color:var(--ink-2); margin:0; }
.ck .ck-tnote .lucide{ width:15px; height:15px; flex:none; margin-top:2px; color:var(--team); }
.ck-ack .ck-seen{ margin-top:0; }
.ck .ck-seen__avas .ck-ava{ display:inline-grid !important; }

/* ===== UI-104 · «Команда»: галочки, 👁, «Важливе» біля часу, меню дій зі списком переглядів, про чат / сповіщення, керування адміна ===== */
.ck-teamband{ display:none; }
/* мета: бейдж «Важливе» · 👁 N · час · галочки */
.ck-msg--team .ck-bub__meta{ gap:5px; align-items:center; }
.ck-msg--team .ck-impbadge{ height:16px; padding:0 5px; margin:0; border-radius:4px; font-size:9.5px; letter-spacing:.03em; background:var(--bk-fde68a); color:var(--tk-78350f); }
.ck-msg--out.ck-msg--team .ck-impbadge{ background:rgba(255,255,255,.25); color:#fff; }
.ck-seen{ all:unset; display:inline-flex; align-items:center; gap:3px; font-size:inherit; color:inherit; cursor:default; }
.ck .ck-msg--team .ck-seen .lucide{ width:13px; height:13px; stroke-width:2; }
.ck-msg--team .ck-bub__meta .lucide-check-check.is-read, .ck-msg--team .ck-bub__meta .is-read{ color:#7DD3FC; }
.ck-msg--in.ck-msg--team .ck-bub__meta .is-read{ color:var(--accent); }
/* «Важливе»: «Зрозуміло» / «Ви підтвердили» / «Підтвердили N з M» */
.ck-ack{ gap:6px; margin-top:6px; }
.ck-ack__me{ height:26px; padding:0 10px; border-radius:8px; background:var(--bk-dcfce7); color:var(--tk-15803d); font-size:12px; font-weight:600; gap:5px; }
.ck-ack__n{ display:inline-flex; align-items:center; height:26px; padding:0 10px; border-radius:8px; background:rgba(255,255,255,.92); box-shadow:0 0 0 1px var(--line-2); font-size:12px; font-weight:500; color:var(--ink-2); margin:0; }
.ck-ack__n.is-all{ background:var(--bk-dcfce7); color:var(--tk-15803d); box-shadow:none; }
.ck-ack .ck-btn--ok{ height:26px; padding:0 10px; border-radius:8px; }
/* видалене */
.ck-bub__del{ display:inline-flex; align-items:center; gap:5px; font-style:italic; opacity:.75; }
.ck .ck-bub__del .lucide{ width:13px; height:13px; }
/* меню дій: замість реакцій — хто переглянув */
.ck-mm--team{ width:270px; }
.ck-mm__seen{ background:var(--card); border-radius:12px; padding:8px 10px; box-shadow:var(--blk-sh); display:flex; flex-direction:column; gap:2px; max-height:220px; overflow:auto; }
.ck-mm__seenh{ display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--ink-2); padding-bottom:4px; }
.ck .ck-mm__seenh .lucide{ width:14px; height:14px; color:var(--accent); }
.ck-mm__seeni{ display:flex; align-items:center; gap:8px; min-height:30px; font-size:13px; }
.ck-mm__seeni .ck-ava{ width:22px; height:22px; font-size:8px; flex:none; }
.ck-mm__seeni span{ flex:1; min-width:0; white-space:nowrap; overflow-x:clip; text-overflow:ellipsis; }
.ck-mm__seeni small{ flex:none; font-size:11.5px; color:var(--ink-3); }
.ck-mm__seeni small i{ font-style:normal; font-weight:600; } .ck-mm__seeni .is-ok{ color:var(--tk-15803d); } .ck-mm__seeni .is-wait{ color:var(--tk-b45309); }
.ck-mm__seenno{ font-size:12px; color:var(--ink-3); padding-top:4px; line-height:1.35; }
.ck-mm__i.is-danger{ color:var(--red); } .ck .ck-mm__i.is-danger .lucide{ color:var(--red); }
/* права панель: «про чат» і «сповіщення» — виділені блоки без іконок */
.ck-tabout{ margin:4px 0 12px; padding:10px 12px; border-radius:10px; background:var(--team-soft); color:var(--tk-4c1d95); font-size:12.5px; line-height:1.45; }
.ck-tnote{ display:block; padding:10px 12px; border-radius:10px; background:var(--bk-fffbeb); box-shadow:inset 0 0 0 1px var(--bk-fde68a); color:var(--tk-78350f); font-size:12.5px; line-height:1.45; }
.ck-tnote b, .ck-tabout b{ font-weight:600; }
/* керування адміна */
.ck-tadm{ display:flex; flex-direction:column; gap:10px; }
.ck-tadm__r{ display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13px; }
.ck-tseg{ display:inline-flex; padding:2px; border-radius:8px; background:var(--bk-e4e6eb); flex:none; }
.ck-tseg button{ height:26px; padding:0 10px; border-radius:6px; font-size:12px; font-weight:500; color:var(--ink-2); }
.ck-tseg button.is-on{ background:var(--card); color:var(--ink); box-shadow:0 1px 2px rgba(16,24,40,.12); }
.ck-tadm__b{ display:flex; gap:8px; flex-wrap:wrap; }
.ck-btn--dangersoft{ background:var(--bk-fee2e2); color:var(--red); box-shadow:none; } .ck-btn--dangersoft:hover{ background:var(--bk-fecaca); }
.ck .ck-btn--dangersoft .lucide{ color:var(--red); }

/* ===== UI-105 · «Команда»: меню дій (аватарки з ✓/👁 + повний список гармошкою), швидкі меню, «Важливе» в полі, фони ===== */
/* меню дій скрізь — плавно, але швидко */
.ck-mm-dim{ transition:opacity .12s var(--ease), background-color .12s var(--ease); }
.ck-mm{ transition:top .2s var(--ease), opacity .12s var(--ease), transform .16s cubic-bezier(.2,.9,.3,1.12); }
.ck-mm-msg{ transition:transform .22s cubic-bezier(.2,.8,.2,1), opacity .12s var(--ease); }
/* ряд «хто переглянув» як ряд реакцій */
.ck-mm__seen{ padding:6px; gap:0; max-height:none; overflow:visible; }
.ck-mm__seenrow{ display:flex; align-items:center; gap:8px; min-height:34px; padding:0 2px 0 4px; }
.ck-mm__sas{ display:flex; gap:4px; flex:1; min-width:0; overflow:hidden; }
.ck-mm__sa{ position:relative; display:inline-grid; flex:none; }
.ck-mm__sa .ck-ava{ width:28px; height:28px; font-size:10px; }
.ck-mm__sa i{ position:absolute; right:-3px; bottom:-3px; width:15px; height:15px; border-radius:50%; display:grid; place-items:center; background:var(--accent); color:#fff; box-shadow:0 0 0 2px var(--card); }
.ck-mm__sa i.is-ok{ background:#16A34A; }
.ck .ck-mm__sa i .lucide{ width:9px; height:9px; stroke-width:3; color:#fff; }
.ck-mm__seen0{ flex:1; font-size:12.5px; color:var(--ink-3); }
.ck-mm__seenn{ display:inline-flex; align-items:center; gap:4px; flex:none; font-size:12px; font-weight:600; color:var(--ink-2); font-variant-numeric:tabular-nums; }
.ck .ck-mm__seenn .lucide{ width:14px; height:14px; color:var(--ink-3); }
.ck-mm__seenrow .ck-mm__more{ width:30px; height:30px; flex:none; border-radius:50%; display:grid; place-items:center; background:var(--bk-e4e6eb); color:var(--ink-2); }
.ck-mm__seenrow .ck-mm__more:hover{ background:var(--bk-dcdfe4); color:var(--ink); }
.ck .ck-mm__seenrow .ck-mm__more .lucide{ width:16px; height:16px; transition:transform .22s var(--ease); }
.ck-mm.is-seen-all .ck-mm__more .lucide{ transform:rotate(180deg); }
.ck-mm__seenall{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .22s cubic-bezier(.2,.8,.2,1); }
.ck-mm.is-seen-all .ck-mm__seenall{ grid-template-rows:1fr; }
.ck-mm__seenin{ min-height:0; overflow:hidden; }
.ck-mm.is-seen-all .ck-mm__seenin{ overflow:auto; max-height:240px; }
.ck-mm__seenin .ck-mm__seeni:first-child{ margin-top:6px; border-top:1px solid var(--line-2); padding-top:6px; }
.ck-mm__seeni{ min-height:36px; gap:10px; padding:0 4px; }
.ck-mm__seeni .ck-mm__sa .ck-ava{ width:26px; height:26px; }
.ck-mm__seeni.is-no .ck-ava{ filter:grayscale(1); opacity:.55; }
.ck-mm__seeni.is-no span{ color:var(--ink-3); }
.ck-mm--team .ck-mm__list{ transition:max-height .22s cubic-bezier(.2,.8,.2,1), opacity .16s var(--ease), padding .22s; }
.ck-mm--team.is-seen-all .ck-mm__list{ max-height:0 !important; opacity:0; padding-top:0; padding-bottom:0; }
/* «Важливе»: смужка на копії в меню зникає й повертається плавно */
.ck-mm-msg.ck-msg--team.is-imp.ck-msg--in .ck-bub{ transition:box-shadow .22s var(--ease); box-shadow:inset 3px 0 0 #F59E0B !important; }
.ck-mm-msg.ck-msg--team.is-imp.ck-msg--in.is-on .ck-bub{ box-shadow:inset 0 0 0 #F59E0B !important; }
/* «Важливе» в полі вводу: «Надіслати» теж бурштинова */
.ck-compose--team.is-imp .ck-compose__field{ box-shadow:inset 0 0 0 1px #FCD34D; }
.ck-compose--team .ck-act, .ck-compose--team .ck-compose__field{ transition:background .18s var(--ease), box-shadow .18s var(--ease); }
/* 👁 у моєму пузирі — кольору тексту */
.ck-msg--out.ck-msg--team .ck-seen, .ck .ck-msg--out.ck-msg--team .ck-seen .lucide{ color:#fff; }
/* керування адміна: дві кнопки на всю ширину */
.ck-tadm__b{ flex-wrap:nowrap; }
.ck-tadm__b .ck-btn{ flex:1; justify-content:center; height:36px; }
/* пошук по діалогу — розмір як у всіх полях (UI-38): 13 px ПК / 14 px телефон; так само пошук у смайлах */
.ck-cs__q input, .ck-emj__q input{ font-size:13px; }
@media (max-width:767px){ .ck-cs__q input, .ck-emj__q input{ font-size:14px; } }
/* фони «Команди»: без візерунку (типово) і з візерунком; «Хмарка» замість «Графіту» */
.ck-chat__log[data-wall="team"], .ck-wall__pv[data-wall="team"]{ background-color:#F7F5FF; background-image:none; }
.ck-chat__log[data-wall="teampat"], .ck-wall__pv[data-wall="teampat"]{ background-color:#EEE8FD; background-image:var(--pat-chat), radial-gradient(60% 45% at 18% 22%, #F7F3FF 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #E2D8FA 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #ECE4FE 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; }
.ck-chat__log[data-wall="cloud"], .ck-wall__pv[data-wall="cloud"]{ background-color:#E3E8EF; background-image:var(--pat-fun), radial-gradient(60% 45% at 18% 22%, #EEF2F7 0%, transparent 70%), radial-gradient(55% 50% at 85% 70%, #D5DDE8 0%, transparent 70%), radial-gradient(70% 60% at 50% 110%, #E6EBF2 0%, transparent 70%); background-size:420px 420px, 100% 100%, 100% 100%, 100% 100%; background-repeat:repeat, no-repeat, no-repeat, no-repeat; --out:#475569; }
.ck-wall__pv[data-wall="teampat"], .ck-wall__pv[data-wall="cloud"]{ background-size:231px 231px, 100% 100%, 100% 100%, 100% 100%; }
.ck-wall__pv[data-wall="team"], .ck-wall__pv[data-wall="teampat"]{ --out:var(--team); }
.ck-chat__log.ck-teamlog[data-wall]{ --out:var(--team); }
.ck-mm--team{ width:280px; } .ck-mm__seeni span{ font-size:13px; }
.ck-mm__seeni span{ flex:none; min-width:auto; white-space:normal; overflow:visible; }
.ck-mm__seeni > span:not(.ck-mm__sa){ flex:1; min-width:0; white-space:nowrap; overflow-x:clip; text-overflow:ellipsis; }
/* UI-106: пульс при переході до «Важливого» (плашка «Переглянути», пошук) — жовта смужка зліва лишається весь час */
@keyframes ckImpPulse{ 0%{ box-shadow:inset 3px 0 0 #F59E0B, 0 0 0 0 rgba(245,158,11,.6), 0 1px 2px rgba(16,24,40,.08); } 100%{ box-shadow:inset 3px 0 0 #F59E0B, 0 0 0 10px rgba(245,158,11,0), 0 1px 2px rgba(16,24,40,.08); } }
.ck-msg--team.is-imp.ck-msg--in.is-cs-cur .ck-bub{ animation:ckImpPulse .8s ease-out; }
/* UI-107: аватарки в меню дій більші; значок ✓/👁 не обрізається */
.ck-mm__sas{ overflow:visible; overflow-x:clip; overflow-clip-margin:4px; padding:3px 3px 4px 0; gap:6px; }
.ck-mm__sa .ck-ava{ width:34px; height:34px; font-size:12px; }
.ck-mm__sa i{ width:17px; height:17px; right:-4px; bottom:-4px; }
.ck .ck-mm__sa i .lucide{ width:10px; height:10px; }
.ck-mm__seenrow{ min-height:44px; }
.ck-mm__seeni{ min-height:42px; }
.ck-mm__seeni .ck-mm__sa .ck-ava{ width:30px; height:30px; }
.ck-mm__seeni .ck-mm__sa i{ width:15px; height:15px; right:-3px; bottom:-3px; }
/* UI-108: «Важливе» в полі вводу — одна бурштинова рамка (без сірої), у фокусі бурштинова обвідка (не синя); кнопка «Важливе» на ховері лишається бурштиновою */
.ck-compose--team.is-imp .ck-compose__field{ background:var(--bk-fffbeb); border-color:#FCD34D; box-shadow:none; }
.ck-compose--team.is-imp .ck-compose__field:has(textarea:focus){ border-color:#F59E0B; box-shadow:0 0 0 1px #F59E0B; }
.ck-teamimp.is-on:hover{ background:var(--bk-fde68a); color:var(--tk-92400e); }

/* ===== UI-110 · телефон: текст бейджів на iPhone по центру іконок; пошук над клавіатурою ===== */
/* iPhone (Safari): текст у бейджах сидів ~0.8 px нижче центру іконок (заміряно зі скріна) — піднімаємо лише там */
@supports (-webkit-touch-callout: none) {
  .ck-dg > span, .ck-cb > span, .ck-cb > b, .ck-stgbtn > span{ position:relative; top:-.08em; }
}
.ck-csnav.is-kb{ position:fixed; left:0; right:0; z-index:60; padding-bottom:8px !important; box-shadow:0 -1px 0 var(--line-2); }
.ck-csnav .ck-cs__n.is-hint{ color:var(--ink-3); font-weight:400; }
/* UI-113: файл у повідомленні — посилання */
a.ck-bub__file{ color:inherit; text-decoration:none; cursor:pointer; transition:background .12s; }
a.ck-bub__file:hover{ filter:brightness(.97); }
a.ck-bub__file small{ margin-left:auto; opacity:.7; }
.ck .ck-bub__file .ck-bub__fileo{ width:13px; height:13px; opacity:.55; flex:none; }

/* UI-114: «Надіслати» в «Команді» — як у звичайних: порожньо (ПК) — сіра неактивна; є текст — фіолетова (з «Важливе» — бурштинова);
   на телефоні порожньо — мікрофон того ж кольору */
.ck-compose--team .ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-act{ background:var(--team); box-shadow:0 1px 2px rgba(124,58,237,.3); }
.ck-compose--team .ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-act:hover{ background:var(--team-2); }
.ck-compose--team.is-imp .ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-act{ background:#F59E0B; box-shadow:none; }
.ck-compose--team.is-imp .ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-act:hover{ background:#D97706; }
@media (max-width:767px){
  .ck-compose--team .ck-compose__row:has(textarea:placeholder-shown) > .ck-act{ background:var(--team); pointer-events:auto; }
  .ck-compose--team.is-imp .ck-compose__row:has(textarea:placeholder-shown) > .ck-act{ background:#F59E0B; }
}
@media (max-width:767px){
  .ck-compose.ck-compose--team:not(.is-note) .ck-compose__row:has(textarea:placeholder-shown) > .ck-act{ background:var(--team); }
  .ck-compose.ck-compose--team.is-imp:not(.is-note) .ck-compose__row:has(textarea:placeholder-shown) > .ck-act{ background:#F59E0B; }
}
/* UI-115: під час розгортання списку «хто переглянув» — без смуги прокрутки; вона лише якщо список довший за 240 px */
.ck-mm.is-seen-all .ck-mm__seenin{ overflow:hidden; max-height:240px; }
.ck-mm.is-seen-all .ck-mm__seenin.is-scroll{ overflow-y:auto; scrollbar-width:thin; }
/* UI-116: у «Команді» немає кнопки AI — поле не тримає під неї місце: смайли одразу біля «Надіслати», як у клієнтів */
.ck-compose--team .ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-compose__field, .ck-compose--team .ck-compose__row:has(textarea:not(:placeholder-shown)) > .ck-compose__field.is-col{ padding-right:44px; }
/* UI-117: іконка перед підписом голосового / фото / файлу (списки «Команди», «Важливе», плашка) — як у рядках клієнтів */
.ck .ck-pvi{ width:14px; height:14px; flex:none; display:inline-block; vertical-align:-2px; margin-right:4px; color:var(--ink-3); stroke-width:2; }
/* UI-118: «👁 N» у пузирі — число обрізаємо так само, як час (UI-10), тож «2» і «23:38» на одній лінії, око — по їхньому центру */
@supports (text-box: trim-both cap alphabetic) {
  .ck-bub__meta > .ck-seen{ text-box:normal; }
  .ck-seen > span{ text-box:trim-both cap alphabetic; }
}
.ck-seen{ line-height:1; }
.ck .ck-msg--team .ck-seen .lucide{ display:block; }
/* UI-119: поле пошуку по чату на ПК — тієї ж висоти, що й кнопки поруч (36 px) */
@media (min-width:768px){ .ck-cs__q{ height:36px; } }

/* ===== UI-120 · дзвінок: панель завжди поверх усього, на ПК перетягується; події «почався» / «завершено» ===== */
.ck-call{ z-index:1500; user-select:none; -webkit-user-select:none; touch-action:none; }
.ck-call__grip{ display:grid; place-items:center; width:14px; margin:0 -4px 0 -6px; color:rgba(255,255,255,.4); flex:none; }
.ck .ck-call__grip .lucide{ width:14px; height:14px; }
.ck-call__who{ all:unset; flex:1; min-width:0; display:flex; align-items:center; gap:10px; cursor:pointer; }
.ck-call__who > div{ min-width:0; }
@media (min-width:768px){ .ck-call{ cursor:grab; } .ck-call.is-drag{ cursor:grabbing; transition:none; box-shadow:0 20px 50px rgba(16,24,40,.35); } .ck-call.is-drag .ck-call__who{ cursor:grabbing; } }
@media (max-width:767px){ .ck-call__grip{ display:none; } }

/* UI-122 · «Товар із каталогу» — модалка пошуку (UI-37): фото, назва, ціна для клієнта, залишок; «Фото» — надіслати фото з ціною */
.ck-cat__hint{ flex:none; display:flex; align-items:center; gap:6px; padding:0 4px; font-size:12.5px; color:var(--ink-3); }
.ck .ck-cat__hint .lucide{ width:14px; height:14px; flex:none; }
.ck-cat__hint span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-cat__i{ cursor:pointer; }
.ck-cat__ph{ width:40px; height:40px; flex:none; border-radius:8px; object-fit:cover; background:var(--fill); }
.ck-cat__i .ck-addbtn{ flex:none; }
.ck-cat__i:focus-visible{ outline:2px solid var(--accent); outline-offset:-2px; }
@media (max-width:767px){ .ck-cat__hint{ font-size:13px; } }

/* UI-123 · вкладення над полем: фото — мініатюра 64, файл — картка; хрестик прибирає; надсилаються кнопкою «Надіслати» */
.ck-attq{ display:none; gap:8px; overflow-x:auto; padding:2px 2px 4px; scrollbar-width:none; }
.ck-attq::-webkit-scrollbar{ display:none; }
.ck-attq.is-on{ display:flex; }
.ck-attq__i{ position:relative; flex:none; border-radius:12px; background:var(--card); box-shadow:var(--blk-sh); animation:ck-attin .2s var(--ease); }
@keyframes ck-attin{ from{ opacity:0; transform:scale(.9); } }
.ck-attq__i--img{ width:64px; height:64px; }
.ck-attq__i--img img{ width:100%; height:100%; object-fit:cover; border-radius:12px; display:block; }
.ck-attq__i--file{ display:flex; align-items:center; gap:10px; height:64px; padding:0 34px 0 10px; max-width:240px; }
.ck-attq__fi{ width:40px; height:40px; flex:none; display:grid; place-items:center; border-radius:10px; background:var(--accent-soft); color:var(--accent-2); }
.ck .ck-attq__fi .lucide{ width:20px; height:20px; }
.ck-attq__fn{ min-width:0; display:flex; flex-direction:column; }
.ck-attq__fn b{ font-size:13px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-attq__fn small{ font-size:12px; color:var(--ink-3); }
.ck-attq__x{ position:absolute; top:4px; right:4px; width:22px; height:22px; border-radius:11px; display:grid; place-items:center; background:var(--dark); color:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); }
.ck-attq__x:hover{ background:var(--dark-2); }
.ck .ck-attq__x .lucide{ width:13px; height:13px; stroke-width:2.6; color:#fff; }
@media (max-width:767px){ .ck-attq__i--file{ max-width:210px; } .ck-attq__x{ width:24px; height:24px; border-radius:12px; } }
/* є вкладення — «Надіслати» активна навіть з порожнім полем (кольори — як з текстом у кожному режимі) */
.ck-compose{ --act-on:var(--accent); --act-on-2:var(--accent-2); }
.ck-compose.is-note{ --act-on:var(--amber-ink); --act-on-2:var(--amber-ink); }
.ck-compose--team{ --act-on:var(--team); --act-on-2:var(--team-2); }
.ck-compose--team.is-imp{ --act-on:#F59E0B; --act-on-2:#D97706; }
.ck-compose__row.has-att > .ck-compose__field{ margin-right:0 !important; padding-right:44px; }
.ck-compose__row.has-att > .ck-act{ right:6px; bottom:6px; width:32px; height:32px; border-radius:16px; background:var(--act-on) !important; pointer-events:auto !important; }
.ck-compose__row.has-att > .ck-act:hover{ background:var(--act-on-2) !important; }
.ck-compose__row.has-att .ck-act__go{ color:#fff; opacity:1 !important; transform:none !important; }
.ck-compose__row.has-att .ck-act__mic{ opacity:0 !important; transform:scale(.6) !important; }
.ck .ck-compose__row.has-att .ck-act__i .lucide, .ck-compose__row.has-att .ck-act__i svg{ width:16px; height:16px; }

/* UI-124 · підпис до фото / файлу — в тій самій бульбашці, під вкладенням; час — у рядку підпису */
/* підпис — рядковий, як звичайний текст: час стає в кінець останнього рядка */
.ck-bub__cap{ display:inline; white-space:pre-wrap; overflow-wrap:anywhere; }
.ck-bub__img:has(+ .ck-bub__cap), .ck-bub__file:has(+ .ck-bub__cap){ margin-bottom:6px; }
.ck-bub:has(.ck-bub__cap){ max-width:min(284px, 100%); }

/* UI-126 · меню «⋯» на телефоні — нижня модалка: сірий аркуш, білі блоки з рядками 52 px, заголовки блоків над ними */
.ck-modal--msheet .ck-modal__bd{ gap:6px; padding-top:4px; }
.ck-msheet__hd{ padding:10px 6px 2px; font-size:12px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-3); }
.ck-msheet__g{ background:var(--card); border-radius:14px; padding:4px; box-shadow:var(--blk-sh); display:flex; flex-direction:column; }
.ck-msheet__i{ display:flex; align-items:center; gap:12px; width:100%; min-height:52px; padding:8px 12px; border-radius:10px; text-align:left; color:var(--ink); font-size:15px; }
.ck-msheet__i:active{ background:var(--fill); }
.ck .ck-msheet__i > .lucide:first-child{ width:20px; height:20px; flex:none; color:var(--ink-2); }
.ck-msheet__i .ck-ava{ width:30px; height:30px; font-size:11px; flex:none; }
.ck-msheet__l{ flex:1; min-width:0; display:flex; flex-direction:column; }
.ck-msheet__l b{ font-weight:500; }
.ck-msheet__l small{ font-size:12.5px; color:var(--ink-3); }
.ck-msheet__r{ font-size:13px; color:var(--ink-3); flex:none; }
.ck-msheet__i.is-selected .ck-msheet__l b{ color:var(--accent-2); font-weight:600; }
.ck .ck-msheet__tick{ width:20px; height:20px; flex:none; color:var(--accent); }
.ck-msheet__i.is-danger, .ck .ck-msheet__i.is-danger > .lucide:first-child{ color:var(--red-ink); }
.ck-msheet__i.is-disabled{ opacity:.45; pointer-events:none; }
/* UI-127 · шрифти нижньої модалки меню — як у модалці пошуку (UI-37): пункт 14, підпис 12, заголовок блоку 11.5; рядок 48, іконка 18 */
.ck-msheet__i{ min-height:48px; padding:7px 12px; font-size:14px; gap:12px; }
.ck .ck-msheet__i > .lucide:first-child{ width:18px; height:18px; }
.ck-msheet__l small{ font-size:12px; }
.ck-msheet__r{ font-size:12px; }
.ck .ck-msheet__tick{ width:18px; height:18px; }
.ck-msheet__hd{ padding:8px 6px 2px; font-size:11.5px; letter-spacing:.06em; }

/* UI-129 · плавність на телефоні. Розмиття фону (backdrop-filter) під кожною плашкою чату й під затемненням змушує iPhone
   перераховувати все при будь-якому русі — звідси «фризи». Плашки й кнопки — такі ж темні напівпрозорі, але без розмиття;
   затемнення під меню й модалками — проявляється прозорістю, без анімації розмиття */
.ck-chat__log .ck-day, .ck-chat__log .ck-evt:not(.ck-evt--ok){ -webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(17,24,39,.5) !important; }
.ck .ck-msg__acts .ck-ibtn{ -webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(17,24,39,.5); }
.ck-backdrop, .ck-backdrop.is-on, .ck-mm-dim, .ck-mm-dim.is-on, .ck-menu-dim, .ck-menu-dim.is-on, .ck-side-bd, .ck-side-bd.is-on{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
/* реакції: трансформації — на відеокарті */
.ck-react{ will-change:auto; backface-visibility:hidden; }
/* UI-131 · шапка підменю з «Назад» — як у модалок: кругла стрілка ліворуч, назва по центру (жирна), праворуч — порожньо для симетрії */
.ck-menu__top{ display:grid; grid-template-columns:28px minmax(0,1fr) 28px; align-items:center; gap:6px; padding:3px 3px 6px; }
.ck-menu__top b{ grid-column:2; text-align:center; font-size:13.5px; font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-menu__back{ width:28px; height:28px; border-radius:14px; background:var(--card); box-shadow:var(--blk-sh); }
.ck .ck-menu__back .lucide{ width:16px; height:16px; }
/* UI-132 · підтвердження, відкрите з меню «⋯», — зі стрілкою «Назад» у лівому верхньому куті (як у модалок); назва — у тексті підтвердження */
.ck-modal--confirm.has-back{ position:fixed; }
/* UI-133: стрілка — на одній лінії із заголовком-питанням (UI-36), заголовок не налазить на неї */
.ck-modal--confirm.has-back .ck-modal__hd{ display:block; position:absolute; top:21px; left:16px; padding:0; z-index:2; }
.ck-modal--confirm.has-back .ck-modal__hd > b{ display:none; }
.ck-modal--confirm.has-back .ck-cf__t{ padding:0 40px; }
@media (max-width:767px){ .ck-modal--confirm.has-back .ck-modal__hd{ top:26px; } }
/* UI-133 · підменю з «Назад»: коротка назва в шапці, пояснення — сірим підзаголовком під нею (як у модалок, UI-32) */
.ck-menu__top{ row-gap:2px; }
.ck-menu__sub{ grid-column:1 / -1; margin:0; padding:0 8px 2px; font-size:12px; line-height:1.35; color:var(--ink-3); text-align:center; text-wrap:balance; }
.ck-menu:has(.ck-menu__top){ max-width:300px; }
/* UI-134 · стрілка «Назад» ліворуч + хрестик праворуч (закриває все) — у модалках і підменю, відкритих з «⋯» */
.ck-modal__hd .ck-modal__x{ grid-column:3; grid-row:1; justify-self:end; }
.ck-menu__top .ck-menu__x{ grid-column:3; grid-row:1; }
.ck-modal--confirm.has-back .ck-modal__hd{ right:16px; display:flex; justify-content:space-between; align-items:center; pointer-events:none; }
.ck-modal--confirm.has-back .ck-modal__hd .ck-ibtn{ pointer-events:auto; }
/* UI-136 · значки біля назви в рядку діалогу — квадратик 18 з фоном, іконка 12, рівно по центру рядка назви */
.ck-dlg__ic{ display:inline-grid; place-items:center; flex:none; width:18px; height:18px; border-radius:5px; }
.ck .ck-dlg__ic .lucide, .ck-dlg__ic svg{ width:12px; height:12px; stroke-width:2.2; display:block; }
.ck-dlg__ic--pin{ background:var(--bk-fef3c7); color:var(--tk-d97706); }
.ck .ck-dlg__ic--pin .lucide{ fill:#FCD34D; }
.ck-dlg__ic--mute{ background:var(--fill-2); color:var(--ink-3); }
.ck-dlg__ic--eye{ background:var(--team-soft-2); color:var(--team); }
.ck-dlg__t{ gap:5px; }
.ck-dlg__t > .ck-dlg__ic:first-of-type{ margin-left:1px; }
/* UI-137 · «сповіщення вимкнено» — насиченіший сірий, щоб було видно й на фіолетовому рядку «Команди», і на білому / жовтому */
.ck-dlg__ic--mute{ background:var(--bk-e3e5ea); color:var(--tk-4b5563); }
.ck-dlg.is-team .ck-dlg__ic--mute{ background:var(--bk-d8d3e8); color:var(--tk-374151); }
/* UI-138 · порожній чат («Повідомлень ще немає») — як системні плашки чату: темна напівпрозора підкладка, білий текст
   (читається на будь-якому фоні чату); іконка — у світлому напівпрозорому квадраті */
.ck-chat__log .ck-chat__empty{ align-self:center; margin:auto; max-width:min(300px, calc(100% - 32px)); padding:16px 20px 18px; gap:6px; border-radius:16px; background:rgba(17,24,39,.5); color:rgba(255,255,255,.85); font-size:13px; line-height:1.4; }
.ck-chat__log .ck-chat__empty b{ color:#fff; font-size:14px; }
.ck-chat__log .ck-chat__empty .ck-icircle{ width:40px; height:40px; border-radius:12px; background:rgba(255,255,255,.16); color:#fff; margin-bottom:2px; }
.ck .ck-chat__log .ck-chat__empty .ck-icircle .lucide{ width:20px; height:20px; }

/* UI-139 · «Нове замовлення» за UI-32: секції — окремими білими блоками; рядок товару — вибір на всю ширину (+ кошик),
   нижче кількість, ціна за одиницю й сума рядка; перемикачі — на всю ширину (UI-35); «Разом» — окремим блоком */
.ck-oitems{ gap:10px; }
.ck-oitem{ display:flex; flex-direction:column; gap:8px; }
.ck-oitem + .ck-oitem{ padding-top:10px; border-top:1px solid var(--line-2); }
.ck-oitem__top{ display:flex; align-items:center; gap:8px; }
.ck-oitem__top .ck-select{ flex:1; min-width:0; }
.ck-oitem__bot{ display:flex; align-items:center; gap:10px; }
.ck-oitem__price{ flex:1; min-width:0; font-size:12.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-oitem__sum{ font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; }
.ck-qty{ height:36px; background:var(--card); }
.ck-qty button:disabled{ opacity:.35; pointer-events:none; }
.ck-oadd{ margin-left:-8px; }
.ck-seg--full{ display:flex; width:100%; }
.ck-seg--full > button{ flex:1; }
.ck-group.ck-ototal{ flex-direction:row; align-items:center; justify-content:space-between; padding:14px 16px; border-top:0; }
.ck-ototal > div{ display:flex; flex-direction:column; gap:2px; }
.ck-ototal small{ font-size:12.5px; color:var(--ink-3); }
.ck-ototal b{ font-size:20px; }
.ck-group > .ck-field[data-of]{ gap:0; }
/* рядки товарів — на всю ширину блоку: вибір тягнеться, кошик праворуч; кількість ліворуч, сума праворуч */
.ck-group > .ck-field[data-of], .ck-group .ck-oitems, .ck-group .ck-oitem, .ck-oitem__top, .ck-oitem__bot{ width:100%; align-self:stretch; }
.ck-oitem__top .ck-select{ flex:1 1 auto; width:auto; max-width:none; justify-content:flex-start; }
.ck-oitem__top .ck-select .ck-pick__v, .ck-oitem__top .ck-select > span:not(:last-child){ flex:1; text-align:left; }
/* UI-141 · «Додати товар» — кнопка на всю ширину (м'який сірий фон, 40 px); неактивна, поки є рядок без товару.
   Помилка «Додайте хоча б один товар» — гармошкою під рядком (UI-38) */
.ck-addbtn.ck-oadd{ width:100%; height:40px; margin:0; justify-content:center; border-radius:var(--r); background:var(--fill); color:var(--ink-2); font-size:13.5px; font-weight:500; }
.ck-addbtn.ck-oadd:hover{ background:var(--fill-2); color:var(--ink); }
.ck-addbtn.ck-oadd:disabled{ opacity:.45; pointer-events:none; }
.ck-group > .ck-field[data-of].is-error::after{ margin-top:6px; }
/* UI-142 · значок біля назви в шапці чату — як у списку (UI-136), по центру рядка назви */
.ck-chat__nm{ display:flex; align-items:center; gap:6px; min-width:0; }
.ck-chat__nm > span{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-chat__nm .ck-dlg__ic--mute{ background:var(--bk-e3e5ea); color:var(--tk-4b5563); }
/* UI-143 · кнопка «видалити» (кошик) — одна на весь продукт: червона (UI-99: #FEE2E2 / червона іконка); поруч із полем —
   квадрат на висоту поля (40 px), заокруглення як у поля */
.ck-ibtn--del, .ck-fsaved__del{ background:var(--bk-fee2e2) !important; color:var(--red) !important; }
.ck-ibtn--del:hover, .ck-fsaved__del:hover{ background:var(--bk-fecaca) !important; }
.ck-oitem__top .ck-ibtn--del{ width:40px; height:40px; flex:none; border-radius:var(--r); }
.ck .ck-oitem__top .ck-ibtn--del .lucide{ width:18px; height:18px; }
.ck-oitem .ck-qty{ height:40px; }   /* UI-35: усі елементи форми — 40 px */
/* UI-144 · на ПК ім'я в шапці чату — просто підпис: без підсвічування й курсора-руки (панель праворуч і так відкрита,
   на вужчих екранах є кнопка «Інформація»); на телефоні — натискання відкриває панель, як і було */
@media (min-width:768px){ .ck-chat__id{ cursor:default; } .ck-chat__id:hover{ background:none; } }
/* UI-145 · лічильник переглядів (👁 N) у повідомленні — лише інформація: без підсвічування на наведенні
   (старий білий ховер робив білі іконку й число невидимими на фіолетовій бульбашці) */
.ck-msg--team .ck-seen:hover{ background:none; color:inherit; }
.ck-msg--out.ck-msg--team .ck-seen:hover{ color:#fff; }
/* UI-146 · значок у рядку «Збережені вкладки» — по центру висоти великих літер тексту, а не всього рядка (оптично) */
.ck .ck-fsaved__i > .lucide, .ck-fsaved__i > svg{ display:block; position:relative; top:-1.5px; }

/* ===== UI-148 · вхідний дзвінок — темна мінімалістична картка по центру екрана ===== */
.ck-ring{ all:unset; position:fixed; z-index:950; left:50%; top:50%; width:272px; box-sizing:border-box; padding:0 0 14px; border-radius:16px; background:var(--bk-18181b); color:#fff;
  box-shadow:0 24px 64px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06); font-family:inherit; font-size:13px; overflow:hidden;
  opacity:0; transform:translate(-50%,-50%) scale(.96); transition:opacity .2s var(--ease), transform .24s cubic-bezier(.2,.9,.3,1.1); }
.ck-ring.is-on{ opacity:1; transform:translate(-50%,-50%); }
.ck-ring__hd{ display:flex; align-items:center; gap:8px; height:40px; padding:0 8px 0 14px; border-bottom:1px solid rgba(255,255,255,.08); }
.ck-ring__line{ flex:1; min-width:0; display:inline-flex; align-items:center; gap:7px; }
.ck-ring__line b{ font-size:12.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-ring__line .ck-ch--inline{ width:16px; height:16px; flex:none; }
.ck-ring__st{ font-size:12px; color:rgba(255,255,255,.55); white-space:nowrap; }
.ck-ring__x{ width:26px; height:26px; border-radius:7px; display:grid; place-items:center; color:rgba(255,255,255,.55); }
.ck-ring__x:hover{ background:rgba(255,255,255,.08); color:#fff; }
.ck .ck-ring__x .lucide{ width:15px; height:15px; }
.ck-ring__who{ display:flex; flex-direction:column; align-items:center; gap:3px; width:100%; padding:22px 16px 16px; color:#fff; text-align:center; }
.ck-ring__who b{ margin-top:10px; font-size:15px; font-weight:600; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-ring__who:hover b{ text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(255,255,255,.4); }
.ck-ring__who small{ font-size:12.5px; color:rgba(255,255,255,.55); }
.ck-ring__ava{ position:relative; display:grid; place-items:center; width:64px; height:64px; }
.ck-ring__ava .ck-ava{ position:relative; z-index:1; width:64px; height:64px; font-size:22px; }
.ck-ring__ava > i{ position:absolute; inset:0; border-radius:50%; box-shadow:0 0 0 0 rgba(34,197,94,.55); animation:ck-ring-pulse 1.6s ease-out infinite; }
@keyframes ck-ring-pulse{ 0%{ box-shadow:0 0 0 0 rgba(34,197,94,.5); } 100%{ box-shadow:0 0 0 14px rgba(34,197,94,0); } }
.ck-ring__acts{ display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 16px 16px; }
.ck-ring__acts button{ display:inline-flex; align-items:center; justify-content:center; gap:7px; height:36px; border-radius:8px; font-size:13.5px; font-weight:600; color:#fff; transition:background .12s; }
.ck .ck-ring__acts .lucide{ width:16px; height:16px; }
.ck-ring__no{ background:#EF4444; } .ck-ring__no:hover{ background:#DC2626; }
.ck-ring__ok{ background:#16A34A; } .ck-ring__ok:hover{ background:#15803D; }
.ck-ring__ok .lucide{ animation:ck-ring 1.2s ease-in-out infinite; }
.ck-ring__info{ display:flex; flex-direction:column; gap:9px; margin:0 16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.08); }
.ck-ring__row{ display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:8px; font-size:12.5px; line-height:1.35; }
.ck-ring__row > span{ color:rgba(255,255,255,.5); }
.ck-ring__row > div{ min-width:0; display:flex; align-items:center; gap:6px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-variant-numeric:tabular-nums; }
.ck-ring__os{ font-size:11px; color:rgba(255,255,255,.6); padding:1px 6px; border-radius:5px; background:rgba(255,255,255,.1); }
.ck-ring__none{ color:rgba(255,255,255,.45); }
.ck-ring__debt{ color:#F87171; font-weight:600; }
.ck-ring .ck-stg__dot{ flex:none; }
.ck-ring__time{ position:absolute; left:0; right:0; bottom:0; height:2px; background:rgba(255,255,255,.06); }
.ck-ring__time > i{ display:block; height:100%; background:#22C55E; transform-origin:left; animation:ck-ring-time 30s linear forwards; }
@keyframes ck-ring-time{ from{ transform:scaleX(1); } to{ transform:scaleX(0); } }
@keyframes ck-ring{ 0%,100%{ transform:rotate(0) } 20%{ transform:rotate(-14deg) } 40%{ transform:rotate(12deg) } 60%{ transform:rotate(-8deg) } 80%{ transform:rotate(4deg) } }
@media (max-width:767px){ .ck-ring{ width:min(300px, calc(100vw - 32px)); } }
@media (prefers-reduced-motion: reduce){ .ck-ring__ava > i, .ck-ring__ok .lucide{ animation:none; } }
/* старі стилі картки (до UI-148) не мають протікати: колір шапки, хитання іконок у шапці */
.ck-ring__hd{ color:#fff; font-weight:400; }
.ck .ck-ring__hd .lucide{ animation:none; }
.ck-ring__os{ font-size:11.5px; padding:2px 7px; }
/* UI-149 · вхідний дзвінок: затемнення екрана під карткою і більша картка */
.ck-ring-dim{ position:fixed; inset:0; z-index:949; background:rgba(15,17,21,.45); opacity:0; transition:opacity .2s var(--ease); }
.ck-ring-dim.is-on{ opacity:1; }
.ck-ring{ width:320px; border-radius:18px; padding-bottom:18px; font-size:14px; }
.ck-ring__hd{ height:46px; padding:0 10px 0 16px; }
.ck-ring__line b{ font-size:13.5px; }
.ck-ring__line .ck-ch--inline{ width:18px; height:18px; }
.ck-ring__st{ font-size:13px; }
.ck-ring__x{ width:30px; height:30px; }
.ck .ck-ring__x .lucide{ width:17px; height:17px; }
.ck-ring__who{ padding:28px 20px 20px; gap:4px; }
.ck-ring__ava, .ck-ring__ava .ck-ava{ width:76px; height:76px; }
.ck-ring__ava .ck-ava{ font-size:26px; }
.ck-ring__who b{ margin-top:12px; font-size:17px; }
.ck-ring__who small{ font-size:13.5px; }
.ck-ring__acts{ gap:10px; padding:0 20px 20px; }
.ck-ring__acts button{ height:42px; border-radius:10px; font-size:14.5px; }
.ck .ck-ring__acts .lucide{ width:18px; height:18px; }
.ck-ring__info{ margin:0 20px; padding-top:16px; gap:11px; }
.ck-ring__row{ grid-template-columns:104px minmax(0,1fr); font-size:13.5px; }
.ck-ring__os{ font-size:12px; }
.ck-ring__time{ height:3px; }
@media (max-width:767px){ .ck-ring{ width:min(340px, calc(100vw - 32px)); } }
/* UI-150 · панель розмови на ПК за замовчуванням — зверху по центру екрана, виїжджає згори; перетягнута — там, де лишили
   (UI-120); на телефоні — внизу на всю ширину, як і було */
@media (min-width:768px){
  .ck-call{ top:12px; bottom:auto; right:auto; left:calc(50% - 150px); transform:translateY(-12px); }
  .ck-call.is-on{ transform:none; }
}

/* UI-151 · дзвінок у прев'ю рядка списку: іконка напрямку + текст; пропущений / відхилений — червоним; йде розмова — зеленим */
.ck-dlg__call{ display:inline-flex; align-items:center; gap:5px; min-width:0; }
.ck .ck-dlg__call .lucide{ width:14px; height:14px; flex:none; color:var(--ink-3); }
.ck-dlg__call.is-missed, .ck .ck-dlg__call.is-missed .lucide{ color:var(--red-ink); }
.ck-dlg__call.is-live, .ck .ck-dlg__call.is-live .lucide{ color:var(--tk-15803d); }
/* UI-152 · іконка всередині кнопки чи посилання не «ловить» натискання — ціллю завжди є сама кнопка.
   Інакше клік по лінії іконки міг загубитися (іконку перемальовано під час натискання, особливості iPhone / Safari) */
button svg, button i[data-lucide], [role="button"] svg, [role="button"] i[data-lucide], a svg, label svg, .ck-select svg{ pointer-events:none; }

/* ===== UI-154 · вхідний дзвінок: без смужки часу; «Згорнути» — компактна плашка (зверху по центру / на телефоні на всю ширину) ===== */
.ck-ring__time{ display:none; }
.ck-ring{ transition:opacity .2s var(--ease), transform .24s cubic-bezier(.2,.9,.3,1.1), top .26s cubic-bezier(.2,.8,.2,1), width .26s cubic-bezier(.2,.8,.2,1), border-radius .26s; }
.ck-ring__mini{ display:none; }
.ck-ring.is-min{ top:12px; width:380px; border-radius:16px; padding:0; transform:translate(-50%, 0); }
.ck-ring.is-min > :not(.ck-ring__mini){ display:none; }
.ck-ring.is-min .ck-ring__mini{ display:flex; align-items:center; gap:8px; padding:8px 8px 8px 10px; }
.ck-ring__mwho{ flex:1; min-width:0; display:flex; align-items:center; gap:10px; color:#fff; text-align:left; border-radius:10px; padding:2px 6px 2px 2px; }
.ck-ring__mwho:hover{ background:rgba(255,255,255,.06); }
.ck-ring__mwho .ck-ring__ava, .ck-ring__mwho .ck-ring__ava .ck-ava{ width:36px; height:36px; font-size:13px; }
.ck-ring__mwho > span:last-child{ min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.ck-ring__mwho b{ font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-ring__mwho small{ font-size:12px; color:rgba(255,255,255,.55); }
.ck-ring__rb{ flex:none; width:38px; height:38px; border-radius:19px; display:grid; place-items:center; color:#fff; transition:background .12s; }
.ck .ck-ring__rb .lucide{ width:18px; height:18px; }
.ck-ring__rb.is-no{ background:#EF4444; } .ck-ring__rb.is-no:hover{ background:#DC2626; }
.ck-ring__rb.is-ok{ background:#16A34A; } .ck-ring__rb.is-ok:hover{ background:#15803D; }
.ck-ring__rb.is-ok .lucide{ animation:ck-ring 1.2s ease-in-out infinite; }
.ck-ring__rb.is-max{ background:rgba(255,255,255,.1); } .ck-ring__rb.is-max:hover{ background:rgba(255,255,255,.18); }
.ck .ck-ring__rb.is-max .lucide{ width:16px; height:16px; }
.ck-ring__hd .ck-ring__x + .ck-ring__x{ margin-left:-4px; }
@media (max-width:767px){ .ck-ring.is-min{ top:calc(10px + env(safe-area-inset-top, 0px)); width:calc(100vw - 20px); } }
/* замовлення клієнта */
.ck-co{ display:flex; flex-direction:column; padding:4px; border-radius:14px; background:var(--card); box-shadow:var(--blk-sh); }
.ck-co__i{ display:flex; align-items:center; gap:12px; width:100%; min-height:56px; padding:8px 10px; border-radius:10px; text-align:left; }
.ck-co__i:hover{ background:var(--fill); }
.ck-co__i + .ck-co__i{ box-shadow:0 -1px 0 var(--line-2); }
.ck-co__l{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-co__l b{ font-size:14px; font-weight:600; }
.ck-co__l small{ font-size:12.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-co__r{ flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:4px; }
.ck-co__r b{ font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; }
.ck-co__r .ck-chip{ height:20px; font-size:11.5px; padding:0 7px; }
.ck-co__debt{ color:var(--red-ink); font-weight:600; }
.ck-ring-dim{ pointer-events:none; } .ck-ring-dim.is-on{ pointer-events:auto; }   /* згорнуто — затемнення прозоре й не забирає кліки */
/* UI-155 · редагування / видалення свого повідомлення (Telegram) */
.ck-bub__ed{ font-style:normal; margin-right:4px; opacity:.85; }
.ck-msg.is-del .ck-msg__acts{ display:none; }
.ck-msg.is-del .ck-bub{ cursor:default; }
.ck-compose__quote.is-edit{ border-left-color:#F59E0B; background:var(--bk-fef3c7); }
.ck-compose__quote.is-edit b{ color:var(--tk-b45309); }
.ck .ck-compose__quote.is-edit > .lucide:first-child{ color:var(--tk-b45309); }
.ck-dlg__m .lucide-ban, .ck .ck-dlg__m > .lucide{ width:13px; height:13px; vertical-align:-2px; margin-right:3px; }

/* ===== UI-156 · масові дії в списку діалогів ===== */
.ck-dlg__avw{ position:relative; display:block; width:40px; height:40px; }
.ck-dlg__chk{ position:absolute; right:-3px; bottom:-3px; z-index:2; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; background:var(--card); box-shadow:0 0 0 1.5px var(--line), 0 1px 2px rgba(16,24,40,.12); color:transparent; transition:background .12s, box-shadow .12s, color .12s; }
.ck .ck-dlg__chk .lucide{ width:13px; height:13px; stroke-width:3; }
.ck-dlg.is-selmode .ck-ch, .ck-dlg.is-selmode .ck-ava > .ck-ch{ opacity:0; }
.ck-dlg.is-picked{ background:var(--accent-soft) !important; }
.ck-dlg.is-picked .ck-dlg__chk{ background:var(--accent); box-shadow:0 0 0 2px var(--card); color:#fff; }
.ck-dlg.is-selmode{ cursor:pointer; user-select:none; }
.ck-bulk{ position:absolute; left:10px; right:10px; bottom:10px; z-index:30; display:flex; flex-direction:column; gap:8px; padding:10px 10px 10px 14px; border-radius:16px; background:var(--dark); color:#fff; box-shadow:0 16px 40px rgba(16,24,40,.28); opacity:0; transform:translateY(12px); transition:opacity .18s var(--ease), transform .22s cubic-bezier(.2,.9,.3,1.1); }
.ck-bulk.is-on{ opacity:1; transform:none; }
.ck-bulk__top{ display:flex; align-items:center; gap:10px; min-height:28px; }
.ck-bulk__top b{ font-size:14px; font-weight:600; }
.ck-bulk__all{ font-size:13px; color:rgba(255,255,255,.7); text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(255,255,255,.3); }
.ck-bulk__all:hover{ color:#fff; }
.ck-bulk .ck-ibtn{ color:rgba(255,255,255,.7); background:transparent; }
.ck-bulk .ck-ibtn:hover{ background:rgba(255,255,255,.1); color:#fff; }
.ck-bulk__acts{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px; }
.ck-bulk__acts .ck-btn{ height:36px; padding:0 8px; gap:6px; border-radius:10px; background:rgba(255,255,255,.1); color:#fff; box-shadow:none; font-size:13px; font-weight:500; }
.ck-bulk__acts .ck-btn:hover{ background:rgba(255,255,255,.18); }
.ck-bulk__acts .ck-btn:disabled{ opacity:.4; pointer-events:none; }
.ck .ck-bulk__acts .lucide{ width:15px; height:15px; flex:none; }
.ck-bulk__acts .ck-btn > span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.ck-bulk__lost{ background:rgba(239,68,68,.22) !important; color:#FCA5A5 !important; }
.ck-bulk__lost:hover{ background:rgba(239,68,68,.34) !important; }
.ck-list.has-bulk .ck-dialogs{ padding-bottom:112px; }
@media (max-width:767px){ .ck-bulk{ bottom:calc(10px + var(--sab)); } }
/* UI-157 · на телефоні спливні повідомлення — зверху (як системні сповіщення), а не знизу: не закривають поле введення
   й панель масових дій */
/* UI-192 · замінює верх з UI-157: на телефоні теж унизу (як скрізь), але піднімаються над полем вводу / панеллю (ui.js) */
@media (max-width:767px){ .ck-toast, .ck-toast *{ pointer-events:none !important; } }   /* повідомлення лише інформує — натискання проходять крізь нього, зникає саме */
.ck-bulk__top .ck-sp{ flex:1; }
/* ===== UI-158 · пошта: лист у чаті, поля листа над полем введення, спам ===== */
.ck-msg.is-mail .ck-bub{ max-width:min(560px, 100%); }
.ck-mail{ display:flex; flex-direction:column; gap:8px; min-width:min(360px, 70vw); }
.ck-mail__hd{ display:flex; flex-direction:column; gap:2px; padding-bottom:8px; border-bottom:1px solid rgba(16,24,40,.08); }
.ck-msg--out .ck-mail__hd{ border-bottom-color:rgba(255,255,255,.22); }
.ck-mail__hd b{ font-size:14px; font-weight:600; line-height:1.35; }
.ck-mail__hd small{ font-size:12px; opacity:.7; overflow-wrap:anywhere; }
.ck-mail__tx{ white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.5; }
.ck-mail__files{ display:flex; flex-wrap:wrap; gap:6px; }
.ck-mail__f{ display:inline-flex; align-items:center; gap:6px; max-width:100%; height:30px; padding:0 10px; border-radius:8px; background:rgba(16,24,40,.06); font-size:12.5px; }
.ck-msg--out .ck-mail__f{ background:rgba(255,255,255,.18); }
.ck .ck-mail__f .lucide{ width:14px; height:14px; flex:none; }
.ck-mail__f b{ font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.ck-mail__f small{ opacity:.65; flex:none; }
.ck-mailhd{ display:flex; flex-direction:column; gap:4px; padding:6px 10px; border-radius:12px; background:var(--card); box-shadow:inset 0 0 0 1px var(--line); }
.ck-compose.is-note .ck-mailhd{ display:none; }
.ck-mailhd__r{ display:flex; align-items:center; gap:10px; min-height:32px; border-bottom:1px solid var(--line-2); }
.ck-mailhd__r[hidden]{ display:none; }
.ck-mailhd__r > span{ flex:none; width:78px; font-size:12.5px; color:var(--ink-3); }
.ck-mailhd__r input{ flex:1; min-width:0; height:30px; border:0; outline:0; background:none; font:inherit; font-size:13.5px; color:var(--ink); }
.ck-mailhd__opts{ display:flex; align-items:center; gap:12px; min-height:28px; }
.ck-mailhd__add{ font-size:12.5px; font-weight:500; color:var(--accent-2); }
.ck-mailhd__add:hover{ color:var(--accent); }
.ck-mailhd__add[hidden]{ display:none; }
.ck-mailhd__opts .ck-sp{ flex:1; }
.ck-mailhd__sig{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--ink-2); cursor:pointer; }
.ck-mailhd__sig input{ width:15px; height:15px; accent-color:var(--accent); }
.ck-dlg__subj{ font-weight:600; color:var(--ink-2); }
.ck-spamnote{ align-items:center; }
.ck-spamnote .ck-btn{ flex:none; margin-left:auto; }
@media (max-width:767px){ .ck-mail{ min-width:0; } .ck-mailhd__r > span{ width:66px; } .ck-mailhd__opts{ flex-wrap:wrap; gap:8px 12px; } }
.ck-mail{ min-width:0; }
.ck-msg.is-mail .ck-msg__body{ max-width:min(560px, 88%); }
.ck-msg.is-mail .ck-bub{ max-width:100%; }

/* ===== UI-159 · пошта: кнопки «+ Копія» з фоном, наш чекбокс, цитата й копії — гармошкою ===== */
.ck-acc2{ display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .24s var(--ease), opacity .2s var(--ease); }
.ck-acc2 > div{ min-height:0; overflow:hidden; }
.ck-acc2.is-open{ grid-template-rows:1fr; opacity:1; }
.ck-mailhd{ gap:0; padding:4px 12px 8px; }
.ck-mailhd__r{ min-height:38px; }
.ck-mailhd__opts{ gap:6px; min-height:0; padding-top:8px; }
.ck-mailhd__opts .ck-addbtn{ height:28px; padding:0 10px; border-radius:8px; background:var(--fill); color:var(--ink-2); transition:background .12s, color .12s; }
.ck-mailhd__opts .ck-addbtn:hover{ background:var(--bk-e4e6eb); color:var(--ink); }
.ck .ck-mailhd__opts .ck-addbtn .lucide{ transition:transform .2s var(--ease); }
.ck-mailhd__opts .ck-addbtn.is-on{ background:var(--accent-soft, var(--bk-e8f0ff)); color:var(--accent-2); }
.ck-mailhd__opts .ck-addbtn.is-on .lucide{ transform:rotate(45deg); }
.ck-mailhd__sig{ display:inline-flex; }
.ck-mailhd__sig .ck-check{ font-size:13px; color:var(--ink-2); gap:8px; }
.ck-mail__q{ display:flex; flex-direction:column; align-items:flex-start; }
.ck-mail__qb{ display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 10px; border-radius:8px; background:rgba(16,24,40,.06); font-size:12.5px; font-weight:500; color:inherit; transition:background .12s; }
.ck-mail__qb:hover{ background:rgba(16,24,40,.1); }
.ck-msg--out .ck-mail__qb{ background:rgba(255,255,255,.18); } .ck-msg--out .ck-mail__qb:hover{ background:rgba(255,255,255,.26); }
.ck .ck-mail__qb .lucide{ width:14px; height:14px; }
.ck .ck-mail__qb .ck-mail__qa{ transition:transform .24s var(--ease); opacity:.7; }
.ck-mail__q.is-open .ck-mail__qa{ transform:rotate(180deg); }
.ck-mail__q .ck-acc2{ align-self:stretch; margin-top:0; transition:grid-template-rows .24s var(--ease), opacity .2s var(--ease), margin-top .24s var(--ease); }
.ck-mail__q.is-open .ck-acc2{ grid-template-rows:1fr; opacity:1; margin-top:8px; }
.ck-mail__qt{ padding:6px 10px; border-left:2px solid currentColor; opacity:.75; font-size:13px; white-space:pre-wrap; }
@media (max-width:767px){ .ck-mailhd__opts{ gap:6px; } }

/* ===== UI-160 · шаблони по лініях і погодження ===== */
.ck-qrm__ln{ display:flex; flex-wrap:wrap; gap:4px; }
.ck-qrm__lc{ display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 8px 0 3px; border-radius:6px; background:var(--fill); font-size:11.5px; font-weight:500; color:var(--ink-2); max-width:100%; }
.ck-qrm__lc > span:last-child{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-qrm__lc .ck-ch--inline:has(.ck-chimg){ width:16px; height:16px; border-radius:4px; }
.ck-qrm__pch i{ font-style:normal; min-width:18px; height:18px; padding:0 5px; margin-left:6px; border-radius:9px; background:var(--red); color:#fff; font-size:11px; font-weight:600; display:inline-grid; place-items:center; }
.ck-qrm__pch[hidden]{ display:none; }
.ck-qrm__i--pend{ gap:8px; cursor:default; transition:height .24s var(--ease), opacity .2s var(--ease), padding .24s var(--ease), margin .24s var(--ease); }
.ck-qrm__i--pend:hover{ background:var(--card); } .ck-qrm__i--pend:active{ transform:none; }
.ck-qrm__i--pend .ck-qrm__t{ -webkit-line-clamp:unset; display:block; }
.ck-qrm__i--pend.is-gone{ opacity:0; padding-top:0; padding-bottom:0; margin-bottom:-8px; overflow:hidden; }
.ck-qrm__by{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ink-3); }
.ck-qrm__by b{ color:var(--ink-2); font-weight:600; }
.ck-qrm__by .ck-ava{ width:22px; height:22px; font-size:9.5px; flex:none; }
.ck-qrm__acts{ display:flex; gap:8px; padding-top:2px; }
.ck-qrm__acts .ck-btn{ flex:1; }
.ck-qrm__wait{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--tk-b45309); }
.ck .ck-qrm__wait .lucide{ width:14px; height:14px; }
.ck-qrl{ padding-top:10px; }
@media (max-width:767px){ .ck-qrm__acts .ck-btn{ height:40px; } }

/* ===== UI-163 · кілька воронок ===== */
.ck-funw{ margin:4px 8px 0; }
.ck-seg--fun{ display:inline-flex; width:auto; }
.ck-seg--fun button{ gap:6px; padding:0 14px; }
.ck-seg--fun .ck-badge{ margin-left:2px; }
.ck-fstg__fn{ font-size:11.5px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-3); margin:12px 0 8px; }
.ck-fstg__fn:first-of-type{ margin-top:4px; }
.ck-funrow{ display:flex; align-items:center; gap:12px; }
.ck-funrow .ck-row__t b{ display:inline-flex; align-items:center; gap:6px; }
.ck-funrow__st{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.ck-funrow .ck-row__t{ flex:1; min-width:0; }
.ck-funrow__s{ font-style:normal; display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 9px; border-radius:7px; background:var(--fill); font-size:12px; color:var(--ink-2); }
.ck-funrow--ln{ justify-content:space-between; }
.ck-funrow__l{ display:flex; align-items:center; gap:10px; min-width:0; }
.ck-funrow__l > span{ display:flex; flex-direction:column; min-width:0; }
.ck-funrow__l b{ font-size:13.5px; font-weight:600; }
.ck-funrow__l small{ font-size:12px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-funrow--ln .ck-select{ width:160px; flex:none; }
@media (max-width:767px){ .ck-funw{ margin:0; overflow-x:auto; } .ck-funrow--ln .ck-select{ width:130px; } }
.ck-seg--fun .ck-badge, .ck-seg--fun .is-active .ck-badge{ background:var(--bk-e5e7eb); color:var(--ink-2); }

/* ===== UI-165 · правила етапів і «завис на етапі» ===== */
.ck-cb--amber{ background:var(--amber-soft); color:var(--amber-ink); font-weight:600; }
.ck-bcard.is-stuck{ box-shadow:inset 3px 0 0 #F59E0B, var(--blk-sh); }
.ck-bcol__stk{ display:inline-flex; align-items:center; gap:3px; height:20px; padding:0 7px; border-radius:6px; background:var(--amber-soft); color:var(--amber-ink); font-size:11.5px; font-weight:600; }
.ck .ck-bcol__stk .lucide{ width:12px; height:12px; }
.ck-ava--auto{ background:var(--bk-e0eaff) !important; color:var(--accent-2); display:grid; place-items:center; }
.ck .ck-ava--auto .lucide{ width:58%; height:58%; }
button.ck-funrow__s{ cursor:pointer; transition:background .12s; gap:6px; }
button.ck-funrow__s:hover{ background:var(--bk-e4e6eb); }
.ck-funrow__s small{ display:inline-flex; align-items:center; gap:3px; font-size:11px; font-weight:600; color:var(--amber-ink); }
.ck .ck-funrow__s small .lucide{ width:11px; height:11px; }
.ck .ck-funrow__ri{ width:13px; height:13px; color:var(--ink-3); }
.ck-srules{ gap:10px; }
.ck-srule .ck-krow{ min-height:0; }
.ck-srule__f{ display:flex; flex-direction:column; gap:12px; padding-top:12px; }
.ck-input--h input{ -moz-appearance:textfield; }
.ck-input--h input::-webkit-outer-spin-button, .ck-input--h input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.ck-input__suf{ flex:none; font-size:13px; color:var(--ink-3); }

/* ===== UI-166 · зміни менеджерів ===== */
.ck-shdot{ display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--bk-a1a1aa); margin-right:5px; vertical-align:1px; }
.ck-shdot.is-on{ background:#16A34A; box-shadow:0 0 0 2px rgba(22,163,74,.18); }
.ck-dlg__mgr.is-off .ck-ava{ filter:grayscale(1); opacity:.55; }
.ck-offnote{ display:flex; align-items:flex-start; gap:6px; margin:8px 0 0; padding:8px 10px; border-radius:10px; background:var(--fill); font-size:12.5px; line-height:1.4; color:var(--ink-2); }
.ck .ck-offnote .lucide{ width:14px; height:14px; flex:none; margin-top:1px; color:var(--ink-3); }
.ck-shchip{ flex:none; }
.ck-shsel{ width:200px !important; }
@media (max-width:767px){ .ck-shsel{ width:150px !important; } .ck-shchip{ display:none; } }
.ck-funrow--ln .ck-funrow__l{ flex:1; }
.ck-funrow__l .ck-shchip{ margin-left:auto; margin-right:4px; }

/* ===== UI-167 · права на діалоги ===== */
.ck-viewas{ display:flex; align-items:center; gap:10px; margin:0 16px 8px; padding:8px 8px 8px 10px; border-radius:12px; background:var(--bk-eef2ff); box-shadow:inset 0 0 0 1px var(--bk-c7d2fe); }
.ck-viewas .ck-ava{ width:28px; height:28px; font-size:11px; flex:none; }
.ck-viewas > span{ flex:1; min-width:0; display:flex; flex-direction:column; font-size:13px; color:var(--ink); line-height:1.3; }
.ck-viewas small{ font-size:11.5px; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-viewas .ck-btn{ flex:none; }
.ck-rgacts{ display:flex; gap:6px; flex:none; }
.ck-pick.is-disabled{ opacity:.6; cursor:not-allowed; }
@media (max-width:767px){ .ck-rgacts .ck-btn span{ display:none; } .ck-rgacts .ck-btn{ width:32px; padding:0; } }
.ck-rgrows{ display:flex; flex-direction:column; }
.ck-rgrows .ck-krow{ display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--line-2); }
.ck-rgrows .ck-krow:first-child{ border-top:0; padding-top:4px; }
.ck-rgrows .ck-row__t{ flex:1; min-width:0; }

/* ===== UI-168 · ескалація «Важливих», «прострочено сьогодні» ===== */
.ck-odue{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:0 12px 8px; padding:8px 10px; border-radius:12px; background:var(--red-soft); }
.ck-odue__t{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:var(--red-ink); margin-right:auto; }
.ck .ck-odue__t .lucide{ width:14px; height:14px; }
.ck-odue__i{ display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 8px 0 3px; border-radius:13px; background:var(--bk-ffffff); font-size:12.5px; color:var(--ink-3); }
.ck-odue__i .ck-ava{ width:20px; height:20px; font-size:9px; }
.ck-odue__i.is-red b{ color:var(--red-ink); }
.ck-odue__n{ font-weight:600; } .ck-odue__n.is-red{ color:var(--red-ink); }
/* ===== UI-169 · сповіщення ===== */
.ck-ntf__g{ font-size:11.5px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-3); margin:14px 4px 6px; }
.ck-ntf__g:first-of-type{ margin-top:4px; }
.ck-ntf .ck-krow{ min-height:0; }
.ck-tgbot{ display:flex; align-items:center; gap:10px; padding:10px 0; }
.ck-tgbot .ck-row__t{ flex:1; min-width:0; }
.ck-tgbot__ic{ width:32px; height:32px; border-radius:8px; overflow:hidden; flex:none; }
.ck-tgbot.is-on .ck-row__t b{ color:var(--tk-15803d); }
.ck-tgsteps{ margin:0; padding:4px 0 12px 18px; display:flex; flex-direction:column; gap:10px; font-size:13px; color:var(--ink-2); }
.ck-tgsteps li b{ color:var(--ink); }
.ck-tgcode{ display:flex; align-items:center; gap:8px; margin-top:6px; }
.ck-tgcode > b{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:18px; letter-spacing:.08em; padding:4px 12px; border-radius:8px; background:var(--fill); color:var(--ink); }
.ck-tgcode .ck-addbtn{ height:28px; padding:0 10px; border-radius:8px; background:var(--fill); }
[data-tg-steps] .ck-btn{ margin-bottom:10px; }
.ck-ntf__time{ padding-top:4px; }
.ck-ntf__chk{ padding:10px 0 12px; }
.ck-ntf > [data-tg-box], .ck-ntf > .ck-acc2, .ck-ntf > .ck-krow{ align-self:stretch; width:100%; }
.ck-odue__t{ flex-basis:100%; margin-right:0; }

/* ===== UI-170 · перемикачі: пігулка, що їде до активної вкладки ===== */
.ck-seg, .ck-cmodes{ position:relative; }
.ck-segind{ position:absolute; top:0; left:0; width:0; height:0; border-radius:var(--r-s); background:var(--card); box-shadow:0 1px 3px rgba(16,24,40,.10), 0 1px 2px rgba(16,24,40,.06); pointer-events:none; z-index:0; opacity:0;
  transition:transform .32s cubic-bezier(.3,.8,.25,1), width .32s cubic-bezier(.3,.8,.25,1), height .2s, opacity .15s; will-change:transform; }
.ck-cmodes > .ck-segind{ border-radius:7px; box-shadow:0 1px 2px rgba(16,24,40,.12), 0 1px 1px rgba(16,24,40,.04); }
.ck-seg.has-ind > button, .ck-cmodes.has-ind > button{ position:relative; z-index:1; }
.ck-seg.has-ind > button.is-active, .ck-compose__modes .ck-cmodes.has-ind > button[data-cmode].is-active{ background:transparent; box-shadow:none; }
.ck-seg.has-ind > button:not(.is-active):hover{ background:transparent; color:var(--ink); }
@media (prefers-reduced-motion:reduce){ .ck-segind{ transition:none; } }

/* ===== UI-171 · поля листа на телефоні ===== */
.ck-mailhd__sum{ display:none; }
.ck-mailhd__r textarea{ flex:1; min-width:0; min-height:30px; padding:6px 0; border:0; outline:0; resize:none; background:none; font:inherit; font-size:13.5px; line-height:1.35; color:var(--ink); overflow:hidden; }
@media (max-width:767px){
  .ck-mailhd{ padding:0 12px; }
  .ck-mailhd__sum{ display:flex; align-items:center; gap:8px; width:100%; min-height:44px; text-align:left; }
  .ck-mailhd__st{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.25; }
  .ck-mailhd__st small{ font-size:11.5px; color:var(--ink-3); }
  .ck-mailhd__st b{ font-size:14px; font-weight:500; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .ck-mailhd__meta{ flex:none; font-size:12px; color:var(--ink-3); }
  .ck .ck-mailhd__chev{ flex:none; width:18px; height:18px; color:var(--ink-3); transition:transform .24s var(--ease); }
  .ck-mailhd.is-open .ck-mailhd__chev{ transform:rotate(180deg); }
  .ck-mailhd__body{ display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .26s var(--ease), opacity .2s var(--ease); }
  .ck-mailhd__body > div{ min-height:0; overflow:hidden; }
  .ck-mailhd.is-open .ck-mailhd__body{ grid-template-rows:1fr; opacity:1; }
  .ck-mailhd.is-open .ck-mailhd__sum{ border-bottom:1px solid var(--line-2); }
  .ck-mailhd.is-open .ck-mailhd__st b{ visibility:hidden; }
  .ck-mailhd__r{ flex-direction:column; align-items:stretch; gap:0; padding:8px 0 4px; }
  .ck-mailhd__r > span{ width:auto; font-size:11.5px; }
  .ck-mailhd__r input, .ck-mailhd__r textarea{ font-size:15px; height:auto; }
  .ck-mailhd__r input{ height:30px; }
  .ck-mailhd__opts{ padding:8px 0 10px; }
}
.ck-mailhd__up{ display:none; }
@media (max-width:767px){
  .ck-mailhd__r textarea{ flex:none; }
  .ck-mailhd.is-open .ck-mailhd__sum{ display:none; }
  .ck-mailhd__r > span:has(.ck-mailhd__up){ display:flex; align-items:center; justify-content:space-between; }
  .ck-mailhd__up{ display:grid; place-items:center; width:28px; height:28px; margin:-6px -6px -6px 0; border-radius:8px; color:var(--ink-3); }
  .ck-mailhd__up:hover{ background:var(--fill); }
  .ck .ck-mailhd__up .lucide{ width:18px; height:18px; }
}
/* UI-172: підказка — довгий текст переноситься всередині (не вилазить), коротка — в один рядок */
.ck-tip{ white-space:normal; width:max-content; max-width:min(280px, calc(100vw - 16px)); line-height:1.35; text-wrap:balance; overflow-wrap:anywhere; }
@media (max-width:767px){ .ck-mailhd__up{ margin:-6px 0; } }

/* ===== UI-174 · «Коментарі» — як «Повідомлення» ===== */
.ck-cmt__who{ color:var(--ink); font-weight:600; }
.ck-cmt.is-unread .ck-dlg__n{ font-weight:700; }
.ck-cmt__dot{ width:9px; height:9px; border-radius:50%; background:var(--accent); margin:6px 4px 0 auto; }
.ck-dg--blue{ background:var(--blue-soft); color:var(--blue-ink); }
.ck-list__empty{ padding:48px 16px; }
.ck-msg.is-flash .ck-bub{ animation:ck-flash 1.5s var(--ease); }
@keyframes ck-flash{ 0%, 60%{ box-shadow:0 0 0 3px rgba(245,158,11,.55); } 100%{ box-shadow:0 0 0 3px rgba(245,158,11,0); } }

/* ===== UI-175 · «Нагадування» — як «Повідомлення» ===== */
.ck-dg--green{ background:var(--green-soft); color:var(--green-ink); }
.ck-dg--purple{ background:var(--purple-soft); color:var(--purple-ink); }
.ck-dg--gray{ background:var(--bk-ecedf0); color:var(--ink-2); }
.ck-rem__who{ gap:4px; padding-left:2px; }
.ck-rem__who .ck-ava{ width:14px; height:14px; font-size:7px; }
.ck-dlg__time.is-red{ color:var(--red); font-weight:600; }
.ck-rdone{ width:26px; height:26px; margin:2px 0 0 auto; border-radius:50%; display:grid; place-items:center; box-shadow:inset 0 0 0 1.6px var(--bk-c9cdd4); color:transparent; background:var(--card); transition:box-shadow .15s, background .15s, color .15s; }
.ck .ck-rdone .lucide{ width:15px; height:15px; stroke-width:2.6; }
.ck-rdone:hover{ box-shadow:inset 0 0 0 1.6px var(--green); color:var(--green); background:var(--green-soft); }
.ck-rdone.is-done{ background:var(--green); box-shadow:none; color:#fff; }
.ck-rem.is-done .ck-dlg__m{ text-decoration:line-through; color:var(--ink-3); }
.ck-rem.is-done .ck-dlg__n{ color:var(--ink-2); }
.ck-rem.is-gone{ opacity:0; transform:translateX(12px); transition:opacity .22s, transform .22s; }
.ck-lgrp{ position:sticky; top:0; z-index:2; display:flex; align-items:center; gap:6px; padding:10px 16px 6px; background:var(--card); font-size:11.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3); }
.ck-lgrp small{ font-size:11px; font-weight:600; color:var(--ink-3); background:var(--fill); border-radius:5px; padding:1px 6px; letter-spacing:0; }
.ck-lgrp.is-red{ color:var(--red-ink); } .ck-lgrp.is-red small{ background:var(--red-soft); color:var(--red-ink); }
.ck-calhd .ck-top__back{ display:none; }
.ck-calw{ padding-top:8px; }
.ck-caldl{ margin:0 -16px; }
@media (max-width:767px){ .ck-calhd .ck-top__back{ display:inline-grid; } }

/* UI-176: нагадування — усе видно (без градієнта), текст до двох рядків, менша кнопка «Виконано», «+N» у календарі — плашкою */
.ck-rem .ck-dlg__bg{ -webkit-mask-image:none; mask-image:none; flex-wrap:wrap; }
.ck-rem .ck-dlg__m{ height:auto; max-height:40px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ck-rem__who{ display:inline-flex; align-items:center; }
.ck-rem__who .ck-ava{ width:20px; height:20px; font-size:8.5px; }
.ck-rdone{ width:20px; height:20px; margin-top:6px; box-shadow:inset 0 0 0 1.5px var(--bk-c9cdd4); }
.ck .ck-rdone .lucide{ width:12px; height:12px; stroke-width:3; }
.ck-org__more{ display:inline-block; align-self:flex-start; margin:2px 0 0 2px; padding:1px 6px; border-radius:5px; background:var(--bk-e4e6eb); color:var(--ink-2); font-size:10.5px; font-weight:600; line-height:15px; }
[data-dialogs] > .ck-dlg:last-child, [data-cmts] > .ck-dlg:last-child, [data-rems] > .ck-dlg:last-child, .ck-caldl > .ck-dlg:last-child{ border-bottom:0; }
/* UI-177: заголовок групи в списку — спокійний: звичайні літери, сірий на світло-сірій смужці, число сірим */
.ck-lgrp{ padding:7px 16px; background:var(--bk-f6f7f9); border-bottom:1px solid var(--line-2); font-size:12.5px; font-weight:600; letter-spacing:0; text-transform:none; color:var(--ink-2); gap:6px; }
.ck-lgrp small, .ck-lgrp.is-red small{ background:none; padding:0; font-size:12.5px; font-weight:500; color:var(--ink-3); }
.ck-lgrp.is-red{ color:var(--ink-2); }

/* UI-178: лічильник у заголовку групи / дня — бейдж (червоний, коли є що робити; темно-сірий — інакше); місце під смугу прокрутки — завжди */
.ck-lcnt{ display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:16px; padding:0 5px; border-radius:5px; background:var(--bk-dddee3); color:var(--ink-2); font-size:10px; font-weight:600; font-variant-numeric:tabular-nums; }
.ck-lcnt.is-red{ background:var(--red); color:#fff; }
.ck-feed__grp .ck-lcnt{ margin-left:2px; }
.ck-calw, [data-rems], [data-cmts]{ scrollbar-gutter:stable; }
.ck-calempty{ padding:28px 16px 32px; }
.ck-calempty .ck-addbtn{ margin-top:8px; height:32px; padding:0 12px; border-radius:8px; background:var(--fill); color:var(--ink-2); }
/* ===== UI-180 · календар — суцільна сітка: клітинки впритик на сірому, білі лінії між ними, вибраний день — синій ===== */
.ck-org__w{ gap:0; }
.ck-org__g{ gap:1px; background:var(--bk-ffffff); border-radius:12px; overflow:hidden; box-shadow:0 0 0 1px var(--bk-eef0f3); }
.ck-org__d{ border-radius:0; background:var(--bk-f3f4f6); box-shadow:none; transition:background .12s; }
.ck-org__d:hover{ box-shadow:none; background:var(--bk-eaecef); }
.ck-org__d.is-other{ background:var(--bk-f9fafb); box-shadow:none; opacity:1; }
.ck-org__d.is-other .ck-org__n{ color:#B8BDC6; }
.ck-org__d.is-other .ck-org__r, .ck-org__d.is-other .ck-org__more{ opacity:.55; }
.ck-org__n{ color:var(--ink); }
.ck-org__r{ background:var(--bk-ffffff); color:var(--ink-2); font-weight:500; }
.ck-org__d.has-over .ck-org__r{ background:var(--bk-fee2e2); color:var(--tk-b91c1c); }
.ck-org__more{ background:var(--bk-e1e3e8); color:var(--ink-2); }
.ck-org__d.is-sel, .ck-org__d.is-sel:hover{ background:var(--accent); box-shadow:none; }
.ck-org__d.is-sel .ck-org__n{ color:#fff; }
.ck-org__d.is-sel.is-today .ck-org__n{ background:var(--bk-ffffff); color:var(--accent); }
.ck-org__d.is-sel .ck-org__r, .ck-org__d.is-sel.has-over .ck-org__r{ background:rgba(255,255,255,.2); color:#fff; }
.ck-org__d.is-sel .ck-org__more{ background:rgba(255,255,255,.28); color:#fff; }
.ck-org__d.is-sel .ck-org__dot{ background:var(--bk-ffffff); }
@media (max-width:767px){ .ck-org__more{ display:none; } }
/* UI-181: лінії сітки календаря — темніші за клітинки */
.ck-org__g{ background:var(--bk-dcdfe4); box-shadow:0 0 0 1px var(--bk-dcdfe4); }
/* UI-182: шапка календаря з «+» (телефон), заголовок дня — як група списку, скелетони розділів */
.ck-calhd__acts{ display:none; }
@media (max-width:767px){ .ck-calhd__acts{ display:flex; } }
.ck-lgrp--cal{ position:static; margin:12px -16px 0; }
.ck-lgrp--sk{ position:static; }
.ck-dlg--sk .ck-sk--ava20{ width:20px; height:20px; border-radius:50%; }
[data-cmts].is-fresh .ck-dlg, [data-rems].is-fresh .ck-dlg, [data-rems].is-fresh .ck-lgrp{ animation:ck-dlg-in .3s ease-out both; }
/* UI-183: скелетон нагадувань — висоти як у справжніх (заголовок 33, рядок 83 / 103), смуга прокрутки — під заголовком групи,
   стрілка «Назад» у календар на ПК, лінія над заголовком дня */
.ck-lgrp--sk{ height:33px; box-sizing:border-box; }
.ck-dlg--sk.is-rem .ck-sk-m{ height:64px; }
.ck-dlg--sk.is-rem.is-2l .ck-sk-m{ grid-template-rows:20px 20px 20px auto; height:84px; }
[data-rems].has-grp::-webkit-scrollbar-track{ margin-top:33px; }
.is-fromcal .ck-chat .ck-top__back{ display:inline-grid; }
.ck-lgrp--cal{ border-top:1px solid var(--line-2); }

/* ===== UI-186 · «Воронка» — один білий блок як колонки «Повідомлень»: шапка, інструменти, дошка ===== */
.ck-pcard{ height:100%; min-height:0; display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:var(--r-l); box-shadow:var(--sh-card); overflow:hidden; }
.ck-pcard .ck-burger{ display:none; }
.ck-pcard__tools{ display:flex; align-items:center; gap:12px; padding:0 16px 12px; flex:none; }
.ck-pcard__tools .ck-search{ flex:0 1 300px; }
.ck-pcard .ck-seg{ padding:5px; gap:4px; overflow-x:auto; scrollbar-width:none; }
.ck-pcard .ck-seg::-webkit-scrollbar{ display:none; }
.ck-pcard .ck-seg button{ flex:1 0 auto; height:34px; padding:0 14px; gap:6px; }
.ck-pcard .ck-funw{ margin:0; }
.ck-boardpg{ padding-bottom:0; }
.ck-boardpg .ck-board{ padding:0 16px 16px; gap:12px; }
.ck-boardpg .ck-bcol{ background:var(--bk-f3f4f6); border-radius:14px; }
.ck-bcol__hd .ck-lcnt{ flex:none; }
@media (max-width:767px){
  .ck-pcard{ border:0; border-radius:0; box-shadow:none; }
  .ck-pcard .ck-burger{ display:inline-grid; background:var(--fill); }
  .ck-pcard__tools{ flex-direction:column; align-items:stretch; gap:10px; }
  .ck-pcard__tools .ck-search{ flex:none; }
  .ck-boardpg .ck-board{ margin:0; padding:0 16px 12px; scroll-padding:0 16px; }
  .ck-boardpg .ck-bcol{ flex-basis:calc(100vw - 48px); }
}
.ck-pcard .ck-hd .ck-ibtn{ background:var(--fill); } .ck-pcard .ck-hd .ck-ibtn:hover{ background:var(--fill-2); }
.ck-pcard .ck-hd .ck-ibtn.is-active{ background:var(--dark); color:#fff; }
.ck-boardpg .ck-board{ scroll-padding:0 16px; }
.ck-seg.ck-seg--fun button .ck-badge, .ck-seg.ck-seg--fun button.is-active .ck-badge, .ck-seg.ck-seg--fun button.is-active .ck-badge--gray{ background:var(--bk-dddee3); color:var(--ink-2); }
/* UI-187: стрілки гортання дошки */
.ck-bnav{ margin-left:auto; display:flex; gap:6px; flex:none; }
.ck-pcard__tools .ck-bnav .ck-ibtn{ background:var(--fill); } .ck-pcard__tools .ck-bnav .ck-ibtn:hover:not(:disabled){ background:var(--fill-2); }
.ck-bnav .ck-ibtn:disabled{ opacity:.4; cursor:default; }
@media (max-width:767px){ .ck-bnav{ display:none; } }

/* ===== UI-188 · «Воронка»: фільтр і масові дії ===== */
.ck-pcard{ position:relative; }
.ck-pcard .ck-hd .ck-ibtn .ck-nbadge--dot{ top:6px; right:6px; }
.ck-bcard__top{ position:relative; }
.ck-bcard__chk{ position:absolute; left:-4px; top:-4px; z-index:2; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; background:var(--card); box-shadow:inset 0 0 0 1.6px var(--bk-c9cdd4), 0 1px 2px rgba(0,0,0,.08); color:transparent; transition:background .12s, box-shadow .12s; }
.ck .ck-bcard__chk .lucide{ width:12px; height:12px; stroke-width:3; }
.ck-bcard.is-picked{ box-shadow:0 0 0 2px var(--accent), 0 1px 2px rgba(16,24,40,.05); background:var(--bk-f5f8ff); }
.ck-bcard.is-picked .ck-bcard__chk{ background:var(--accent); box-shadow:none; color:#fff; }
.ck-bcard.is-selmode{ cursor:pointer; }
.ck-pcard .ck-bulk{ left:50%; right:auto; width:min(560px, calc(100% - 20px)); transform:translateX(-50%) translateY(8px); }
.ck-pcard .ck-bulk.is-on{ transform:translateX(-50%); }
.ck-pcard.has-bulk .ck-board{ padding-bottom:150px; }
.ck-pcard .ck-bulk__acts{ grid-template-columns:repeat(5, minmax(0,1fr)); }
@media (max-width:767px){ .ck-pcard .ck-bulk__acts{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
.ck-bcard.is-picked{ outline:2px solid var(--accent); outline-offset:-1px; }
.ck-pcard .ck-bulk{ width:min(660px, calc(100% - 20px)); }

/* ===== UI-189 · «Замовлення» — як «Повідомлення»: список, картка замовлення в центрі, панель клієнта ===== */
[data-ords]{ scrollbar-gutter:stable; }
[data-ords].is-fresh .ck-dlg{ animation:ck-dlg-in .3s ease-out both; }
.ck-ord__no{ font-weight:600; color:var(--ink); font-variant-numeric:tabular-nums; }
.ck-ord__sum{ font-size:13px; font-weight:700; color:var(--ink); white-space:nowrap; font-variant-numeric:tabular-nums; }
.ck-ord.is-cancel .ck-ord__sum{ color:var(--ink-3); text-decoration:line-through; font-weight:600; }
.ck-orow.is-active{ background:var(--band); box-shadow:inset 0 0 0 1.5px var(--dark); }
.ck-ordhd .ck-top__back{ display:none; }
@media (max-width:767px){ .ck-ordhd .ck-top__back{ display:inline-grid; } }
.ck-ordhd .ck-chat__id{ cursor:default; }
.ck-ordhd .ck-chat__id:hover{ background:none; }
.ck-ordic{ width:40px; height:40px; border-radius:12px; background:var(--fill); color:var(--tk-3f3f46); display:grid; place-items:center; flex:none; }
.ck .ck-ordic .lucide{ width:20px; height:20px; }
.ck-ordv{ background:var(--sheet); padding:14px 16px 20px; }
.ck-ordv__in{ width:100%; display:flex; flex-direction:column; gap:12px; }
.ck-ordv__2{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:12px; }
.ck-oblk{ background:var(--card); border-radius:14px; box-shadow:var(--blk-sh); padding:14px 16px; display:flex; flex-direction:column; gap:10px; min-width:0; }
.ck-oblk__hd{ display:flex; align-items:center; gap:8px; min-height:28px; }
.ck-oblk__hd > b{ font-size:14px; font-weight:600; }
.ck-oblk__hd .ck-dg{ height:22px; padding:0 8px; font-size:11.5px; border-radius:6px; }
.ck-oblk .ck-irow{ padding:0; }
/* кроки статусу */
.ck-osteps{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); }
.ck-osteps li{ position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; min-width:0; }
.ck-osteps li::before{ content:""; position:absolute; top:10px; left:calc(-50% + 13px); right:calc(50% + 13px); height:2px; border-radius:2px; background:var(--bk-e4e6eb); }
.ck-osteps li:first-child::before{ display:none; }
.ck-osteps li.is-done::before, .ck-osteps li.is-cur::before{ background:var(--green); }
.ck-osteps i{ width:22px; height:22px; border-radius:50%; background:var(--bk-e4e6eb); display:grid; place-items:center; color:#fff; position:relative; z-index:1; }
.ck .ck-osteps i .lucide{ width:13px; height:13px; stroke-width:3; }
.ck-osteps li.is-done i{ background:var(--green); }
.ck-osteps li.is-cur i{ background:var(--card); box-shadow:inset 0 0 0 6px var(--green); }
.ck-osteps span{ font-size:12px; line-height:15px; color:var(--ink-3); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ck-osteps li.is-done span{ color:var(--ink-2); }
.ck-osteps li.is-cur span{ color:var(--ink); font-weight:600; }
.ck-ocx{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; background:var(--bk-f3f4f6); color:var(--ink-2); }
.ck .ck-ocx > .lucide{ width:20px; height:20px; color:var(--ink-3); flex:none; }
.ck-ocx span{ display:flex; flex-direction:column; min-width:0; }
.ck-ocx b{ font-size:13px; color:var(--ink); font-weight:600; }
.ck-ocx small{ font-size:12px; color:var(--ink-3); }
/* товари */
.ck-olis{ display:flex; flex-direction:column; }
.ck-oli{ display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--line-2); }
.ck-oli:first-child{ padding-top:2px; }
.ck-oli__ph{ width:40px; height:40px; border-radius:10px; object-fit:cover; background:var(--fill); display:grid; place-items:center; color:var(--ink-3); flex:none; }
.ck-oli__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-oli__t b{ font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-oli__t small{ font-size:12px; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.ck-oli__s{ font-size:13.5px; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; }
.ck-ototal2{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:2px; }
.ck-ototal2 > span{ font-size:14px; font-weight:600; }
.ck-ototal2 small{ font-size:12px; font-weight:400; color:var(--ink-3); margin-left:6px; }
.ck-ototal2 b{ font-size:17px; font-weight:700; font-variant-numeric:tabular-nums; }
/* клієнт */
.ck-ocl{ display:flex; align-items:center; gap:12px; }
.ck-ocl__t{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.ck-ocl__t b{ font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-ocl__t small{ font-size:12.5px; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-ocl__mgr{ display:inline-flex; align-items:center; gap:6px; min-width:0; }
.ck-ocl__mgr .ck-ava{ width:20px; height:20px; font-size:8.5px; }
/* історія */
.ck-ohist{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.ck-ohist li{ position:relative; display:flex; gap:12px; padding:0 0 12px; }
.ck-ohist li:last-child{ padding-bottom:0; }
.ck-ohist li::before{ content:""; position:absolute; left:4px; top:14px; bottom:-2px; width:2px; background:var(--bk-e4e6eb); }
.ck-ohist li:last-child::before{ display:none; }
.ck-ohist i{ width:10px; height:10px; border-radius:50%; background:var(--bk-c9cdd4); flex:none; margin-top:4px; }
.ck-ohist li:first-child i{ background:var(--accent); }
.ck-ohist span{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.ck-ohist b{ font-size:13px; font-weight:500; }
.ck-ohist small{ font-size:12px; color:var(--ink-3); }
.ck-co__i > .ck-ava, .ck-co__i > .ck-avw{ flex:none; }
@media (max-width:767px){
  .ck-ordv{ padding:12px 12px calc(16px + var(--sab)); }
  .ck-osteps span{ display:none; }   /* на телефоні підписи під кожним кроком не влазять — один повний підпис під рядом */
  .ck-osteps__cap{ display:block !important; }
  .ck-ordv__2{ grid-template-columns:1fr; }
}
.ck-ord .ck-dlg__bg{ min-height:20px; align-items:center; }   /* рядок завжди однієї висоти (83), з аватаркою «веде» чи без — як скелетон */
.ck-pick__list > .ck-co{ margin:0; }
.ck-osteps__cap{ display:none; text-align:center; font-size:12.5px; color:var(--ink-3); margin-top:-2px; }
.ck-osteps__cap b{ color:var(--ink); font-weight:600; }

/* ===== UI-190 · «Замовлення»: номер — плашкою, суми зелені, кнопки з фоном, щільніша картка ===== */
[data-ords] > .ck-dlg:last-child{ border-bottom:0; }
.ck-ord__no{ display:inline-block; height:18px; line-height:18px; padding:0 5px; margin-right:1px; border-radius:5px; background:var(--bk-ecedf0); color:var(--ink); font-size:11.5px; font-weight:600; vertical-align:1px; }
.ck-dlg.is-active .ck-ord__no{ background:var(--bk-e1e3e8); }
.ck-ord__sum{ color:var(--green-ink); }
.ck-ord.is-cancel .ck-ord__sum{ color:var(--ink-3); }
.ck-oblk .ck-addbtn{ height:28px; padding:0 10px; border-radius:8px; background:var(--fill); color:var(--ink-2); }
.ck-oblk .ck-addbtn:hover{ background:var(--bk-e4e6eb); color:var(--ink); }
.ck-oblk .ck-copy{ width:26px; height:26px; margin-left:6px; background:var(--fill) !important; color:var(--ink-2); }   /* UI-90: кнопка з фоном (перебиває --flat) */
.ck-oblk .ck-copy:hover{ background:var(--bk-e4e6eb) !important; color:var(--ink); }
.ck-oblk__hd .ck-dg{ height:28px; padding:0 10px; border-radius:8px; font-size:12px; }
.ck-ordv{ padding:12px 12px 16px; }
.ck-ordv__in, .ck-ordv__2{ gap:10px; }
.ck-oblk{ padding:12px 14px; gap:8px; }
.ck-oblk__hd{ min-height:28px; }
.ck-oblk .ck-irow{ min-height:26px; }
.ck-oblk .ck-irow__v{ display:flex; align-items:center; min-width:0; }
.ck-oli{ padding:7px 0; gap:10px; }
.ck-oli:first-child{ padding-top:0; }
.ck-oli__ph{ width:36px; height:36px; }
.ck-ototal2{ padding-top:0; }
.ck-osteps{ margin-top:2px; }
.ck-ocl{ gap:10px; }
.ck-ohist li{ padding-bottom:8px; }
.ck-oblk .ck-irow{ grid-template-columns:72px minmax(0,1fr); }

/* ===== UI-192 · картка замовлення: «Веде» і борг — плашками під клієнтом, «1 товар» — бейдж, «Разом» — зелене ===== */
.ck-ocl__chips{ display:flex; flex-wrap:wrap; gap:6px; padding-left:50px; }
.ck-ochip{ display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 10px 0 4px; border-radius:8px; background:var(--fill); font-size:12.5px; color:var(--ink-2); min-width:0; max-width:100%; }
.ck-ochip > span{ white-space:nowrap; overflow:visible; overflow-x:clip; text-overflow:ellipsis; text-box:trim-both cap alphabetic; min-width:0; }   /* UI-79: ріжемо лише по горизонталі */
.ck-ochip b{ color:var(--ink); font-weight:600; }
.ck-ochip .ck-ava{ width:20px; height:20px; font-size:8.5px; flex:none; }
.ck .ck-ochip > .lucide{ width:14px; height:14px; margin-left:4px; flex:none; }
.ck-ochip--none{ color:var(--ink-3); }
.ck-ochip--red{ background:var(--red-soft); color:var(--red-ink); }
.ck-ochip--red b{ color:var(--red-ink); }
.ck-ototal2__n{ display:inline-flex; align-items:center; height:20px; padding:0 7px; border-radius:6px; background:var(--bk-ecedf0); color:var(--ink-2) !important; font-size:11.5px !important; font-weight:600 !important; margin-left:8px !important; vertical-align:1px; }
.ck-ototal2 b{ color:var(--green-ink); }
/* UI-193 · перемикач, що влазить, — на всю ширину (UI-35) і на телефоні: воронки на дошці, вкладки розділів */
.ck-list .ck-seg--fun{ display:flex; }
@media (max-width:767px){ .ck-pcard .ck-seg--fun{ display:flex; width:100%; } }
/* UI-194 · обвідка вибраної картки (2 px) не обрізається краєм прокрутки колонки — у списку запас 3 px згори */
.ck-bcol__list{ padding-top:3px; }
.ck-bcol__hd{ padding-bottom:5px; }   /* 8 − 3: картки на тому ж місці */

/* ===== UI-195 · «Контакти» — як «Повідомлення»: клієнти за абеткою, листування в центрі, панель клієнта ===== */
[data-cons]{ scrollbar-gutter:stable; }
[data-cons].is-fresh .ck-dlg, [data-cons].is-fresh .ck-lgrp{ animation:ck-dlg-in .3s ease-out both; }
[data-cons] > .ck-dlg:last-child{ border-bottom:0; }
.ck-con .ck-dlg__bg{ min-height:18px; }
.ck-con__none{ width:20px; height:20px; border-radius:50%; background:var(--fill); color:var(--ink-4); display:grid; place-items:center; }
.ck .ck-con__none .lucide{ width:12px; height:12px; }
/* UI-197 · заголовок групи: місце під смугою прокрутки поруч із ним — того ж кольору (без білого «вирізу»); у «Контактах»
 */

/* UI-200 · смуга прокрутки в списках-колонках і календарі — невидима (гортаються колесом, тачпадом, пальцем): під неї не
   резервується місце, заголовки груп і рядки — на всю ширину, нічого не стрибає, коли список довшає / коротшає */
.ck-list .ck-dialogs, .ck-calw{ scrollbar-width:none; scrollbar-gutter:auto !important; }
.ck-list .ck-dialogs::-webkit-scrollbar, .ck-calw::-webkit-scrollbar{ display:none; width:0; height:0; }

/* ===== UI-201 · «Аналітика» — один білий блок (як «Воронка»): шапка, розділ + період, білі блоки на сірому ===== */
.ck-app[data-screen="analytics"] .ck-page{ display:flex; flex-direction:column; }
.ck-app[data-screen="analytics"] .ck-page > .ck-anpg{ flex:1; min-height:0; width:100%; min-width:0; }
.ck-antools{ gap:12px; }
.ck-ansecw{ min-width:0; flex:0 1 auto; }
.ck-anper{ flex:none; }
.ck-an__bd{ flex:1; min-height:0; overflow:auto; background:var(--sheet); border-top:1px solid var(--line-2); padding:12px 16px 16px; display:flex; flex-direction:column; gap:10px; scrollbar-width:none; }
.ck-an__bd::-webkit-scrollbar{ display:none; }
.ck-antiles{ display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:10px; }
.ck-antile{ background:var(--card); border-radius:14px; box-shadow:var(--blk-sh); padding:12px 14px; display:flex; flex-direction:column; gap:6px; min-width:0; }
.ck-antile__l{ font-size:12.5px; color:var(--ink-3); display:flex; align-items:center; gap:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-antile .ck-anv{ font-size:22px; font-weight:700; line-height:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-antile .ck-anv small{ font-size:13px; font-weight:600; color:var(--ink-3); }
.ck-anv{ font-variant-numeric:tabular-nums; }
.ck-andel{ align-self:flex-start; display:inline-flex; align-items:center; gap:4px; height:22px; padding:0 7px; border-radius:6px; font-size:11.5px; font-weight:600; }
.ck-andel > span{ text-box:trim-both cap alphabetic; }
.ck .ck-andel .lucide{ width:13px; height:13px; }
.ck-andel.is-good{ background:var(--green-soft); color:var(--green-ink); }
.ck-andel.is-bad{ background:var(--red-soft); color:var(--red-ink); }
.ck-andel.is-mute{ background:var(--bk-ecedf0); color:var(--ink-2); }
.ck-an2{ display:grid; grid-template-columns:minmax(0, 1.6fr) minmax(0, 1fr); gap:10px; }
.ck-anblk__s{ font-size:12px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.ck-anblk .ck-oblk__hd{ gap:8px; }
/* стовпчики */
.ck-anbars{ display:grid; grid-template-columns:repeat(var(--n), minmax(0, 1fr)); gap:4px; height:190px; align-items:end; padding-bottom:20px; position:relative; }
.ck-anbar{ position:relative; height:100%; display:flex; align-items:flex-end; cursor:default; }
.ck-anbar i{ display:block; width:100%; border-radius:5px 5px 2px 2px; background:var(--bk-bfd3ff); transition:background .12s; }
.ck-anbar:hover i{ background:var(--accent); }
.ck-anbar.is-hi i{ background:#6E9BFF; }
.ck-anbar span{ position:absolute; left:50%; bottom:-20px; transform:translateX(-50%); font-size:11px; color:var(--ink-3); white-space:nowrap; font-variant-numeric:tabular-nums; }
/* горизонтальні смуги */
.ck-anh{ display:flex; flex-direction:column; gap:10px; }
.ck-anh__r{ display:grid; grid-template-columns:minmax(0, 150px) minmax(40px, 1fr) auto auto; align-items:center; gap:10px; min-height:22px; }
.ck-anh__l{ font-size:13px; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:flex; align-items:center; gap:6px; min-width:0; }
.ck-anh__l .ck-dg{ flex:none; }
.ck-anh__t{ height:8px; border-radius:4px; background:var(--bk-ecedf0); overflow:hidden; }
.ck-anh__t i{ display:block; height:100%; border-radius:4px; background:var(--accent); }
.ck-anh__t i.is-red{ background:#F87171; } .ck-anh__t i.is-green{ background:#34C77B; }
.ck-anh__r > b{ font-size:13px; font-weight:600; text-align:right; white-space:nowrap; }
.ck-anh__x{ font-size:12px; color:var(--ink-3); white-space:nowrap; min-width:48px; text-align:right; font-variant-numeric:tabular-nums; }
/* таблиця-рядки */
.ck-antbl{ display:flex; flex-direction:column; overflow-x:auto; scrollbar-width:none; }
.ck-antbl__h, .ck-antbl__r{ display:grid; grid-template-columns:minmax(170px, 1.6fr) repeat(calc(var(--c) - 1), minmax(84px, 1fr)); align-items:center; gap:10px; min-width:min-content; }
.ck-antbl__h{ padding:0 0 8px; border-bottom:1px solid var(--line-2); font-size:12px; color:var(--ink-3); }
.ck-antbl__r{ padding:9px 0; border-bottom:1px solid var(--line-2); font-size:13px; }
.ck-antbl__r:last-child{ border-bottom:0; padding-bottom:0; }
.ck-antbl__r.is-me{ background:linear-gradient(90deg, var(--accent-soft), transparent 70%); border-radius:8px; }
.ck-antbl .is-num{ text-align:right; white-space:nowrap; }
.ck-antbl__r .is-num small{ display:none; }
.ck-antbl__r .is-num b{ font-weight:600; }
.ck-anmgr{ display:inline-flex; align-items:center; gap:8px; min-width:0; max-width:100%; }
.ck-anmgr > span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-anmgr .ck-ava{ width:24px; height:24px; font-size:9px; flex:none; }
.ck-anph{ width:20px; height:20px; border-radius:5px; background:#374151; color:#fff; display:grid; place-items:center; flex:none; }
.ck .ck-anph .lucide{ width:12px; height:12px; }
.ck-anover{ display:inline-grid; place-items:center; min-width:22px; height:20px; padding:0 6px; border-radius:6px; background:var(--bk-dddee3); color:var(--ink-2); font-size:11.5px; font-weight:700; }
.ck-anover.is-red{ background:var(--red); color:#fff; }
/* воронка */
.ck-anfuns{ display:flex; }
.ck-anfun{ display:flex; flex-direction:column; gap:10px; }
.ck-anfun__r{ display:grid; grid-template-columns:minmax(0, 150px) minmax(40px, 1fr) 56px 44px 52px; align-items:center; gap:10px; font-size:13px; }
.ck-anfun__l{ display:flex; align-items:center; gap:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--ink-2); }
.ck-anfun__t{ height:22px; border-radius:6px; background:var(--bk-f1f2f5); overflow:hidden; }
.ck-anfun__t i{ display:block; height:100%; border-radius:6px; background:var(--stg-soft, var(--bk-dbeafe)); box-shadow:inset 3px 0 0 var(--stg-ink, var(--accent)); }
.ck-anfun__r > b{ text-align:right; font-weight:600; }
.ck-anfun__pc, .ck-anfun__h{ text-align:right; color:var(--ink-3); font-size:12px; font-variant-numeric:tabular-nums; }
/* хто чекає */
.ck-anwait{ display:flex; flex-direction:column; }
.ck-anwait__r{ display:flex; align-items:center; gap:10px; padding:8px 6px; margin:0 -6px; border-radius:10px; }
.ck-anwait__r:hover{ background:var(--band); }
.ck-anwait__r + .ck-anwait__r{ border-top:1px solid var(--line-2); }
.ck-anwait__t{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.ck-anwait__t b{ font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-anwait__t small{ font-size:12px; color:var(--ink-3); }
.ck-anempty{ font-size:13px; color:var(--ink-3); padding:8px 0; }
/* скелетон тієї ж форми: числа й стовпчики — сірі смужки (UI-24/84) */
.ck-an__bd.is-sk .ck-anv, .ck-an__bd.is-sk .ck-andel, .ck-an__bd.is-sk .ck-anover{ color:transparent !important; background:var(--bk-e9eaee) !important; border-radius:6px; box-shadow:none; }
.ck-an__bd.is-sk .ck-anv *, .ck-an__bd.is-sk .ck-andel *{ visibility:hidden; }
.ck-an__bd.is-sk .ck-antile .ck-anv{ align-self:flex-start; }
.ck-an__bd.is-sk .ck-anbar i, .ck-an__bd.is-sk .ck-anh__t i, .ck-an__bd.is-sk .ck-anfun__t i{ background:var(--bk-e4e6eb) !important; box-shadow:none; }
/* UI-202: блоки після скелетона не «проявляються» заново (не блимають) — плавно змінюються лише самі дані */
.ck-an__bd .ck-anv, .ck-an__bd .ck-andel, .ck-an__bd .ck-anover{ transition:color .3s ease, background-color .3s ease; }
.ck-an__bd .ck-anbar i, .ck-an__bd .ck-anh__t i, .ck-an__bd .ck-anfun__t i{ transition:background-color .3s ease, box-shadow .3s ease; }
.ck-an__bd .ck-anv *, .ck-an__bd .ck-andel *{ transition:opacity .3s ease; }
.ck-an__bd.is-sk .ck-anv *, .ck-an__bd.is-sk .ck-andel *{ visibility:visible; opacity:0; }
@media (max-width:1100px){ .ck-an2{ grid-template-columns:minmax(0, 1fr); } }
@media (max-width:767px){
  .ck-app[data-screen="analytics"] .ck-page > .ck-anpg{ height:auto; }
  .ck-antools{ flex-direction:column; align-items:stretch; }
  .ck-antools .ck-hd__sp{ display:none; }
  .ck-anper{ display:flex; width:100%; }
  .ck-an__bd{ padding:12px 12px calc(16px + var(--sab)); }
  .ck-antiles{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .ck-antile .ck-anv{ font-size:19px; }
  .ck-anbars{ height:150px; }
  .ck-anh__r{ grid-template-columns:minmax(0, 110px) minmax(30px, 1fr) auto; }
  .ck-anh__x{ display:none; }
  .ck-anfun__r{ grid-template-columns:minmax(0, 96px) minmax(30px, 1fr) 44px 38px; }
  .ck-anfun__h{ display:none; }
  /* таблиця на телефоні — картки: ім'я зверху, значення підписами під ним */
  .ck-antbl__h{ display:none; }
  .ck-antbl__r{ grid-template-columns:repeat(3, minmax(0, 1fr)); min-width:0; gap:8px 10px; }
  .ck-antbl__n{ grid-column:1 / -1; }
  .ck-antbl__r .is-num{ text-align:left; display:flex; flex-direction:column; gap:1px; }
  .ck-antbl__r .is-num small{ display:block; font-size:11px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}
.ck-anfun__t i{ background:color-mix(in srgb, var(--stg-ink, var(--accent)) 28%, var(--bk-ffffff)); }   /* колір етапу — помітно, і сірий етап теж */
/* UI-201 · підписи смуг — з «…» (UI-25), не різко; на телефоні пояснення блоку — окремим рядком під назвою */
.ck-anh__l, .ck-anfun__l{ display:block; }
.ck-anh__l > *, .ck-anfun__l > *{ display:inline-block; vertical-align:middle; }
.ck-anh__l .ck-ch, .ck-anh__l .ck-anmgr, .ck-anh__l .ck-dg{ margin-right:6px; }
.ck-anfun__l .ck-stg__dot{ margin-right:7px; vertical-align:1px; }
@media (max-width:767px){
  .ck-anblk .ck-oblk__hd{ flex-wrap:wrap; row-gap:2px; }
  .ck-anblk__s{ order:3; flex-basis:100%; white-space:normal; }
  .ck-anfun__r{ grid-template-columns:minmax(0, 118px) minmax(30px, 1fr) 44px 36px; }
  .ck-anh__r{ grid-template-columns:minmax(0, 126px) minmax(30px, 1fr) auto; }
}
/* однакова ширина колонки значення — смуги всіх рядків в одному масштабі й закінчуються на одній лінії */
.ck-anh__r{ grid-template-columns:minmax(0, 150px) minmax(40px, 1fr) 76px auto; }
@media (max-width:767px){ .ck-anh__r{ grid-template-columns:minmax(0, 118px) minmax(30px, 1fr) 64px; } }
a.ck-anwait__r{ color:inherit; text-decoration:none; }
/* UI-202: скелетон — не лише числа: імена, назви ліній / причин / етапів, підписи стовпчиків, аватарки й значки — сірими смужками */
.ck-an__bd .ck-anmgr > span, .ck-an__bd .ck-anh__l, .ck-an__bd .ck-anfun__l, .ck-an__bd .ck-anwait__t b, .ck-an__bd .ck-anwait__t small, .ck-an__bd .ck-anbar span, .ck-an__bd .ck-anfun__pc, .ck-an__bd .ck-anfun__h, .ck-an__bd .ck-anh__x{ transition:color .3s ease, background-color .3s ease; border-radius:5px; }
.ck-an__bd.is-sk .ck-anmgr > span, .ck-an__bd.is-sk .ck-anh__l, .ck-an__bd.is-sk .ck-anfun__l, .ck-an__bd.is-sk .ck-anwait__t b, .ck-an__bd.is-sk .ck-anwait__t small, .ck-an__bd.is-sk .ck-anbar span, .ck-an__bd.is-sk .ck-anfun__pc, .ck-an__bd.is-sk .ck-anfun__h, .ck-an__bd.is-sk .ck-anh__x{ color:transparent !important; background:var(--bk-e9eaee); }
.ck-an__bd.is-sk .ck-anh__l *, .ck-an__bd.is-sk .ck-anfun__l *, .ck-an__bd.is-sk .ck-anmgr .ck-ava, .ck-an__bd.is-sk .ck-anwait__r .ck-avw, .ck-an__bd.is-sk .ck-anwait__r .ck-ava, .ck-an__bd.is-sk .ck-anwait__r .ck-dg, .ck-an__bd.is-sk .ck-anph{ opacity:0; }
.ck-an__bd .ck-anh__l *, .ck-an__bd .ck-anfun__l *, .ck-an__bd .ck-anmgr .ck-ava, .ck-an__bd .ck-anwait__r .ck-avw, .ck-an__bd .ck-anwait__r .ck-ava, .ck-an__bd .ck-anwait__r .ck-dg, .ck-an__bd .ck-anph{ transition:opacity .3s ease; }
.ck-an__bd.is-sk .ck-anmgr{ background:none; }
.ck-an__bd.is-sk .ck-antbl__r.is-me{ background:none; }
.ck-an__bd .ck-anblk__s{ transition:color .3s ease, background-color .3s ease; border-radius:5px; }
.ck-an__bd.is-sk .ck-anblk__s{ color:transparent !important; background:var(--bk-e9eaee); }

/* ===== UI-203 · «Аналітика»: відступи в таблицях, рівні значки з текстом, фон перемикачів на сірому, читабельний графік, картки на телефоні ===== */
/* таблиця — рядки з внутрішнім відступом: підсвічений «я» не впирається в аватарку; заголовок — по тих самих лініях */
.ck-antbl__h{ padding:0 10px 8px; }
.ck-antbl__r{ padding:9px 10px; border-radius:10px; }
.ck-antbl__r:last-child{ padding-bottom:9px; }
.ck-antbl__r.is-me{ background:var(--accent-soft); border-bottom-color:transparent; }
.ck-anmgr{ gap:10px; }
.ck-anmgr .ck-ava{ width:26px; height:26px; font-size:9.5px; }
/* підпис смуги: значок / аватар / бейдж + текст в один ряд, текст з «…» (UI-25) */
.ck-anh__l, .ck-anfun__l{ display:flex !important; align-items:center; gap:8px; min-width:0; }
.ck-anh__l > *, .ck-anfun__l > *{ display:inline-flex; vertical-align:initial; flex:none; margin:0 !important; }
.ck-anh__l > .ck-anh__lt, .ck-anfun__l > .ck-anh__lt{ display:block; flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-anh__l .ck-ava{ width:22px; height:22px; font-size:8.5px; }
.ck-anh__r{ min-height:24px; }
.ck-antile__l .ck-ch{ flex:none; }
.ck-antile__l > span{ min-width:0; overflow:hidden; text-overflow:ellipsis; }
/* перемикачі на сірому аркуші — темніший фон, як у модалках (UI-78) */
.ck-an__bd .ck-seg{ background:var(--bk-e4e6eb); }
/* графік: шкала зліва з «круглим» верхом, лінії сітки, контрастні стовпчики */
.ck-anchart{ display:grid; grid-template-columns:auto minmax(0, 1fr); gap:8px; }
.ck-anaxis{ display:flex; flex-direction:column; justify-content:space-between; height:190px; padding-bottom:20px; box-sizing:border-box; text-align:right; }
.ck-anaxis span{ font-size:11px; line-height:0; color:var(--ink-3); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-anbars{ background:linear-gradient(to bottom, var(--line-2) 1px, transparent 1px) 0 0 / 100% calc((100% - 20px) / 2) repeat-y; background-clip:content-box; }
.ck-anbars::after{ content:""; position:absolute; left:0; right:0; bottom:20px; height:1px; background:var(--bk-d5d8de); }
.ck-anbar i{ background:var(--bk-9ebbff); }
.ck-anbar.is-hi i{ background:var(--accent); }
.ck-anbar:hover i{ background:#1F4FD1; }
.ck-anbars.is-many{ gap:2px; }
.ck-anbars.is-many .ck-anbar i{ border-radius:3px 3px 1px 1px; }
/* телефон: таблиця — картки: ім'я зверху, значення — сірими плашками «підпис / число» */
@media (max-width:767px){
  .ck-anaxis, .ck-anbars{ height:160px; }
  .ck-antbl{ gap:10px; }
  .ck-antbl__r{ padding:10px; border:0; border-radius:12px; background:var(--bk-f6f7f9); gap:6px; grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .ck-antbl__r.is-me{ background:var(--accent-soft); }
  .ck-antbl__r:last-child{ padding-bottom:10px; }
  .ck-antbl__n{ padding:0 2px 4px; }
  .ck-antbl__n .ck-anmgr > span{ font-size:14px; font-weight:600; }
  .ck-antbl__r .is-num{ background:var(--card); border-radius:8px; padding:7px 9px; gap:2px; }
  .ck-antbl__r .is-num b{ font-size:14px; }
  .ck-anh__r{ grid-template-columns:minmax(0, 120px) minmax(30px, 1fr) 64px; }
}
/* UI-204 · таблиця в блоці — рядки на всю ширину блоку (від краю до краю), без заокруглень; вміст — на відступі блоку (14 px) */
@media (min-width:768px){
  .ck-anblk .ck-antbl{ margin:0 -14px; }
  .ck-antbl__h{ padding:0 14px 8px; }
  .ck-antbl__r{ padding:10px 14px; border-radius:0; }
  .ck-antbl__r:last-child{ padding-bottom:12px; }
  .ck-anblk:has(.ck-antbl){ overflow:hidden; padding-bottom:0; }   /* кути блоку обрізають підсвітку останнього рядка */
}
@media (min-width:768px){ .ck-antbl__r, .ck-antbl__r.is-me{ border-radius:0; } }   /* UI-204: підсвітка «я» — теж без заокруглень */

/* ===== UI-205 · «Налаштування» розділами (як «Повідомлення»): список розділів ліворуч, розділ — у центрі на місці панелі клієнта ===== */
.ck-app[data-screen="chats"][data-tab="settings"] .ck-info{ display:none !important; }
@media (min-width:1440px){ .ck-app[data-screen="chats"][data-tab="settings"] .ck-chat{ grid-column:3 / 5; } }
/* список розділів */
.ck-sxrow{ display:flex; align-items:center; gap:12px; min-height:62px; padding:10px 14px 10px 16px; border-bottom:1px solid var(--line-2); background:var(--card); transition:background .1s; }
.ck-sxrow:hover{ background:var(--band); }
.ck-sxrow.is-active{ box-shadow:inset 3px 0 0 var(--dark); background:var(--band); }
.ck-sxic{ width:32px; height:32px; border-radius:9px; background:var(--c); color:#fff; display:grid; place-items:center; flex:none; box-shadow:inset 0 0 0 1px rgba(0,0,0,.04); }
.ck .ck-sxic .lucide{ width:17px; height:17px; stroke-width:2.1; }
.ck-sxic--lg{ width:40px; height:40px; border-radius:11px; }
.ck .ck-sxic--lg .lucide{ width:21px; height:21px; }
.ck-sxrow__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ck-sxrow__t b{ font-size:14px; font-weight:600; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-sxrow.is-active .ck-sxrow__t b{ font-weight:700; }
.ck-sxrow__t small{ font-size:12.5px; line-height:16px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck .ck-sxrow__ch{ width:16px; height:16px; color:#B6BAC3; flex:none; }
.ck-sxrow .ck-dlg__cnt{ flex:none; }
.ck-sxlist > .ck-sxrow:last-child{ border-bottom:0; }   /* перед заголовком групи лінія лишається (UI-211) */
/* шапка розділу */
.ck-sxhd .ck-top__back{ display:none; }
.ck-sxhd .ck-chat__id{ cursor:default; }
.ck-sxhd .ck-chat__id:hover{ background:none; }
/* вміст розділу — білі блоки на сірому аркуші */
.ck-sxv{ background:var(--sheet); padding:14px 16px 24px; }
.ck-sxv__in{ width:100%; display:flex; flex-direction:column; gap:12px; }
.ck-sxblk{ background:var(--card); border-radius:14px; box-shadow:var(--blk-sh); padding:14px 16px; display:flex; flex-direction:column; min-width:0; }
.ck-sxblk__hd{ display:flex; align-items:center; gap:12px; padding-bottom:10px; }
.ck-sxblk__hd > div{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ck-sxblk__hd b{ font-size:14.5px; font-weight:600; display:inline-flex; align-items:center; gap:6px; }
.ck-sxblk__hd > div > span{ font-size:12.5px; color:var(--ink-3); line-height:1.4; }
.ck-sxblk__hd:only-child{ padding-bottom:0; }
.ck-sxblk--warn{ box-shadow:var(--blk-sh), inset 0 0 0 1.5px #FCD34D; }
/* рядок: назва + пояснення, праворуч керування */
.ck-sxr{ display:flex; align-items:center; gap:16px; min-height:54px; padding:10px 0; border-top:1px solid var(--line-2); }
.ck-sxr__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ck-sxr__t > b{ font-size:13.5px; font-weight:500; color:var(--ink); }
.ck-sxr__t > span{ font-size:12.5px; color:var(--ink-3); line-height:1.4; }
.ck-sxr__c{ flex:none; display:flex; align-items:center; gap:8px; }
.ck-sxr.is-solo{ min-height:0; }
.ck-sxr.is-solo .ck-sxr__c{ flex:1; }
.ck-sxr.is-solo .ck-seg{ display:flex; width:100%; }
.ck-sxr.is-solo .ck-seg button{ flex:1; }
.ck-sxblk__hd + .ck-sxr.is-solo{ border-top:0; padding-top:0; }
a.ck-sxrow{ color:var(--ink); text-decoration:none; }
.ck-sxr--ic .ck-sxr__ic{ width:36px; height:36px; border-radius:10px; background:var(--fill); color:var(--tk-3f3f46); display:grid; place-items:center; flex:none; }
.ck .ck-sxr--ic .ck-sxr__ic .lucide{ width:18px; height:18px; }
.ck-sxcount{ font-size:12.5px; color:var(--ink-3); white-space:nowrap; font-variant-numeric:tabular-nums; }
/* кнопки в блоках — з сірим фоном (UI-90), дія — зелена, небезпечна — червона (UI-40/143) */
.ck-sxbtn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:32px; padding:0 12px; border-radius:8px; background:var(--fill); color:var(--ink); font-size:13px; font-weight:500; white-space:nowrap; flex:none; transition:background .12s; }
.ck-sxbtn:hover{ background:var(--bk-e4e6eb); }
.ck .ck-sxbtn .lucide{ width:15px; height:15px; }
.ck-sxbtn > span{ text-box:trim-both cap alphabetic; }
.ck-sxbtn--danger{ background:var(--bk-fee2e2); color:var(--red-ink); } .ck-sxbtn--danger:hover{ background:var(--bk-fecaca); }
.ck-sxbtn--ok{ background:#16A34A; color:#fff; } .ck-sxbtn--ok:hover{ background:#15803D; }
.ck-sxbtn--dark{ background:var(--dark); color:#fff; } .ck-sxbtn--dark:hover{ background:var(--bk-000000); }
.ck-sxibtn{ background:var(--fill); flex:none; }
.ck-sxibtn:hover{ background:var(--bk-e4e6eb); }
/* менеджер */
.ck-sxmgr__hd{ display:flex; align-items:center; gap:12px; padding-bottom:12px; }
.ck-sxmgr__hd > .ck-ava{ width:44px; height:44px; font-size:15px; flex:none; }
.ck-sxmgr__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-sxmgr__t b{ font-size:15px; font-weight:600; display:inline-flex; align-items:center; gap:7px; min-width:0; }
.ck-sxmgr__t > span{ font-size:12.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-sxmgr__chips{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.ck-sxch, .ck-sxline{ display:flex; align-items:center; gap:12px; min-height:54px; padding:9px 0; border-top:1px solid var(--line-2); }
.ck-sxch__ic{ width:30px; height:30px; flex:none; display:grid; place-items:center; }
.ck-sxch__ic img{ width:28px; height:28px; border-radius:6px; }
.ck-sxch__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-sxch__t b{ font-size:13.5px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-sxch__t small{ font-size:12px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-sxblk__ft{ display:flex; align-items:center; gap:10px; padding-top:12px; border-top:1px solid var(--line-2); }
.ck-sxblk__ft > span{ flex:1; font-size:12.5px; color:var(--ink-3); }
.ck-sxempty{ display:flex; align-items:center; gap:8px; min-height:48px; border-top:1px solid var(--line-2); font-size:13px; color:var(--ink-3); }
.ck .ck-sxempty .lucide{ width:16px; height:16px; flex:none; }
.ck-sxline__f{ display:flex; align-items:center; gap:8px; flex:none; }
.ck-sxline__f > span{ font-size:12.5px; color:var(--ink-3); }
.ck-sxsel{ width:190px; }
/* людина в рядку */
.ck-sxp{ display:flex; align-items:center; gap:12px; min-height:56px; padding:9px 0; border-top:1px solid var(--line-2); }
.ck-sxp > .ck-ava{ width:34px; height:34px; font-size:12px; flex:none; }
.ck-sxp__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-sxp__t b{ font-size:13.5px; font-weight:600; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.ck-sxp__t small{ font-size:12.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-sxp__a{ display:flex; align-items:center; gap:8px; flex:none; }
.ck-sxp--sh .ck-sxp__a .ck-chip{ min-width:96px; justify-content:center; }
/* воронки — етапи */
.ck-sxst{ margin:0; padding-top:2px; flex-wrap:wrap; }
/* шаблони */
.ck-sxqr{ padding:12px 0; border-top:1px solid var(--line-2); display:flex; flex-direction:column; gap:6px; overflow:hidden; transition:height .25s ease, opacity .2s ease, padding .25s ease; }
.ck-sxqr.is-gone{ height:0 !important; opacity:0; padding-top:0; padding-bottom:0; }
.ck-sxqr__hd{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.ck-sxqr__hd b{ font-size:13.5px; font-weight:600; margin-right:2px; }
.ck-sxqr__t{ margin:0; font-size:13px; color:var(--ink-2); line-height:1.45; white-space:pre-line; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ck-sxqr.is-pending .ck-sxqr__t{ -webkit-line-clamp:4; }
.ck-sxqr__ft{ display:flex; align-items:center; gap:8px; padding-top:4px; }
.ck-sxqr__by{ flex:1; min-width:0; display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--ink-3); }
.ck-sxqr__by .ck-ava{ width:20px; height:20px; font-size:8px; flex:none; }
.ck-sxqr__by > span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-sxvars{ display:flex; flex-wrap:wrap; gap:6px; }
.ck-sxvar{ font:600 12.5px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding:6px 8px; border-radius:7px; background:var(--fill); color:var(--ink-2); }
/* сповіщення */
.ck-sxtg{ border-top:1px solid var(--line-2); padding:10px 0; }
.ck-sxtg .ck-tgbot{ margin:0; }
.ck-sxtg .ck-tgsteps{ margin:12px 0 10px; }
.ck-sxtime{ display:grid; grid-template-columns:repeat(2, minmax(0, 180px)); gap:12px; padding:2px 0 10px; }
.ck-sxchk{ padding:0 0 10px; }
.ck-sxwall{ padding-top:2px; }
/* групи — вибір учасників */
.ck-fstg--col{ display:flex; flex-direction:column; gap:10px; }
.ck-fstg--col .ck-check .ck-ava{ width:22px; height:22px; font-size:8.5px; vertical-align:middle; margin-right:4px; }
.ck-gmv{ font-size:11.5px; color:var(--ink-3); margin-left:4px; }
@media (max-width:767px){
  .ck-sxhd .ck-top__back{ display:inline-grid; }
  .ck-sxhd .ck-chat__who small{ display:none; }
  .ck-sxv{ padding:12px 12px calc(20px + var(--sab)); }
  .ck-sxblk{ padding:12px 14px; }
  .ck-sxr{ gap:12px; }
  .ck-sxr.is-stack{ flex-direction:column; align-items:stretch; gap:10px; }
  .ck-sxr.is-stack .ck-seg{ display:flex; width:100%; }
  .ck-sxr.is-stack .ck-seg button{ flex:1; }
  .ck-sxr--ic{ flex-wrap:wrap; }
  .ck-sxr--ic .ck-sxr__c{ width:100%; padding-left:48px; justify-content:space-between; }
  .ck-sxmgr__hd{ flex-wrap:wrap; }
  .ck-sxmgr__chips{ order:3; width:100%; justify-content:flex-start; padding-left:56px; }
  .ck-sxbtn.is-icm{ width:32px; padding:0; }
  .ck-sxbtn.is-icm > span{ display:none; }
  .ck-sxline{ flex-wrap:wrap; }
  .ck-sxline__f{ width:100%; padding-left:42px; }
  .ck-sxline__f .ck-sxsel{ flex:1; width:auto; }
  .ck-sxp--sh{ flex-wrap:wrap; }
  .ck-sxp--sh .ck-sxp__a{ width:100%; padding-left:46px; }
  .ck-sxp--sh .ck-sxsel{ flex:1; width:auto; }
  .ck-sxqr__ft{ flex-wrap:wrap; }
  .ck-sxqr__by{ width:100%; flex:none; }
  .ck-sxqr__ft .ck-sxbtn{ flex:1; }
  .ck-sxtime{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:767px){ .ck-sxblk__hd{ flex-wrap:wrap; row-gap:10px; } .ck-sxblk__hd > div{ flex-basis:100%; } }   /* кнопка шапки блоку — під поясненням, не тисне текст */

/* ===== UI-206 · «Налаштування» — доведення: рядки від краю до краю, заголовки груп не липкі, менеджери по два, майстер каналу ===== */
.ck-sxlist .ck-lgrp{ position:static; }
/* рядки блоку — на всю ширину блоку (розділювачі від краю до краю, як у таблиць UI-204) */
.ck-sxblk{ --bx:16px; padding-left:var(--bx); padding-right:var(--bx); }
.ck-sxr, .ck-sxp, .ck-sxch, .ck-sxline, .ck-sxqr, .ck-sxtg, .ck-sxempty, .ck-sxblk__ft{ margin-left:calc(-1 * var(--bx)); margin-right:calc(-1 * var(--bx)); padding-left:var(--bx); padding-right:var(--bx); }
.ck-sxblk__ft{ padding-bottom:0; }
.ck-sxr__t > .ck-chip{ align-self:flex-start; }
/* менеджери — по два в ряд, коли центр широкий; фішки під іменем */
.ck-sxv__in{ container-type:inline-size; }
.ck-sxgrid{ display:grid; grid-template-columns:minmax(0, 1fr); gap:12px; align-items:start; }
@container (min-width:860px){ .ck-sxgrid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.ck-sxmgr__hd{ flex-wrap:wrap; row-gap:8px; }
.ck-sxmgr__t b > span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.ck-sxmgr__chips{ order:3; width:100%; justify-content:flex-start; padding-left:56px; }
.ck-sxmgr.is-off .ck-sxmgr__hd > .ck-ava, .ck-sxmgr.is-off .ck-sxch{ opacity:.5; }
/* майстер «Підв'язати канал» */
.ck-osteps--3{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
.ck-osteps--3 span{ display:block !important; }
.ck-wzsteps{ padding-top:12px; padding-bottom:12px; }
.ck-wzl{ display:flex; flex-direction:column; margin:0 -16px -14px; }
.ck-wzo{ display:flex; align-items:center; gap:12px; min-height:58px; padding:9px 16px; border-top:1px solid var(--line-2); cursor:pointer; transition:background .12s; }
.ck-wzo:hover{ background:var(--band); }
.ck-wzo:last-child{ border-radius:0 0 14px 14px; }
.ck-wzo input{ position:absolute; opacity:0; pointer-events:none; }
.ck-wzo__ic{ width:32px; height:32px; flex:none; display:grid; place-items:center; }
.ck-wzo__ic img{ width:30px; height:30px; border-radius:6px; }
.ck-wzo__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-wzo__t b{ font-size:14px; font-weight:600; display:flex; align-items:center; gap:6px; }
.ck-wzo__t small{ font-size:12.5px; color:var(--ink-3); line-height:1.35; }
.ck-wzo__tag{ font-style:normal; height:18px; padding:0 6px; border-radius:5px; background:var(--blue-soft); color:var(--blue-ink); font-size:10.5px; font-weight:600; display:inline-flex; align-items:center; }
.ck-wzo__ck{ width:22px; height:22px; border-radius:50%; flex:none; display:grid; place-items:center; box-shadow:inset 0 0 0 1.6px var(--bk-c9cdd4); color:transparent; transition:background .12s, box-shadow .12s; }
.ck .ck-wzo__ck .lucide{ width:13px; height:13px; stroke-width:3; }
.ck-wzo.is-on .ck-wzo__ck{ background:var(--accent); box-shadow:none; color:#fff; }
.ck-wzo.is-on{ background:var(--bk-f5f8ff); }
.ck-wzbtn{ align-self:flex-start; height:40px; padding:0 16px; }
.ck-wzqr{ display:flex; flex-direction:column; align-items:center; gap:8px; }
.ck-wzqr small{ font-size:12px; color:var(--ink-3); }
.ck-wzok{ align-items:center; text-align:center; padding:22px 16px; gap:6px; }
.ck-wzok .ck-icircle{ background:var(--green-soft); color:var(--green-ink); margin-bottom:4px; }
.ck-wzok b{ font-size:15px; font-weight:600; }
.ck-wzok span{ font-size:13px; color:var(--ink-3); }
@media (max-width:767px){
  .ck-sxblk{ --bx:14px; }
  .ck-sxhd .ck-sxic{ display:none; }   /* на телефоні в шапці розділу — лише «Назад» і назва */
  .ck-sxmgr__chips{ padding-left:0; }
  .ck-wzl{ margin:0 -16px -14px; }   /* UI-257: як відступ блоку (16), інакше рядки не доходять до краю на 2 px */
  .ck-wzo{ padding:9px 16px; }
}
@media (max-width:767px){ .ck-sxp__t small{ white-space:normal; line-height:1.35; } }   /* права / склад — повний текст, не «…» */

/* ===== UI-208 · майстер каналу за ТЗ: що дає / чого немає, кнопки входу фірмових кольорів; без зайвого відступу під списками ===== */
.ck-wzinfo{ display:flex; flex-direction:column; gap:7px; }
.ck-wzinfo > span{ display:flex; align-items:flex-start; gap:8px; font-size:13px; line-height:1.4; color:var(--ink-2); }
.ck .ck-wzinfo > span > .lucide{ width:16px; height:16px; flex:none; margin-top:1px; stroke-width:2.5; }
.ck .ck-wzinfo .is-yes > .lucide{ color:var(--tk-16a34a); }
.ck .ck-wzinfo .is-no > .lucide{ color:var(--tk-9ca3af); }
.ck-wznote{ flex-direction:row !important; align-items:flex-start; gap:10px; font-size:13px; color:var(--ink-2); line-height:1.45; }
.ck .ck-wznote > .lucide{ width:18px; height:18px; flex:none; color:var(--ink-3); margin-top:1px; }
.ck-wznote b{ color:var(--ink); font-weight:600; }
.ck-wzhint{ margin:0; font-size:12.5px; color:var(--ink-3); line-height:1.45; }
.ck-wzpw{ padding-top:4px; }
.ck-field.is-code{ margin-top:-4px; }
.ck-brandbtn{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:46px; border-radius:12px; color:#fff; font-size:14.5px; font-weight:600; transition:filter .12s, transform .12s; }
.ck-brandbtn svg{ width:22px; height:22px; flex:none; }
.ck-brandbtn:hover{ filter:brightness(1.06); }
.ck-brandbtn:active{ transform:scale(.99); }
.ck-brandbtn--fb{ background:#1877F2; }
.ck-brandbtn--ig{ background:linear-gradient(45deg, #F58529 0%, #DD2A7B 45%, #8134AF 75%, #515BD4 100%); }
/* список у блоці — останній рядок сам дає відступ, блок знизу без додаткового */
.ck-sxblk:has(> :is(.ck-sxr, .ck-sxp, .ck-sxch, .ck-sxline, .ck-sxqr, .ck-sxtg, .ck-sxempty):last-child){ padding-bottom:0; }

/* UI-210 · підказка-примітка в модалці — жовта плашка, іконка по центру тексту (і для одного, і для кількох рядків — по першому рядку не треба) */
.ck-modal .ck-group.ck-wznote, .ck-wznote{ display:flex; flex-direction:row !important; align-items:center; gap:10px; background:var(--bk-fef6dc); box-shadow:none; border:0; padding:12px 14px; color:var(--tk-7c5a0b); font-size:13px; line-height:1.45; }
.ck .ck-wznote > .lucide{ width:18px; height:18px; flex:none; margin:0; color:var(--tk-b7791f); }
.ck-wznote b{ color:var(--tk-6b4a06); font-weight:600; }
.ck-wznote--in{ border-radius:12px; }

/* ===== UI-211 · список рядків у білому блоці модалки — від краю до краю, без зайвого нижнього відступу ===== */
.ck-modal .ck-group--list{ padding-bottom:0; }
.ck-glist{ display:flex; flex-direction:column; margin:2px -16px 0; }
.ck-glist > .ck-krow{ display:flex; align-items:center; gap:12px; min-height:56px; padding:10px 16px; border-top:1px solid var(--line-2); }
.ck-glist .ck-row__t{ flex:1; min-width:0; }
.ck-glist .ck-row__t b{ font-size:14px; font-weight:500; }
.ck-glist .ck-row__t span{ font-size:12.5px; color:var(--ink-3); margin-top:2px; }
/* групи-рядки без заголовка (фільтр, сповіщення) — так само від краю до краю */
.ck-modal .ck-group--rows:not(.ck-srule){ padding:0; gap:0; overflow:hidden; }
.ck-modal .ck-group--rows:not(.ck-srule) > .ck-krow{ min-height:54px; padding:10px 16px; }
.ck-modal .ck-group--rows:not(.ck-srule) > [data-tg-box], .ck-modal .ck-group--rows:not(.ck-srule) > .ck-acc2 > div{ padding-left:16px; padding-right:16px; }
.ck-modal .ck-group--rows:not(.ck-srule) > [data-tg-box]{ padding-top:10px; padding-bottom:10px; }
.ck-modal .ck-group--rows:not(.ck-srule) > * + .ck-krow{ border-top:1px solid var(--line-2); }
/* UI-212 · кроки: ще не завершені — сірий кружок із сірим хрестиком (замовлення, майстер каналу) */
.ck-osteps li:not(.is-done):not(.is-cur) i{ color:var(--tk-9ca3af); }
.ck .ck-osteps li:not(.is-done):not(.is-cur) i .lucide{ width:12px; height:12px; stroke-width:2.6; }

/* ===== UI-213 · «Зміни», «Чат команди», «Воронки» — списки на всю ширину блоку, керування в рядку ===== */
.ck-sxblk__hd > .ck-sxcount{ align-self:flex-start; padding:2px 8px; border-radius:6px; background:var(--green-soft); color:var(--green-ink); font-weight:600; }
.ck-sxr--ic.is-btns .ck-sxr__c, .ck-sxr--ic .ck-sxr__c:has(> .ck-ibtn){ gap:6px; }
/* чат команди — картка */
.ck-sxteam{ gap:0; }
.ck-sxteam__hd{ display:flex; align-items:center; gap:12px; }
.ck-sxteam__hd > .ck-ava{ width:44px; height:44px; flex:none; }
.ck-sxteam__hd .ck-sxmgr__t b .ck-chip{ height:20px; font-size:11px; }
.ck-sxteam__m{ display:flex; flex-wrap:wrap; gap:14px; margin:14px calc(-1 * var(--bx)) 0; padding:12px var(--bx) 14px; border-top:1px solid var(--line-2); }
.ck-sxteam__p{ display:flex; flex-direction:column; align-items:center; gap:5px; width:56px; position:relative; }
.ck-sxteam__p .ck-ava{ width:40px; height:40px; font-size:13px; }
.ck-sxteam__p.is-on::after{ content:""; position:absolute; top:29px; left:36px; width:11px; height:11px; border-radius:50%; background:#22C55E; box-shadow:0 0 0 2px var(--bk-ffffff); }
.ck-sxteam__p small{ font-size:12px; color:var(--ink-2); max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-sxteam.is-off .ck-sxteam__hd > .ck-ava, .ck-sxteam.is-off .ck-sxteam__m{ opacity:.5; filter:grayscale(1); }
/* воронки — етап рядком */
.ck-sxstg{ display:flex; align-items:center; gap:12px; min-height:56px; padding:9px var(--bx); margin:0 calc(-1 * var(--bx)); border-top:1px solid var(--line-2); cursor:pointer; transition:background .12s; }
.ck-sxstg:hover{ background:var(--band); }
.ck-sxstg__dot{ width:12px; height:12px; border-radius:50%; background:var(--d); flex:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--d) 18%, transparent); }
.ck-input .ck-sxstg__dot{ margin:0 2px 0 4px; }
.ck-sxstg__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-sxstg__t b{ font-size:13.5px; font-weight:600; display:flex; align-items:center; gap:6px; min-width:0; }
.ck-sxstg__t b > span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.ck-sxstg__role{ font-style:normal; flex:none; height:18px; padding:0 6px; border-radius:5px; background:var(--fill); color:var(--ink-3); font-size:10.5px; font-weight:600; display:inline-flex; align-items:center; }
.ck-sxstg__t small{ font-size:12.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-sxstg__t small.is-rules{ color:var(--amber-ink); }
.ck-sxstg__n{ flex:none; min-width:24px; height:22px; padding:0 7px; border-radius:11px; background:var(--fill); color:var(--ink-2); font-size:12px; font-weight:600; display:grid; place-items:center; font-variant-numeric:tabular-nums; }
.ck-sxstg > .ck-sxibtn{ width:30px; height:30px; }
.ck-sxblk:has(> .ck-sxstg:last-child){ padding-bottom:0; }
/* колір етапу, дні тижня */
.ck-sxcols{ display:flex; gap:10px; flex-wrap:wrap; }
.ck-sxcols button{ width:34px; height:34px; border-radius:50%; background:var(--d); color:transparent; display:grid; place-items:center; transition:transform .12s, box-shadow .12s; }
.ck-sxcols button:hover{ transform:scale(1.06); }
.ck-sxcols button.is-on{ color:#fff; box-shadow:0 0 0 2px var(--bk-ffffff), 0 0 0 4px var(--d); }
.ck .ck-sxcols .lucide{ width:17px; height:17px; stroke-width:3; }
.ck-wdays{ display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:6px; }
.ck-wdays button{ height:38px; border-radius:10px; background:var(--fill); color:var(--ink-2); font-size:13px; font-weight:600; transition:background .12s, color .12s; }
.ck-wdays button:hover{ background:var(--bk-e4e6eb); }
.ck-wdays button.is-on{ background:var(--dark); color:#fff; }
.ck-field.is-error .ck-wdays button:not(.is-on){ box-shadow:inset 0 0 0 1.5px var(--red); }
@media (max-width:767px){
  .ck-sxr--ic .ck-sxr__c:has(> .ck-ibtn, > .is-icm){ width:auto; padding-left:0; }
  .ck-sxr--ic:has(.ck-sxr__c > .ck-ibtn, .ck-sxr__c > .is-icm){ flex-wrap:nowrap; }
  .ck-sxteam__hd .ck-sxmgr__t > span{ white-space:normal; line-height:1.35; }
  .ck-sxteam__m{ gap:8px; justify-content:space-between; }
  .ck-sxp--sh .ck-sxp__a .ck-chip{ min-width:0; }
}
@media (max-width:767px){
  /* лічильник і «⋯» у шапці блоку — праворуч від назви, не під поясненням (під ним лише кнопки з текстом) */
  .ck-sxblk__hd:has(> .ck-sxcount, > .ck-sxibtn){ flex-wrap:nowrap; align-items:flex-start; }
  .ck-sxblk__hd:has(> .ck-sxcount, > .ck-sxibtn) > div{ flex-basis:auto; }
  .ck-sxp--sh .ck-sxp__a .ck-chip{ flex:none; }
  .ck-sxsel .ck-select__v{ font-size:14px; }
}
@media (max-width:767px){ .ck-sxp--sh .ck-sxsel{ min-width:0; } .ck-sxsel .ck-select__v{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } }
.ck-sxshm{ display:none; font-style:normal; }
.ck-sxshm.is-on{ color:var(--green-ink); }
@media (max-width:767px){ .ck-sxshm{ display:inline; } .ck-sxp--sh .ck-sxp__a > .ck-chip{ display:none; } }

/* ===== UI-214 · шапка білого блоку налаштувань — сіра смуга на всю ширину, назва жирніша: одразу видно, що це заголовок, а не рядок ===== */
.ck-sxblk__hd:not(:only-child){ margin:-14px calc(-1 * var(--bx)) 0; padding:12px var(--bx); background:var(--bk-f5f6f8); border-radius:14px 14px 0 0; border-bottom:1px solid var(--line-2); }
.ck-sxblk__hd:not(:only-child) b{ font-size:15px; font-weight:700; }
.ck-sxblk__hd:not(:only-child) + :is(.ck-sxr, .ck-sxp, .ck-sxch, .ck-sxline, .ck-sxqr, .ck-sxtg, .ck-sxempty, .ck-sxstg, .ck-sxblk__ft){ border-top:0; }
.ck-sxblk__hd:only-child b{ font-size:15px; font-weight:700; }
/* чат команди — без великої іконки, без зайвого відступу знизу */
.ck-sxteam{ padding-bottom:0; }
.ck-sxteam__m{ padding-bottom:12px; }
@media (max-width:767px){ .ck-sxblk__hd:not(:only-child){ margin-top:-12px; } }
/* UI-214 (уточнення): смуга заголовка — легкий відтінок кольору розділу (сіра зливалась із сірим фоном сторінки) */
.ck-sxblk__hd:not(:only-child){ background:color-mix(in srgb, var(--sc, #0062FF) 8%, var(--bk-ffffff)); border-bottom-color:color-mix(in srgb, var(--sc, #0062FF) 16%, var(--bk-ffffff)); }
.ck-sxblk__hd:not(:only-child) > div > span{ color:color-mix(in srgb, var(--sc, var(--tk-0062ff)) 30%, var(--tk-6b7280)); }
/* UI-214 (уточнення 2): смуга заголовка — як активне посилання бокової навігації: #DCE8FF, назва синя */
.ck-sxblk__hd:not(:only-child){ background:var(--bk-dce8ff); border-bottom-color:var(--bk-c9dafb); }
.ck-sxblk__hd:not(:only-child) b{ color:var(--accent-2); }
.ck-sxblk__hd:not(:only-child) > div > span{ color:var(--tk-5b6b8c); }
.ck-sxblk__hd:not(:only-child) .ck-sxibtn{ background:rgba(255,255,255,.7); }
.ck-sxblk__hd:not(:only-child) .ck-sxibtn:hover{ background:var(--bk-ffffff); }

/* ===== UI-215 · «Черга й «Важливі»», «Швидкі відповіді», «Теги» ===== */
.ck-sxsel--s{ width:170px; }
.ck-sxhrs{ display:flex; align-items:center; gap:8px; }
.ck-sxhrs > span{ color:var(--ink-3); }
.ck-sxhrs .ck-input{ width:112px; height:34px; }
.ck-sxnight{ display:block; padding-top:12px; padding-bottom:14px; }
.ck-sxnight .ck-textarea{ min-height:64px; }
/* шаблон: «⋯» праворуч у рядку назви */
.ck-sxqr__hd{ flex-wrap:nowrap; min-width:0; }
.ck-sxqr__hd > b{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-sxqr__m{ margin-left:auto; width:30px; height:30px; flex:none; }
.ck-sxqr:not(.is-pending) .ck-sxqr__hd{ margin-top:-4px; margin-bottom:-2px; }
/* змінні — списком: код і що підставляється */
.ck-sxvr{ min-height:46px; gap:14px; }
.ck-sxvr .ck-sxvar{ min-width:118px; text-align:center; flex:none; }
.ck-sxvr .ck-sxr__t > span{ font-size:13px; color:var(--ink-2); }
/* тег */
.ck-sxtag{ gap:10px; }
.ck-sxtag__c{ flex:1; min-width:0; display:flex; }
.ck-sxtag__c .ck-chip{ height:26px; font-size:13px; padding:0 10px; font-weight:500; }
.ck-sxtag .ck-sxibtn{ width:32px; height:32px; }
.ck-sxtprev{ min-height:34px; display:flex; align-items:center; }
.ck-sxtprev .ck-chip{ height:28px; font-size:13.5px; padding:0 12px; font-weight:500; }
@media (max-width:767px){
  .ck-sxhrs{ width:100%; } .ck-sxhrs .ck-input{ flex:1; width:auto; }
  .ck-sxr:has(> .ck-sxr__c > .ck-sxhrs){ flex-wrap:wrap; } .ck-sxr:has(> .ck-sxr__c > .ck-sxhrs) > .ck-sxr__c{ width:100%; }
  .ck-sxvr .ck-sxvar{ min-width:104px; }
}
.ck-sxblk--warn > .ck-sxblk__hd:not(:only-child){ background:var(--bk-fef6dc); border-bottom-color:var(--bk-fbe3a6); }
.ck-sxblk--warn > .ck-sxblk__hd:not(:only-child) b{ color:var(--tk-8a5a00); }
.ck-sxblk--warn > .ck-sxblk__hd:not(:only-child) > div > span{ color:var(--tk-8c6d2c); }
/* жовта обводка «На погодженні» — поверх смуги заголовка, по всьому блоку */
.ck-sxblk--warn{ position:relative; box-shadow:var(--blk-sh); }
.ck-sxblk--warn::after{ content:""; position:absolute; inset:0; border-radius:14px; box-shadow:inset 0 0 0 1.5px #FCD34D; pointer-events:none; z-index:1; }
/* UI-216: «⋯» у рядку списку — по центру рядка по висоті (шаблон: назва + текст + лінії) */
.ck-sxqr:not(.is-pending){ position:relative; padding-right:calc(var(--bx) + 42px); }
.ck-sxqr:not(.is-pending) .ck-sxqr__hd{ margin-top:0; margin-bottom:0; }
.ck-sxqr__m{ position:absolute; right:var(--bx); top:50%; transform:translateY(-50%); margin:0; }

/* ===== UI-217 · ще 6 кольорів етапів і тегів (етап, мітка, бейдж у списку) ===== */
.ck-stg--sky{ --stg:#0EA5E9; --stg-soft:var(--bk-e0f2fe); --stg-ink:var(--tk-0369a1); }
.ck-chip--sky{ background:var(--bk-e0f2fe); border-color:transparent; color:var(--tk-0369a1); }
.ck-dg--sky{ background:var(--bk-e0f2fe); color:var(--tk-0369a1); }
.ck-stg--teal{ --stg:#0D9488; --stg-soft:var(--bk-ccfbf1); --stg-ink:var(--tk-0f766e); }
.ck-chip--teal{ background:var(--bk-ccfbf1); border-color:transparent; color:var(--tk-0f766e); }
.ck-dg--teal{ background:var(--bk-ccfbf1); color:var(--tk-0f766e); }
.ck-stg--lime{ --stg:#65A30D; --stg-soft:var(--bk-ecfccb); --stg-ink:var(--tk-4d7c0f); }
.ck-chip--lime{ background:var(--bk-ecfccb); border-color:transparent; color:var(--tk-4d7c0f); }
.ck-dg--lime{ background:var(--bk-ecfccb); color:var(--tk-4d7c0f); }
.ck-stg--orange{ --stg:#EA580C; --stg-soft:var(--bk-ffedd5); --stg-ink:var(--tk-c2410c); }
.ck-chip--orange{ background:var(--bk-ffedd5); border-color:transparent; color:var(--tk-c2410c); }
.ck-dg--orange{ background:var(--bk-ffedd5); color:var(--tk-c2410c); }
.ck-stg--pink{ --stg:#DB2777; --stg-soft:var(--bk-fce7f3); --stg-ink:var(--tk-be185d); }
.ck-chip--pink{ background:var(--bk-fce7f3); border-color:transparent; color:var(--tk-be185d); }
.ck-dg--pink{ background:var(--bk-fce7f3); color:var(--tk-be185d); }
.ck-stg--indigo{ --stg:#4F46E5; --stg-soft:var(--bk-e0e7ff); --stg-ink:var(--tk-4338ca); }
.ck-chip--indigo{ background:var(--bk-e0e7ff); border-color:transparent; color:var(--tk-4338ca); }
.ck-dg--indigo{ background:var(--bk-e0e7ff); color:var(--tk-4338ca); }
/* кружки кольору — галочка рівно по центру */
.ck-sxcols{ display:grid; grid-template-columns:repeat(auto-fill, 34px); gap:10px; }
.ck-sxcols button{ padding:0; line-height:0; }
.ck .ck-sxcols button .lucide, .ck-sxcols button svg{ display:block; margin:0; }

/* ===== UI-218 · «Причини відмов», «Лінії», «Інтеграції» ===== */
.ck-sxrsn{ gap:12px; }
.ck-sxrsn__n{ width:26px; height:26px; border-radius:8px; background:var(--fill); color:var(--ink-2); font-size:12.5px; font-weight:600; display:grid; place-items:center; flex:none; font-variant-numeric:tabular-nums; }
.ck-sxrsn .ck-sxibtn, .ck-sxln .ck-sxibtn{ width:32px; height:32px; }
/* лінія */
.ck-sxln{ display:flex; align-items:center; gap:12px; min-height:64px; padding:10px var(--bx); margin:0 calc(-1 * var(--bx)); border-top:1px solid var(--line-2); cursor:pointer; transition:background .12s; }
.ck-sxln:hover{ background:var(--band); }
.ck-sxln.is-off .ck-sxch__ic, .ck-sxln.is-off .ck-sxln__t{ opacity:.55; }
.ck-sxln__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ck-sxln__t b{ display:flex; align-items:center; gap:8px; min-width:0; font-size:13.5px; font-weight:600; }
.ck-sxln__t b > span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.ck-sxln__t b .ck-chip{ flex:none; height:20px; font-size:11px; }
.ck-sxln__t small{ font-size:12.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-sxln__m{ display:flex; align-items:center; gap:4px; color:var(--ink-2) !important; }
.ck .ck-sxln__m .lucide{ width:13px; height:13px; color:var(--ink-3); flex:none; }
.ck .ck-sxln__m .lucide + *{ margin-right:0; }
.ck .ck-sxln__m .lucide:not(:first-child){ margin-left:8px; }
.ck-sxblk:has(> .ck-sxln:last-child){ padding-bottom:0; }
/* попередження над блоками */
.ck-sxwarn{ display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:12px; background:var(--bk-fef6dc); color:var(--tk-7c5a0b); font-size:13px; line-height:1.45; }
.ck .ck-sxwarn > .lucide{ width:18px; height:18px; flex:none; color:var(--tk-b7791f); }
.ck-sxwarn b{ color:var(--tk-6b4a06); font-weight:600; }
/* API-ключ */
.ck-sxkey{ font:600 12px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color:var(--ink-2); }
.ck-sxkeyf{ display:flex; align-items:center; gap:8px; }
.ck-sxkeyf code{ flex:1; min-width:0; height:40px; display:flex; align-items:center; padding:0 12px; border-radius:var(--r); background:var(--fill); font:600 13px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ck-sxkeyf .ck-sxibtn{ width:40px; height:40px; }
/* інтеграція: стан — міткою біля назви, праворуч лише кнопка */
.ck-sxint .ck-sxr__t > b{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; row-gap:4px; }
.ck-sxint .ck-sxr__t > b .ck-chip{ height:20px; font-size:11px; }
@media (max-width:767px){ .ck-sxint .ck-sxr__c{ width:auto; padding-left:0; } .ck-sxint{ flex-wrap:nowrap; } }
/* UI-218 (уточнення): воронка й група лінії — сірими плашками з іконкою */
.ck-sxln__m{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:3px; }
.ck-sxln__p{ display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 8px; border-radius:6px; background:var(--fill); color:var(--ink-2); font-size:12px; font-weight:500; white-space:nowrap; }
.ck .ck-sxln__p .lucide{ width:13px; height:13px; color:var(--ink-3); flex:none; margin:0 !important; }

/* ===== UI-219 · майстри інтеграцій; у футері з трьома кнопками «Скасувати» — рядком нижче на всю ширину ===== */
.ck-modal__ft:has(> .ck-btn:nth-child(3)):has(> .ck-btn--cancel){ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); }
.ck-modal__ft:has(> .ck-btn:nth-child(3)) > .ck-btn--cancel{ order:9; grid-column:1 / -1; }
.ck-modal__ft:has(> .ck-btn:nth-child(3)) > .ck-btn--danger{ order:1; } .ck-modal__ft:has(> .ck-btn:nth-child(3)) > .ck-btn--ok{ order:2; }
.ck-modal__ft > .ck-btn[style*="display: none"]{ display:none !important; }
/* ключі — маска без автопідстановки браузером */
.ck-mask{ -webkit-text-security:disc; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing:.5px; }
.ck-mask:placeholder-shown{ -webkit-text-security:none; font-family:inherit; letter-spacing:0; }
/* логотип варіанта */
.ck-iwlogo{ width:30px; height:30px; border-radius:8px; background:var(--c); color:#fff; display:grid; place-items:center; font-size:12.5px; font-weight:700; letter-spacing:-.2px; }
.ck-iwlogo--ic{ background:var(--fill); color:var(--ink-2); }
.ck .ck-iwlogo--ic .lucide{ width:17px; height:17px; }
.ck-wzo.is-on .ck-iwlogo--ic{ background:var(--bk-e0eaff); color:var(--accent); }
/* де взяти ключ — нумеровані кроки */
.ck-iwhow .ck-group__t{ display:flex; align-items:center; gap:7px; }
.ck .ck-iwhow .ck-group__t .lucide{ width:16px; height:16px; color:var(--accent); }
.ck-iwhow ol{ margin:0; padding:0; list-style:none; counter-reset:iw; display:flex; flex-direction:column; gap:8px; }
.ck-iwhow li{ counter-increment:iw; display:flex; gap:10px; font-size:13px; line-height:1.45; color:var(--ink-2); }
.ck-iwhow li::before{ content:counter(iw); width:20px; height:20px; border-radius:50%; background:var(--bk-e0eaff); color:var(--accent); font-size:11.5px; font-weight:700; display:grid; place-items:center; flex:none; margin-top:0; }
.ck-iwdl{ align-self:flex-start; height:38px; margin-top:4px; }
.ck-iwbusy .ck-icircle{ background:var(--bk-e0eaff); color:var(--accent); }
.ck .ck-iwbusy .ck-icircle .lucide{ animation:ck-spin .8s linear infinite; }
.ck-iwre{ flex-direction:row !important; align-items:center; gap:12px; }
.ck-iwre .ck-row__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-iwre .ck-row__t b{ font-size:14px; font-weight:600; } .ck-iwre .ck-row__t span{ font-size:12.5px; color:var(--ink-3); }
.ck-glist .ck-sxsel{ width:150px; }
.ck-toasts{ transition:bottom .2s ease; }
.ck-wznote b.is-wait{ font-weight:500; color:var(--tk-8c6d2c); }

/* ===== UI-220 · «AI-помічник», «Прочитано», «Сповіщення», «Фон», «Демо» ===== */
.ck-sxrules{ display:flex; flex-direction:column; gap:9px; padding:12px 0 14px; border-top:1px solid var(--line-2); margin:0 calc(-1 * var(--bx)); padding-left:var(--bx); padding-right:var(--bx); }
.ck-sxrules > span{ display:flex; align-items:flex-start; gap:9px; font-size:13px; line-height:1.45; color:var(--ink-2); }
.ck .ck-sxrules .lucide{ width:16px; height:16px; flex:none; margin-top:1px; color:var(--tk-16a34a); }
.ck-sxlim{ display:flex; flex-direction:column; gap:8px; padding:12px var(--bx) 14px; margin:0 calc(-1 * var(--bx)); border-top:1px solid var(--line-2); }
.ck-sxlim__t{ font-size:13px; color:var(--ink-2); } .ck-sxlim__t b{ font-size:15px; color:var(--ink); font-variant-numeric:tabular-nums; }
.ck-sxlim__bar{ height:8px; border-radius:4px; background:var(--fill); overflow:hidden; }
.ck-sxlim__bar i{ display:block; height:100%; border-radius:4px; background:var(--accent); }
/* варіанти з поясненням (як у майстрі) */
.ck-sxopts{ display:flex; flex-direction:column; margin:0 calc(-1 * var(--bx)); }
.ck-sxopt{ display:flex; align-items:center; gap:12px; min-height:60px; padding:10px var(--bx); border-top:1px solid var(--line-2); text-align:left; background:none; transition:background .12s; }
.ck-sxopt:hover{ background:var(--band); }
.ck-sxopt.is-on{ background:var(--bk-f5f8ff); }
.ck-sxopt:last-child{ border-radius:0 0 14px 14px; }
.ck-sxopt__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ck-sxopt__t b{ font-size:14px; font-weight:600; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.ck-sxopt__t small{ font-size:12.5px; color:var(--ink-3); line-height:1.4; }
.ck-sxopt.is-on .ck-wzo__ck{ background:var(--accent); box-shadow:none; color:#fff; }
.ck-sxblk:has(> .ck-sxopts:last-child), .ck-sxblk:has(> .ck-sxrules:last-child), .ck-sxblk:has(> .ck-sxlim:last-child){ padding-bottom:0; }
/* журнал AI */
.ck-ailog small{ font-size:12px; color:var(--ink-3); flex:none; font-variant-numeric:tabular-nums; }
.ck-ailog__ic{ width:32px; height:32px; border-radius:9px; display:grid; place-items:center; flex:none; background:var(--bk-e0eaff); color:var(--accent); }
.ck-ailog__ic.is-hand{ background:var(--bk-fef3c7); color:var(--tk-b45309); } .ck-ailog__ic.is-up{ background:var(--green-soft); color:var(--green-ink); }
.ck .ck-ailog__ic .lucide{ width:16px; height:16px; }
@media (max-width:767px){ .ck-sxline:has(> .ck-sxline__f > .ck-switch, > .ck-sxline__f > .ck-chip){ flex-wrap:nowrap; } .ck-sxline__f:has(> .ck-switch, > .ck-chip){ width:auto; padding-left:0; } }
.ck-sxblk__hd + .ck-sxwall{ padding-top:14px; }

/* ===== UI-221 · Telegram-бот сповіщень — модалкою ===== */
.ck-brandbtn--tg{ background:#229ED9; text-decoration:none; }
.ck-tgn{ width:22px; height:22px; border-radius:50%; background:var(--bk-e0eaff); color:var(--accent); font-size:12px; font-weight:700; display:inline-grid; place-items:center; margin-right:8px; flex:none; }
.ck-tgcodef code{ font-size:18px; letter-spacing:2px; justify-content:center; height:48px; }
.ck-tgcodef .ck-sxibtn{ width:48px; height:48px; }

/* ===== UI-222 · плитка фону — мініатюра чату: мітка дня, вхідне й наше повідомлення, час і ✓✓; вибрана — кільце й галочка ===== */
.ck-wall__pv{ container-type:inline-size; display:flex; flex-direction:column; justify-content:center; gap:5cqw; padding:9cqw 7cqw; aspect-ratio:4 / 5; border-radius:14px;
  box-shadow:0 0 0 1px rgba(16,24,40,.07), 0 1px 3px rgba(16,24,40,.06); transition:box-shadow .15s, transform .15s; }
.ck-wall:hover .ck-wall__pv{ transform:translateY(-2px); box-shadow:0 0 0 1px rgba(16,24,40,.08), 0 6px 16px rgba(16,24,40,.10); }
.ck-wall.is-on .ck-wall__pv, .ck-wall.is-on:hover .ck-wall__pv{ box-shadow:0 0 0 2px var(--accent), 0 0 0 5px var(--accent-soft); transform:none; }
.ck-wall__day{ align-self:center; padding:1.6cqw 4.5cqw; border-radius:99px; background:rgba(255,255,255,.72); color:var(--tk-5b6475); font-size:clamp(7px, 6.2cqw, 11px); font-weight:600; line-height:1.2; backdrop-filter:blur(2px); }
.ck-wall__b{ max-width:80%; padding:3.6cqw 5cqw; border-radius:5cqw; font-size:clamp(7.5px, 7cqw, 12.5px); line-height:1.3; text-align:left; box-shadow:0 1px 1.5px rgba(16,24,40,.10); }
.ck-wall__b--in{ align-self:flex-start; background:var(--bub-in, var(--bk-ffffff)); color:var(--tk-1f2937); border-bottom-left-radius:1.5cqw; }
.ck-wall__b--out{ align-self:flex-end; background:var(--out, var(--accent)); color:#fff; border-bottom-right-radius:1.5cqw; }
.ck-wall__b small{ display:block; margin-top:1.2cqw; text-align:right; font-size:clamp(6px, 5.2cqw, 10px); opacity:.8; }
.ck-wall__ck{ position:absolute; top:5cqw; right:5cqw; width:clamp(16px, 13cqw, 22px); height:clamp(16px, 13cqw, 22px); border-radius:50%; background:var(--accent); color:#fff; display:grid; place-items:center; opacity:0; transform:scale(.6); transition:opacity .15s, transform .15s; box-shadow:0 0 0 2px var(--bk-ffffff); }
.ck .ck-wall__ck .lucide{ width:62%; height:62%; stroke-width:3; display:block; }
.ck-wall.is-on .ck-wall__ck{ opacity:1; transform:none; }
.ck-wall__n{ font-size:12.5px; font-weight:500; color:var(--ink-2); }
/* у налаштуваннях — плитки фіксованої ширини, скільки влізе */
.ck-sxwall .ck-walls{ grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:16px; }
@media (max-width:767px){ .ck-sxwall .ck-walls{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; } }
/* розміри всередині плитки рахуються від ширини самої плитки */
.ck-wall{ container-type:inline-size; width:100%; min-width:0; }
.ck-wall__pv{ container-type:normal; width:100%; }

/* ===== UI-223 · плитка фону: мітка дня як у чаті, три повідомлення скелетоном, час і ✓✓ «прочитано» ===== */
.ck-wall__pv{ gap:4.5cqw; justify-content:center; }
.ck-wall__day{ background:rgba(17,24,39,.5); color:#fff; font-weight:500; backdrop-filter:none; padding:1.4cqw 5cqw; }
.ck-wall__b{ display:flex; flex-direction:column; gap:2.6cqw; width:66%; max-width:none; padding:4cqw 4.5cqw 3cqw; }
.ck-wall__b--out{ width:58%; }
.ck-wall__b--sm{ width:44%; }
.ck-wall__b > i{ display:block; height:3.2cqw; min-height:3px; border-radius:99px; background:var(--bk-e5e7eb); }
.ck-wall__b--out > i{ background:rgba(255,255,255,.55); }
.ck-wall__b em{ display:flex; align-items:center; justify-content:flex-end; gap:1.4cqw; margin-top:.4cqw; }
.ck-wall__b em > i{ display:block; width:11cqw; height:2.4cqw; min-height:2px; border-radius:99px; background:var(--bk-eef0f3); }
.ck-wall__b--out em > i{ background:rgba(255,255,255,.4); }
.ck-wall__b em svg{ width:8.5cqw; height:8.5cqw; min-width:9px; min-height:9px; color:#fff; flex:none; }
/* 12 фонів — рівними рядами: 6 / 4 / 3 у ряд, без «хвоста» */
.ck-sxwall .ck-walls{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
@container (min-width:480px){ .ck-sxwall .ck-walls{ grid-template-columns:repeat(4, minmax(0, 1fr)); } }
@container (min-width:760px){ .ck-sxwall .ck-walls{ grid-template-columns:repeat(6, minmax(0, 1fr)); } }
/* ✓✓ у плитці — пропорційно, як у чаті (дрібні) */
.ck-wall__b em svg{ width:6.2cqw; height:6.2cqw; min-width:7px; min-height:7px; opacity:.9; }

/* ===== UI-224 · «Компанія», «Ролі й доступ», «Безпека» ===== */
.ck-sxrole__ic{ width:34px; height:34px; border-radius:10px; background:var(--fill); color:var(--ink-2); display:grid; place-items:center; flex:none; }
.ck-sxrole__ic.is-own{ background:var(--bk-e0eaff); color:var(--accent); }
.ck .ck-sxrole__ic .lucide{ width:17px; height:17px; }
.ck-sxrole .ck-sxstg__t small{ white-space:normal; line-height:1.35; }
.ck-sxp__a .ck-chip .lucide{ width:13px; height:13px; margin-right:3px; }
.ck-sxco__hd{ display:flex; align-items:center; gap:14px; }
.ck-sxco__logo{ width:52px; height:52px; border-radius:14px; background:linear-gradient(135deg, #0F766E, #14B8A6); color:#fff; font-size:17px; font-weight:700; display:grid; place-items:center; flex:none; letter-spacing:.5px; }
.ck-sxco__logo--sm{ width:34px; height:34px; border-radius:10px; font-size:12px; }
.ck-sxco__logo.is-alt{ background:linear-gradient(135deg, #7C3AED, #A78BFA); }
.ck-sxco__hd .ck-sxmgr__t b{ font-size:17px; }
.ck-sxco__m{ display:flex; flex-wrap:wrap; gap:6px; padding-top:12px; }
.ck-sxinv{ display:block; padding-top:0; border-top:0; }
.ck-sxinv .ck-sxkeyf code{ font-size:13.5px; }
.ck-sxdev .ck-sxr__t > b{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ck-sxdev .ck-sxr__t > b .ck-chip{ height:20px; font-size:11px; }
.ck-sxp--role .ck-sxsel{ width:170px; }
@media (max-width:767px){
  .ck-sxco__hd{ flex-wrap:nowrap; } .ck-sxco__hd .ck-sxmgr__t > span{ white-space:normal; line-height:1.35; }
  .ck-sxp--role{ flex-wrap:wrap; } .ck-sxp--role .ck-sxp__a{ width:100%; padding-left:46px; } .ck-sxp--role .ck-sxsel{ flex:1; width:auto; min-width:0; }
  .ck-sxdev{ flex-wrap:nowrap; } .ck-sxdev .ck-sxr__c{ width:auto; padding-left:0; }
}
/* UI-225: поле-пастка для логіна (браузер не кидає логін у пошук); хмарний пароль Telegram — маска без автопідстановки */
.ck-vh{ position:absolute !important; width:1px; height:1px; opacity:0; pointer-events:none; overflow:hidden; clip:rect(0 0 0 0); }
[data-wv="pw"]{ -webkit-text-security:disc; }
[data-wv="pw"]:placeholder-shown{ -webkit-text-security:none; }

/* ===== UI-226 · «око» в полях паролів і ключів ===== */
.ck-eye{ margin-left:auto; margin-right:-4px; width:30px; height:30px; border-radius:8px; display:grid; place-items:center; flex:none; color:var(--ink-3); background:none; transition:background .12s, color .12s; }
.ck-eye:hover{ background:var(--fill); color:var(--ink); }
.ck-eye.is-on{ color:var(--accent); }
.ck .ck-eye .lucide{ width:17px; height:17px; }
.ck-mask.is-shown, [data-wv="pw"].is-shown{ -webkit-text-security:none; }
/* UI-227: поле з помилкою — лише текст помилки, підказку під ним ховаємо (не дублюється й не червоніє) */
.ck-field.is-error > .ck-field__hint{ display:none; }

/* ===== UI-228 · «Статуси замовлень», «Журнал дій», «Підписка» ===== */
.ck-seg--wrap{ flex-wrap:wrap; }
.ck-aufl, .ck-auq{ border-top:0 !important; padding-top:12px; }
.ck-auq{ padding-top:0; padding-bottom:12px; }
.ck-auq .ck-search{ width:100%; }
.ck-au__ic{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; flex:none; background:var(--fill); color:var(--ink-2); }
.ck-au__ic.is-login{ background:var(--bk-e0eaff); color:var(--accent); } .ck-au__ic.is-dlg{ background:var(--bk-ede9fe); color:var(--tk-6d28d9); } .ck-au__ic.is-data{ background:var(--bk-fef3c7); color:var(--tk-b45309); } .ck-au__ic.is-set{ background:var(--green-soft); color:var(--green-ink); }
.ck .ck-au__ic .lucide{ width:16px; height:16px; }
.ck-au .ck-sxp__t b{ font-weight:500; }
/* підписка */
.ck-sxbill{ background:linear-gradient(135deg, #0F5132 0%, #16A34A 100%); color:#fff; }
.ck-sxbill__hd{ display:flex; align-items:center; gap:14px; }
.ck-sxbill__hd > div{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-sxbill__l{ font-size:12.5px; opacity:.85; }
.ck-sxbill__v{ font-size:30px; font-weight:700; letter-spacing:-.5px; font-variant-numeric:tabular-nums; line-height:1.15; }
.ck-sxbill__s{ font-size:12.5px; opacity:.85; }
.ck-sxbill .ck-sxbtn--ok{ background:var(--bk-ffffff); color:var(--tk-15803d); height:40px; padding:0 16px; } .ck-sxbill .ck-sxbtn--ok:hover{ background:var(--bk-f0fdf4); }
.ck-sxmeters{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:14px 20px; padding:12px 0 14px; border-top:1px solid var(--line-2); margin:0 calc(-1 * var(--bx)); padding-left:var(--bx); padding-right:var(--bx); }
.ck-sxmeter{ display:flex; flex-direction:column; gap:7px; }
.ck-sxmeter__t{ display:flex; align-items:baseline; gap:6px; font-size:13px; color:var(--ink-2); }
.ck-sxmeter__t span{ flex:1; } .ck-sxmeter__t b{ font-size:14px; color:var(--ink); font-variant-numeric:tabular-nums; } .ck-sxmeter__t small{ font-size:12px; color:var(--ink-3); }
.ck-sxblk:has(> .ck-sxmeters:last-child){ padding-bottom:0; }
.ck-sxprice{ font-size:12px; font-weight:600; color:var(--ink-2); background:var(--fill); padding:2px 7px; border-radius:6px; margin-left:6px; white-space:nowrap; }
.ck-sxcard{ width:44px !important; font-size:11px; font-weight:800; font-style:italic; color:var(--tk-1a1f71) !important; background:var(--bk-eef2ff) !important; letter-spacing:.3px; }
.ck-sxpromo{ gap:8px; } .ck-sxpromo .ck-input{ flex:1; min-width:0; height:36px; }
.ck-sxshare{ display:flex; flex-wrap:wrap; gap:8px; border-top:0; padding-top:0; }
.ck-sxshare .ck-sxbtn img, .ck-sxshare .ck-sxbtn svg{ width:18px; height:18px; border-radius:5px; }
.ck-btcard{ border-top:0; padding:0; min-height:0; margin:0; }
@media (max-width:767px){ .ck-sxbill__hd{ flex-wrap:wrap; } .ck-sxbill__hd .ck-sxbtn{ width:100%; } .ck-sxmeters{ grid-template-columns:1fr; } }

/* ===== UI-229 · відступ під шапкою блоку; «Журнал дій»: вкладки, фільтр, дні, сторінки ===== */
.ck-sxblk__hd:not(:only-child) + .ck-sxr.is-solo{ padding-top:12px; }
.ck-autools{ display:flex; flex-direction:column; gap:10px; padding:12px 0; }
.ck-autools .ck-search{ width:100%; }
.ck-seg--tabs{ overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding:5px; gap:4px; }
.ck-seg--tabs::-webkit-scrollbar{ display:none; }
.ck-seg--tabs button{ flex:1 0 auto; height:34px; padding:0 12px; gap:6px; }
.ck-auon{ display:flex; align-items:center; gap:8px; min-height:40px; padding:4px 4px 4px 12px; border-radius:10px; background:var(--bk-eef4ff); color:var(--accent-2); font-size:12.5px; font-weight:500; }
.ck .ck-auon > .lucide{ width:15px; height:15px; flex:none; }
.ck-auon > span{ flex:1; min-width:0; }
.ck-auon button{ height:32px; padding:0 12px; border-radius:8px; background:var(--bk-ffffff); color:var(--ink); font-weight:500; font-size:12.5px; flex:none; }
.ck-auon button:hover{ background:var(--bk-f5f7fb); }
.ck-aubody{ display:flex; flex-direction:column; }
.ck-augh{ display:flex; align-items:center; gap:8px; margin:0 calc(-1 * var(--bx)); padding:7px var(--bx); background:var(--band); border-top:1px solid var(--line-2); font-size:12px; font-weight:600; color:var(--ink-2); }
.ck-augh .ck-badge{ min-width:18px; height:16px; font-size:9.5px; padding:0 4px; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; background:var(--bk-dddee3); color:var(--ink-2); }
.ck-augh + .ck-sxp{ border-top:0; }
.ck-aupg{ justify-content:space-between; flex-wrap:wrap; row-gap:10px; }
.ck-aupg > span{ font-size:12.5px; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.ck-pager{ display:flex; align-items:center; gap:4px; }
.ck-pager button{ min-width:32px; height:32px; padding:0 6px; border-radius:8px; background:var(--fill); color:var(--ink-2); font-size:13px; font-weight:500; display:inline-grid; place-items:center; font-variant-numeric:tabular-nums; transition:background .12s, color .12s; }
.ck-pager button:hover:not(:disabled):not(.is-active){ background:var(--band); color:var(--ink); }
.ck-pager button.is-active{ background:var(--ink); color:#fff; }
.ck-pager button:disabled{ opacity:.4; cursor:default; }
.ck .ck-pager .lucide{ width:16px; height:16px; }
.ck-pager i{ font-style:normal; color:var(--ink-3); width:18px; text-align:center; }
@media (max-width:767px){ .ck-aupg{ flex-direction:column; align-items:stretch; } .ck-aupg > span{ text-align:center; } .ck-pager{ justify-content:center; } }
.ck-seg.ck-seg--tabs{ display:flex; }

/* ===== UI-230 · перемикачі: нічого не обрізається — прокрутка, на ПК стрілки ===== */
.ck-seg{ overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-x:contain; max-width:100%; min-width:0; position:relative; }
.ck-seg::-webkit-scrollbar{ display:none; }
.ck-seg > button{ min-width:max-content; overflow:visible; }
.ck-segw--auto{ display:block; min-width:0; max-width:100%; width:100%; }
.ck-segw--auto > .ck-seg{ display:flex; width:100%; }
.ck-segw--auto > .ck-seg > button{ flex:1 0 auto; }
@media (hover:hover) and (pointer:fine){
  .ck-segw--auto .ck-segw__a--l{ background:linear-gradient(90deg, var(--segbg, var(--fill)) 55%, transparent); }
  .ck-segw--auto .ck-segw__a--r{ background:linear-gradient(270deg, var(--segbg, var(--fill)) 55%, transparent); }
}
.ck-field > .ck-segw--auto{ width:100%; }

/* ===== UI-230 · «Підписка» за ТЗ 10; кольори 6 у ряд; підписи рядків налаштувань на телефоні — повністю ===== */
.ck-sxcols{ grid-template-columns:repeat(6, 34px); justify-content:space-between; }
@media (max-width:767px){ .ck-sxstg__t small{ white-space:normal; overflow:visible; text-overflow:clip; } }
.ck-btiles{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
.ck-btile{ background:var(--card); border-radius:14px; box-shadow:var(--blk-sh); padding:14px 16px; display:flex; flex-direction:column; gap:4px; min-width:0; }
.ck-btile__l{ font-size:12.5px; color:var(--ink-3); }
.ck-btile__v{ font-size:24px; font-weight:700; line-height:30px; letter-spacing:-.3px; font-variant-numeric:tabular-nums; }
.ck-btile__s{ font-size:12.5px; color:var(--ink-3); line-height:1.4; }
.ck-btile .ck-sxbtn{ align-self:flex-start; margin-top:8px; }
.ck-btile.is-low .ck-btile__v{ color:var(--tk-b45309); }
@container (max-width:620px){ .ck-btiles{ grid-template-columns:1fr 1fr; } .ck-btile:first-child{ grid-column:1 / -1; } }
.ck-bline{ display:flex; align-items:center; gap:12px; min-height:52px; padding:8px var(--bx); margin:0 calc(-1 * var(--bx)); border-top:1px solid var(--line-2); }
.ck-sxblk__hd:not(:only-child) + .ck-bline{ border-top:0; }
.ck-bline__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-bline__t b{ font-size:13.5px; font-weight:500; }
.ck-bline__t small{ font-size:12.5px; color:var(--ink-3); }
.ck-bline > em{ font-style:normal; font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-bline.is-disc > em{ color:var(--green-ink); }
.ck-bline.is-tot{ background:var(--band); border-radius:0 0 14px 14px; }
.ck-bline.is-tot b{ font-weight:700; } .ck-bline.is-tot > em{ font-size:16px; font-weight:700; }
.ck-bpay .ck-sxibtn{ flex:none; }
.ck-bplans{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; padding:14px 0; }
@container (max-width:620px){ .ck-bplans{ grid-template-columns:1fr; } }
.ck-bplan{ border:1px solid var(--line); border-radius:12px; padding:14px; display:flex; flex-direction:column; gap:10px; }
.ck-bplan.is-cur{ border:2px solid var(--accent); padding:13px; background:var(--bk-f7faff); }
.ck-bplan__hd{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ck-bplan__hd > b{ font-size:15px; font-weight:700; margin-right:auto; }
.ck-bplan__p{ display:flex; align-items:baseline; gap:6px; }
.ck-bplan__p b{ font-size:26px; font-weight:700; letter-spacing:-.4px; font-variant-numeric:tabular-nums; }
.ck-bplan__p span{ font-size:12.5px; color:var(--ink-3); }
.ck-bplan ul, .ck-bcount ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px; }
.ck-bplan li, .ck-bcount li{ display:flex; align-items:flex-start; gap:8px; font-size:13px; line-height:1.4; color:var(--ink-2); }
.ck .ck-bplan li .lucide, .ck .ck-bcount li .lucide{ width:16px; height:16px; flex:none; margin-top:1px; stroke-width:2.5; }
.ck .ck-bplan li.is-yes .lucide, .ck .ck-bcount li.is-yes .lucide{ color:var(--tk-16a34a); }
.ck .ck-bplan li.is-no .lucide, .ck .ck-bcount li.is-no .lucide{ color:var(--tk-9ca3af); }
.ck-bplan li.is-no{ color:var(--ink-3); }
.ck-bcount{ display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; padding:12px var(--bx); margin:0 calc(-1 * var(--bx)); border-top:1px solid var(--line-2); }
.ck-bcount > div{ display:flex; flex-direction:column; gap:8px; }
.ck-bcount b{ font-size:13px; font-weight:600; }
@container (max-width:460px){ .ck-bcount{ grid-template-columns:1fr; } }
.ck-bmeter{ display:flex; align-items:center; gap:12px; padding:11px var(--bx); margin:0 calc(-1 * var(--bx)); border-top:1px solid var(--line-2); }
.ck-sxblk__hd:not(:only-child) + .ck-bmeter{ border-top:0; }
.ck-bmeter__ic{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; flex:none; background:var(--bk-e0eaff); color:var(--accent); }
.ck .ck-bmeter__ic .lucide{ width:16px; height:16px; }
.ck-bmeter__b{ flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }
.ck-bmeter__t{ display:flex; align-items:baseline; gap:8px; }
.ck-bmeter__t > b{ flex:1; font-size:13.5px; font-weight:500; }
.ck-bmeter__t > span{ font-size:12.5px; color:var(--ink-3); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-bmeter__t > span b{ font-size:13.5px; color:var(--ink); font-weight:600; }
.ck-bmeter small{ font-size:12px; color:var(--ink-3); }
.ck-bmeter.is-hot .ck-bmeter__ic{ background:var(--bk-fef3c7); color:var(--tk-b45309); }
.ck-bmeter.is-hot .ck-sxlim__bar i{ background:#D97706; }
.ck-bmeter.is-hot small{ color:var(--tk-b45309); font-weight:500; }
.ck-bgrp{ display:flex; align-items:center; gap:8px; margin:0 calc(-1 * var(--bx)); padding:7px var(--bx); background:var(--band); border-top:1px solid var(--line-2); font-size:12.5px; font-weight:600; color:var(--ink-2); }
.ck-sxblk__hd:not(:only-child) + .ck-bgrp{ border-top:0; }
.ck-bgrp small{ font-weight:400; color:var(--ink-3); margin-left:auto; }
.ck-bgrp .ck-badge{ min-width:18px; height:16px; font-size:9.5px; padding:0 4px; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; background:var(--bk-dddee3); color:var(--ink-2); }
.ck-bgrp + .ck-sxr{ border-top:0; }
.ck-bqty{ display:flex; align-items:center; gap:10px; margin-top:6px; }
.ck-bqty small{ font-size:12.5px; color:var(--ink-2); font-variant-numeric:tabular-nums; }
.ck-qty--sm{ height:32px; }
.ck-qty--sm button{ width:30px; }
.ck-qty > span{ min-width:28px; text-align:center; font-size:13.5px; font-weight:600; font-variant-numeric:tabular-nums; }
.ck-qty button:disabled{ opacity:.35; cursor:default; background:none; }
.ck-bzero{ list-style:none; margin:0 calc(-1 * var(--bx)); padding:14px var(--bx) 0; display:flex; flex-direction:column; }
.ck-bzero li{ position:relative; display:flex; gap:12px; padding-bottom:14px; }
.ck-bzero li:not(:last-child)::before{ content:""; position:absolute; left:16px; top:34px; bottom:0; width:2px; background:var(--line); }
.ck-bzero__ic{ width:34px; height:34px; border-radius:50%; display:grid; place-items:center; flex:none; background:var(--fill); color:var(--ink-2); }
.ck .ck-bzero__ic .lucide{ width:16px; height:16px; }
.ck-bzero li:nth-child(2) .ck-bzero__ic, .ck-bzero li:nth-child(3) .ck-bzero__ic{ background:var(--bk-fef3c7); color:var(--tk-b45309); }
.ck-bzero li.is-end .ck-bzero__ic{ background:var(--bk-fee2e2); color:var(--red); }
.ck-bzero__t{ display:flex; flex-direction:column; gap:2px; padding-top:1px; }
.ck-bzero__t b{ font-size:13.5px; font-weight:600; }
.ck-bzero__t small{ font-size:12.5px; color:var(--ink-3); line-height:1.4; }
.ck-bpromo{ align-items:flex-start; }
.ck-bpromo .ck-field{ flex:1; min-width:0; }
.ck-bpromo .ck-sxbtn{ height:40px; flex:none; }
.ck-bcode{ font:600 13px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding:3px 7px; border-radius:6px; background:var(--fill); }
.ck-brefst{ list-style:none; margin:0; padding:14px 0 4px; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; }
.ck-brefst li{ display:flex; gap:10px; padding:12px; border-radius:12px; background:var(--band); }
.ck-brefst__n{ width:24px; height:24px; border-radius:50%; background:var(--accent); color:#fff; font-size:12px; font-weight:700; display:grid; place-items:center; flex:none; }
.ck-brefst li > span:last-child{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.ck-brefst b{ font-size:13px; font-weight:600; line-height:1.35; }
.ck-brefst small{ font-size:12px; color:var(--ink-3); line-height:1.4; }
@container (max-width:620px){ .ck-brefst{ grid-template-columns:1fr; } }
.ck-brefk{ display:grid; grid-template-columns:minmax(0, 1.6fr) minmax(0, 1fr); gap:12px; padding:10px 0; }
@container (max-width:620px){ .ck-brefk{ grid-template-columns:1fr; } }
.ck-brefk .ck-field > label{ font-size:12.5px; color:var(--ink-2); font-weight:500; }
.ck-brefsh{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; padding:4px 0 14px; }
@container (max-width:460px){ .ck-brefsh{ grid-template-columns:1fr 1fr; } }
.ck-brefsh .ck-sxbtn{ justify-content:center; height:40px; width:100%; }
.ck-binv > .ck-chip{ flex:none; }
.ck-btcard{ border-top:0; padding:4px 0 0; margin:0; }
.ck-sxblk:has(> :is(.ck-bline, .ck-bmeter, .ck-bcount, .ck-bzero, .ck-sxblk__ft):last-child){ padding-bottom:0; }
.ck-sxblk:has(> .ck-sxblk__ft:last-child) > .ck-sxblk__ft:last-child{ padding-bottom:14px; }
.ck .ck-brefsh .ck-sxbtn svg, .ck .ck-brefsh .ck-sxbtn img{ width:18px; height:18px; flex:none; border-radius:5px; object-fit:contain; }
.ck-sxr.is-stack > .ck-sxr__c > .ck-chip{ align-self:flex-start; }

/* ===== UI-231 · витрати за місяць — за кольорами ===== */
.ck-bsplit{ display:flex; flex-direction:column; gap:12px; padding:14px 0; }
.ck-bsplit__bar{ display:flex; gap:3px; height:14px; border-radius:7px; overflow:hidden; }
.ck-bsplit__bar i{ display:block; min-width:6px; height:100%; transition:filter .12s; }
.ck-bsplit__bar i:hover{ filter:brightness(1.12); }
.ck-bsplit__lg{ display:flex; flex-wrap:wrap; gap:8px 18px; }
.ck-bsplit__lg > span{ display:inline-flex; align-items:center; gap:7px; font-size:12.5px; color:var(--ink-2); white-space:nowrap; }
.ck-bsplit__lg > span > i{ width:10px; height:10px; border-radius:3px; flex:none; }
.ck-bsplit__lg b{ font-weight:600; color:var(--ink); font-variant-numeric:tabular-nums; }
.ck-bsplit__lg small{ font-size:12px; color:var(--ink-3); }
.ck-bsplit__lg .is-disc b{ color:var(--green-ink); }
.ck-bsplit + .ck-bline{ border-top:1px solid var(--line-2); }
.ck-bline__ic{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; flex:none; color:var(--c); background:color-mix(in srgb, var(--c) 12%, var(--bk-ffffff)); }
.ck .ck-bline__ic .lucide{ width:16px; height:16px; }
.ck-bline.is-tot{ padding-left:calc(var(--bx) + 46px); }
@media (max-width:767px){ .ck-bline.is-tot{ padding-left:var(--bx); } }

/* ===== UI-232 · «Підписка» вкладками; суми — як у виписці; блоки по два ===== */
.ck-btabs{ position:static; }
.ck-btabs .ck-seg{ background:var(--bk-e4e6eb); }
.ck-sxcol{ display:flex; flex-direction:column; gap:12px; min-width:0; }
.ck-sx2 > *{ container-type:inline-size; }
.ck-bline > em.is-out, .ck-btile__v .is-out{ color:var(--tk-dc2626); }
.ck-bline > em.is-in, .ck-btile__v .is-in{ color:var(--green-ink); }
.ck-bline.is-tot > em.is-out{ color:var(--tk-dc2626); }
.ck-bsplit__lg .is-disc b{ color:var(--green-ink); }

/* ===== UI-233 · вкладки «Підписки» — як у списках: за шириною тексту, пігулка їде, вміст плавно змінюється ===== */
.ck-seg.ck-seg--btabs{ display:inline-flex; width:auto; max-width:100%; padding:5px; gap:4px; }
.ck-seg--btabs > button{ flex:none; height:34px; padding:0 14px; }
.ck-btabs{ display:flex; }
.ck-btabs > .ck-segw--auto{ width:auto; max-width:100%; }
.ck-bbody{ display:flex; flex-direction:column; gap:12px; }
/* UI-235: вкладки журналу — за шириною тексту, як вкладки «Підписки» */
.ck-autools > .ck-auw{ align-self:flex-start; max-width:100%; }
.ck-auw > .ck-seg.ck-seg--btabs{ display:flex; width:auto; }

/* ===== UI-235 · «Дзвінки», «Звіти за розкладом», норма за часом доби, зведення керівнику ===== */
.ck-bgrp + .ck-sxline, .ck-bgrp + .ck-sxp{ border-top:0; }
.ck-sxline__f{ display:flex; align-items:center; gap:8px; }
.ck-calllogo{ width:30px; height:30px; font-size:14px; }
.ck-calllim{ list-style:none; margin:0 calc(-1 * var(--bx)); padding:6px var(--bx) 14px; display:flex; flex-direction:column; gap:12px; }
.ck-calllim li{ display:flex; gap:12px; align-items:flex-start; }
.ck .ck-calllim li > .lucide{ width:34px; height:34px; padding:9px; border-radius:10px; background:var(--bk-fef3c7); color:var(--tk-b45309); flex:none; }
.ck-calllim li > span{ display:flex; flex-direction:column; gap:2px; padding-top:2px; }
.ck-calllim b{ font-size:13.5px; font-weight:600; } .ck-calllim small{ font-size:12.5px; color:var(--ink-3); line-height:1.4; }
.ck-sxblk:has(> .ck-calllim:last-child){ padding-bottom:0; }
.ck-rep.is-off .ck-sxr__ic, .ck-rep.is-off .ck-sxr__t{ opacity:.55; }
.ck-rep .ck-sxr__c{ gap:6px; }
.ck-reppv{ padding:14px 0; }
.ck-reppv__b{ max-width:420px; display:flex; flex-direction:column; gap:4px; padding:12px 14px 22px; border-radius:16px 16px 16px 4px; background:var(--bk-eef4ff); position:relative; font-size:13.5px; line-height:1.45; color:var(--ink); }
.ck-reppv__b > b{ font-size:14px; margin-bottom:4px; }
.ck-reppv__b em{ font-style:normal; font-size:12px; font-weight:600; padding:1px 6px; border-radius:5px; margin-left:4px; }
.ck-reppv__b em.is-up{ background:var(--green-soft); color:var(--green-ink); } .ck-reppv__b em.is-down{ background:var(--bk-fee2e2); color:var(--tk-b91c1c); }
.ck-reppv__b a{ color:var(--accent); font-weight:600; margin-top:6px; cursor:default; }
.ck-reppv__b small{ position:absolute; right:12px; bottom:6px; font-size:11px; color:var(--ink-3); }
.ck-rpwd{ margin-top:10px; }
.ck-krow--stack{ flex-direction:column; align-items:stretch; gap:10px; }
@media (max-width:767px){ .ck-sxch__t small{ white-space:normal; overflow:visible; text-overflow:clip; } }   /* UI-206: підпис рядка на телефоні — повністю */
.ck-sxch__t b .ck-chip{ margin-left:6px; vertical-align:middle; }
.ck-modal__bd > .ck-group, .ck-modal__bd > .ck-ntf__g, .ck-modal__bd > .ck-form, .ck-modal__bd > .ck-modal__sub{ flex-shrink:0; }   /* UI-235: блоки модалки не стискаються й не підрізаються — прокручується тіло модалки */

/* ===== UI-236 · кнопки модалки, списки в рядках, хрестик сповіщень, меню під іменем, згорнута панель, сірі заголовки, профіль ===== */
.ck-modal__ft.is-stack{ display:flex !important; flex-direction:column-reverse; align-items:stretch; }
.ck-modal__ft.is-stack .ck-btn{ width:100%; flex:none; }
@media (max-width:767px){
  .ck-sxr__c:has(> .ck-select){ flex:0 1 auto; min-width:0; max-width:52%; }
  .ck-sxr__c > .ck-select{ width:100%; max-width:170px; min-width:0; }
  .ck-select .ck-select__v{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
.ck-toast .ck-ibtn{ width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,.22); opacity:1; color:#fff; flex:none; }
.ck-toast .ck-ibtn:hover{ background:rgba(255,255,255,.34); }
.ck-toast--warning .ck-ibtn{ background:rgba(0,0,0,.12); color:var(--tk-1f2328); }
@media (max-width:767px){ .ck-toast .ck-ibtn{ pointer-events:auto !important; width:30px; height:30px; } }
.ck-menu--me{ padding:6px; }
.ck-menu__card{ display:flex; align-items:center; gap:12px; padding:12px; background:var(--card); border-radius:12px; box-shadow:var(--blk-sh); }
.ck-menu--me .ck-menu__body{ display:flex; flex-direction:column; gap:6px; }
.ck-mecard__t{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.ck-mecard__t b{ font-size:14px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-mecard__t small{ font-size:12px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-mecard__st{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--ink-2); margin-top:2px; }
.ck-mecard__st i{ width:7px; height:7px; border-radius:50%; background:var(--bk-9ca3af); }
.ck-mecard__st.is-on i{ background:#16A34A; box-shadow:0 0 0 3px rgba(22,163,74,.15); }
.ck-modal--msheet .ck-menu__card{ margin:0 0 4px; }
@media (min-width:768px){
}
.ck-sxblk__hd:not(:only-child){ background:var(--bk-e9ebef); border-bottom-color:var(--bk-dfe1e6); }
.ck-sxblk__hd:not(:only-child) b{ color:var(--ink); }
.ck-sxblk__hd:not(:only-child) > div > span{ color:var(--ink-2); }
.ck-sxblk__hd:not(:only-child) .ck-sxibtn{ background:rgba(255,255,255,.75); }
.ck-sxblk--warn > .ck-sxblk__hd:not(:only-child){ background:var(--bk-fef6dc); border-bottom-color:var(--bk-fbe3a6); }
.ck-sxblk--warn > .ck-sxblk__hd:not(:only-child) b{ color:var(--tk-8a5a00); }
.ck-sxme{ padding-top:16px; padding-bottom:16px; gap:12px; }
.ck-sxme__hd{ display:flex; align-items:center; gap:16px; }
.ck-sxme__ava, .ck-sxco__logo--up{ position:relative; flex:none; cursor:pointer; }
.ck-sxme__ava .ck-ava--xl{ width:72px; height:72px; font-size:24px; }
.ck-sxme__cam{ position:absolute; right:-4px; bottom:-4px; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:var(--card); color:var(--ink); box-shadow:0 1px 4px rgba(16,24,40,.22); transition:transform .12s; }
.ck .ck-sxme__cam .lucide{ width:14px; height:14px; }
.ck-sxme__ava:hover .ck-sxme__cam, .ck-sxco__logo--up:hover .ck-sxme__cam{ transform:scale(1.08); }
.ck-sxme__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ck-sxme__t > b{ font-size:17px; font-weight:700; }
.ck-sxme__t > span{ font-size:13px; color:var(--ink-3); }
.ck-sxme__a{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.ck-sxme__a label.ck-sxbtn{ cursor:pointer; }
.ck-sxme__note{ font-size:12.5px; color:var(--ink-3); }
.ck-sxco__logo{ overflow:visible; }
.ck-sxco__logo img{ width:100%; height:100%; object-fit:cover; border-radius:inherit; display:block; }
.ck-sxco__logo.has-img{ background:var(--card); }
.ck-phpv{ display:flex; flex-direction:column; align-items:center; gap:12px; padding:18px 16px; text-align:center; }
.ck-phpv__i{ width:144px; height:144px; border-radius:50%; overflow:hidden; background:var(--fill); box-shadow:0 0 0 4px var(--bk-ffffff), 0 0 0 5px var(--line); }
.ck-phpv__i.is-sq{ border-radius:28px; }
.ck-phpv__i img{ width:100%; height:100%; object-fit:cover; display:block; }
.ck-phpv small{ font-size:12.5px; color:var(--ink-3); }
.ck-menu.ck-menu--me{ max-height:calc(100vh - 24px); }
/* UI-302: меню дій «⋯» — усі пункти видно одразу; обмежує лише екран. Списки вибору — як і були, 360 px з прокруткою */
.ck-menu.ck-menu--acts{ max-height:calc(100vh - 24px); }

/* ===== UI-237 · «Куди» у звіті — список; «Обмеження Telegram» — список; значки в галочках не розтягуються ===== */
.ck-rpvia{ cursor:pointer; }
.ck-rpvia .ck-sxch__ic{ width:28px; height:28px; flex:none; }
.ck-rpvia .ck-check{ flex:none; margin-left:auto; }
.ck-check .ck-chimg, .ck-check img{ width:18px; height:18px; flex:none; border-radius:4px; }
.ck-sxr__ic.is-warn{ background:var(--bk-fef3c7); color:var(--tk-b45309); }

/* ===== UI-238 · AI вкладками: модулі 12.1–12.4, графік за днями тижня, свій ключ ===== */
.ck-aiday.is-off .ck-sxr__t > b{ color:var(--ink-3); }
.ck-aiday .ck-sxr__c{ gap:12px; }
.ck-aiday .ck-sxhrs .ck-input{ width:96px; }
@media (max-width:767px){
  .ck-aiday{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; row-gap:10px; align-items:center; }
  .ck-aiday .ck-sxr__c{ display:contents; }
  .ck-aiday .ck-switch{ grid-column:2; grid-row:1; }
  .ck-aiday .ck-sxhrs{ grid-column:1 / -1; grid-row:2; }
  .ck-aiday .ck-sxhrs .ck-input{ flex:1; width:auto; }
}
.ck-sxr__ic.is-new{ background:var(--bk-eef4ff); color:var(--accent); }
.ck-sxr__ic.is-sale{ background:var(--bk-fce7f3); color:var(--tk-be185d); }
.ck-aiscore{ min-width:40px; height:26px; padding:0 8px; border-radius:6px; display:inline-grid; place-items:center; font-weight:700; font-size:13px; font-variant-numeric:tabular-nums; }
.ck-aiscore.is-g{ background:var(--bk-dcfce7); color:var(--tk-15803d); }
.ck-aiscore.is-a{ background:var(--bk-fef3c7); color:var(--tk-b45309); }
.ck-aiscore.is-r{ background:var(--bk-fee2e2); color:var(--tk-b91c1c); }
.ck-aidelta{ min-width:30px; text-align:right; font-size:12px; font-weight:600; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.ck-aidelta.is-up{ color:var(--green-ink); }
.ck-aidelta.is-down{ color:var(--tk-dc2626); }
.ck-aisc .ck-sxp__t small{ white-space:normal; }
.ck-aidaypv > span{ display:block; }
.ck-aibest__hd{ display:flex; align-items:center; gap:10px; }
.ck-aibest__hd > span{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.ck-aibest__hd b{ font-size:14px; }
.ck-aibest__hd small{ font-size:12px; color:var(--ink-3); }
.ck-aibest > p{ margin:10px 0 12px; font-size:13.5px; line-height:1.5; color:var(--ink); }
.ck-aibest > .ck-sxbtn{ width:100%; justify-content:center; }
.ck-aikfb{ margin-top:8px; }
@media (max-width:767px){
  /* UI-238: рядок зі значком і перемикачем — перемикач праворуч у тому ж рядку, не під текстом */
  .ck-sxr--ic:has(> .ck-sxr__c > .ck-switch:only-child){ flex-wrap:nowrap; }
  .ck-sxr--ic > .ck-sxr__c:has(> .ck-switch:only-child){ width:auto; padding-left:0; }
}

/* ===== UI-239 · блок «я» у боковій панелі згортається плавно: без стрибків розміру й місця ===== */
@media (min-width:768px){
  .ck-side__me{ height:54px; padding:0 9px; flex:none; }
  .ck-side__me .ck-ava{ flex:none; }
  .ck-side__me-t{ white-space:nowrap; }
  .ck-side__me .ck-chev{ flex:none; }
  .ck-app.is-side-anim .ck-side__me{ transition:height .26s var(--ease), padding .26s var(--ease); }
  /* згорнута: блок тягнеться за панеллю (без різкої ширини), квадрат 44 (як пункти над ним), аватар 30 рівно по центру; текст гасне й ховається за краєм */
  .ck-app.is-side-mini .ck-side__me{ height:44px; padding:0 6px; }
  .ck-app.is-side-mini .ck-side__me .ck-ava{ width:30px; height:30px; }
}
@media (max-width:1023px) and (min-width:768px){
  .ck-side__me{ height:44px; padding:0; justify-content:center; }
  .ck-side__me .ck-ava{ width:32px; height:32px; }
}

/* ===== UI-240 · тест спливних сповіщень: значок рядка — колір свого типу ===== */
.ck-sxr__ic.ck-tsw{ color:#fff; }
.ck-tsw--success{ background:#16A34A !important; }
.ck-tsw--info{ background:var(--dark) !important; }
.ck-tsw--warning{ background:#F59E0B !important; color:var(--tk-1f2328) !important; }
.ck-tsw--error{ background:#DC2626 !important; }
/* UI-241: «Увага» — менш помаранчева: спокійний жовто-бурштиновий, текст темний */
.ck-toast--warning{ background:#FBBF24; color:var(--tk-1f2328); }
.ck-tsw--warning{ background:#FBBF24 !important; }
/* UI-242: «Оновлено» у «потягніть, щоб оновити» — галочка того ж зеленого, що й коло; не скаче на піксель після появи
   (галочка весь час на своєму шарі й рівно по центру кільця — після анімації масштабу її не «перекладає» на цілий піксель) */
.ck-lptr__ok{ inset:0; will-change:transform; }
.ck-lptr__ring{ will-change:transform; }
.ck-lptr.is-done .ck-lptr__ok{ color:var(--green); }

/* ===== UI-244 · галочка в кружку — рівно по центру скрізь =====
   1) розмір галочки тієї ж парності, що й кружок: відступ — цілий піксель (13 у 22 давало 4,5 → зсув на пів пікселя);
   2) сама галочка Lucide на 0,5 / 24 вища за центр свого квадрата — опускаємо на цю похибку */
.ck .ck-wzo__ck .lucide, .ck .ck-osteps i .lucide{ width:12px; height:12px; }
.ck .ck-sxcols .lucide{ width:16px; height:16px; }
.ck-wall__ck{ width:20px; height:20px; }
.ck .ck-wall__ck .lucide{ width:12px; height:12px; }
.ck-wzo__ck .lucide-check, .ck-osteps i .lucide-check, .ck-rdone .lucide-check, .ck-step__n .lucide-check, .ck-sxcols .lucide-check,
.ck-wall__ck .lucide-check, .ck-lptr__ok .lucide-check, .ck-icircle .lucide-check, .ck-mm__badge .lucide-check{ transform:translateY(2.1%); }
.ck-check input:checked + .ck-check__box svg{ transform:translateY(2.1%); }

/* ===== UI-245 · ТЕМНА ТЕМА: значення змінних для html[data-theme=dark] (згенеровано з ролей кольорів, UI-245) ===== */
html[data-theme="dark"]{
  --bk-000000:#393B41;
  --bk-18181b:#393B41;
  --bk-1f2328:#393B41;
  --bk-8b93a1:#747989;
  --bk-9ca3af:#676B79;
  --bk-9ebbff:color-mix(in srgb, #0D51F2 28%, var(--card));
  --bk-a1a1aa:#676B79;
  --bk-a3a7b0:#636775;
  --bk-bfd3ff:color-mix(in srgb, #0D54F2 20%, var(--card));
  --bk-c7d2fe:color-mix(in srgb, #0D3BF2 20%, var(--card));
  --bk-c9cdd4:#43464F;
  --bk-c9d8ff:color-mix(in srgb, #0D4CF2 20%, var(--card));
  --bk-c9dafb:color-mix(in srgb, #125CED 20%, var(--card));
  --bk-ccfbf1:color-mix(in srgb, #13ECBE 20%, var(--card));
  --bk-d5d8de:#393C43;
  --bk-d6e6ff:color-mix(in srgb, #0D66F2 20%, var(--card));
  --bk-d7dae0:#383A41;
  --bk-d8d3e8:color-mix(in srgb, #6B58A7 20%, var(--card));
  --bk-d9dce3:#35383F;
  --bk-dadde3:#35373E;
  --bk-dbeafe:color-mix(in srgb, #0D6FF2 20%, var(--card));
  --bk-dcdfe4:#34363D;
  --bk-dce8ff:color-mix(in srgb, #0D5BF2 14%, var(--card));
  --bk-dcfce7:color-mix(in srgb, #14EB5E 20%, var(--card));
  --bk-dddee3:#34363D;
  --bk-dfe1e6:#32333A;
  --bk-e0e7ff:color-mix(in srgb, #0D41F2 14%, var(--card));
  --bk-e0eaff:color-mix(in srgb, #0D57F2 14%, var(--card));
  --bk-e0f2fe:color-mix(in srgb, #0D96F2 14%, var(--card));
  --bk-e1e3e8:#303238;
  --bk-e3e5ea:#2E3036;
  --bk-e4e5ea:#2E2F36;
  --bk-e4e6eb:#2D2F35;
  --bk-e4e9f5:color-mix(in srgb, #4567BA 20%, var(--card));
  --bk-e5e7eb:#2D2E35;
  --bk-e7e8ec:#2B2D33;
  --bk-e8f0ff:color-mix(in srgb, #0D5DF2 14%, var(--card));
  --bk-e9eaee:#2A2B31;
  --bk-e9ebef:#292B30;
  --bk-eaecef:#292A30;
  --bk-ecedf0:#27292E;
  --bk-ecfccb:color-mix(in srgb, #A7F10E 20%, var(--card));
  --bk-ede9fe:color-mix(in srgb, #380DF2 14%, var(--card));
  --bk-eeeff2:#26272C;
  --bk-eef0f3:color-mix(in srgb, #6A7B95 14%, var(--card));
  --bk-eef2ff:color-mix(in srgb, #0D43F2 14%, var(--card));
  --bk-eef4ff:color-mix(in srgb, #0D5EF2 14%, var(--card));
  --bk-f0fdf4:color-mix(in srgb, #1EE15A 14%, var(--card));
  --bk-f1f2f5:color-mix(in srgb, #6A7595 14%, var(--card));
  --bk-f3e8ff:color-mix(in srgb, #7B0DF2 14%, var(--card));
  --bk-f3f4f6:#222328;
  --bk-f5f3ff:color-mix(in srgb, #330DF2 14%, var(--card));
  --bk-f5f6f8:color-mix(in srgb, #697896 14%, var(--card));
  --bk-f5f7fb:color-mix(in srgb, #496DB6 14%, var(--card));
  --bk-f5f8ff:color-mix(in srgb, #0D52F2 14%, var(--card));
  --bk-f6f7f9:color-mix(in srgb, #667799 14%, var(--card));
  --bk-f7f5ff:color-mix(in srgb, #3B0DF2 14%, var(--card));
  --bk-f7faff:color-mix(in srgb, #0D63F2 14%, var(--card));
  --bk-f9fafb:color-mix(in srgb, #667F99 14%, var(--card));
  --bk-fafbfc:color-mix(in srgb, #607F9F 14%, var(--card));
  --bk-fbe3a6:color-mix(in srgb, #F2B10D 28%, var(--card));
  --bk-fca5a5:color-mix(in srgb, #F20D0D 28%, var(--card));
  --bk-fce7f3:color-mix(in srgb, #E31C8E 14%, var(--card));
  --bk-fecaca:color-mix(in srgb, #F20D0D 20%, var(--card));
  --bk-fee2e2:color-mix(in srgb, #F20D0D 14%, var(--card));
  --bk-fef2f2:color-mix(in srgb, #ED1212 14%, var(--card));
  --bk-fef3c7:color-mix(in srgb, #F2C40D 20%, var(--card));
  --bk-fef6dc:color-mix(in srgb, #F2BC0D 20%, var(--card));
  --bk-ffe4e6:color-mix(in srgb, #F20D1E 14%, var(--card));
  --bk-ffe4e9:color-mix(in srgb, #F20D37 14%, var(--card));
  --bk-ffedd5:color-mix(in srgb, #F2900D 20%, var(--card));
  --bk-fff3c4:color-mix(in srgb, #F2C40D 20%, var(--card));
  --bk-fff3cc:color-mix(in srgb, #F2BC0D 20%, var(--card));
  --bk-fff7db:color-mix(in srgb, #F2BF0D 20%, var(--card));
  --bk-fff8e1:color-mix(in srgb, #F2BD0D 14%, var(--card));
  --bk-fffbeb:color-mix(in srgb, #F2C40D 14%, var(--card));
  --bk-ffffff:var(--card);
  --tk-0369a1:#7BC9F4;
  --tk-0f766e:#80EFE6;
  --tk-15803d:#84EBAB;
  --tk-16a34a:#81EEA9;
  --tk-1a1f71:#8B90E4;
  --tk-1d4ed8:#819EEE;
  --tk-1f2328:#DEDFE3;
  --tk-1f2937:#A4B4CC;
  --tk-374151:#AAB4C5;
  --tk-3f3f46:#C2C4CB;
  --tk-4b4b55:#B6B8C0;
  --tk-4b5563:#AFB2BB;
  --tk-4c1d95:#AD87E8;
  --tk-4d7c0f:#BFF080;
  --tk-52525b:#B0B2BB;
  --tk-5b6475:#A0A3AE;
  --tk-5b6b8c:#A8B2C7;
  --tk-6b21a8:#BC88E8;
  --tk-6b4a06:#F4CD7B;
  --tk-6b7280:#9397A3;
  --tk-71717a:#9397A3;
  --tk-78350f:#EFA880;
  --tk-78520a:#F4CA7B;
  --tk-7c2d12:#ED9D82;
  --tk-7c5a0b:#F3CF7C;
  --tk-7e22ce:#BB84EB;
  --tk-8a5a00:#F4CA7B;
  --tk-8c6d2c:#DDC592;
  --tk-92400e:#F3A97D;
  --tk-92700c:#F4D57B;
  --tk-9ca3af:#696D7B;
  --tk-b45309:#F4AF7B;
  --tk-b7791f:#EAC185;
  --tk-b91c1c:#EC8383;
  --tk-be123c:#F37D99;
  --tk-be185d:#EF80AE;
  --tk-c2410c:#F49E7B;
  --tk-d97706:#F4BC7B;
}

/* ===== UI-245 · ТЕМНА ТЕМА: основні токени, фони чатів, лого, плавне перемикання ===== */
html[data-theme="dark"]{ color-scheme:dark;
  --canvas:#0E0F12; --card:#1A1B20; --band:#16171B; --group:#141519; --fill:#24262C; --fill-2:#2B2D34;
  --line:#2A2C33; --line-2:#23252B; --line-dash:#383B43;
  --ink:#E6E8EC; --ink-2:#A3A8B2; --ink-3:#777D88; --ink-4:#4D525C;
  --dark:#3A3C44; --dark-2:#46484F;
  --accent:#2F7BFF; --accent-2:#7AA9FF; --accent-soft:rgba(47,123,255,.16); --accent-ring:rgba(47,123,255,.38);
  --green:#22C55E; --green-soft:rgba(34,197,94,.15); --green-ink:#4ADE80;
  --red:#F43F5E; --red-2:#FF5A75; --red-soft:rgba(244,63,94,.16); --red-ink:#FB7185;
  --amber-soft:rgba(245,158,11,.15); --amber-ink:#FBBF24; --blue-soft:rgba(59,130,246,.18); --blue-ink:#93C5FD; --purple-soft:rgba(139,92,246,.2); --purple-ink:#C4B5FD;
  --sh-card:0 0 0 1px rgba(255,255,255,.035), 0 8px 24px rgba(0,0,0,.32);
  --sh-ring:0 0 0 1px var(--line), 0 6px 16px rgba(0,0,0,.32);
  --sh-pop:0 0 0 1px rgba(255,255,255,.07), 0 12px 32px rgba(0,0,0,.55);
  --sh-modal:0 0 0 1px rgba(255,255,255,.07), 0 24px 64px rgba(0,0,0,.6);
}
html[data-theme="dark"], html[data-theme="dark"] body.ck{ background:var(--canvas); }
/* лого: слово білим */
html[data-theme="dark"] .ck-side__logo-word{ content:url("/assets/chats/brand/logo/ladnai-logo-dark-h64-word.png"); }
/* фони чатів: той самий візерунок, приглушений шаром (inset-тінь малюється над фоном, але під повідомленнями) */
html[data-theme="dark"] .ck-chat__log[data-wall], html[data-theme="dark"] .ck-wall__pv{ box-shadow:inset 0 0 0 100vmax rgba(13,14,18,.8); }
html[data-theme="dark"] .ck-chat__log[data-wall="plain"], html[data-theme="dark"] .ck-wall__pv[data-wall="plain"]{ box-shadow:none; }
/* плавне перемикання — лише в момент зміни теми */
/* UI-309: під час зміни теми власні переходи вимкнено — перетікання робить View Transition одним знімком */
html.is-theme-anim, html.is-theme-anim *, html.is-theme-anim *::before, html.is-theme-anim *::after{ transition:none !important; }
::view-transition-old(root), ::view-transition-new(root){ animation-duration:.22s; animation-timing-function:cubic-bezier(.4,0,.2,1); }
/* UI-309: пункт меню з тумблером (тема) */
.ck-menu__sw{ margin-left:auto; pointer-events:none; }
.ck-msheet__i .ck-menu__sw{ margin-left:8px; }

/* «Оформлення» — плитки теми з мініатюрою */
.ck-thms{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; padding:14px 0; }
.ck-thm{ position:relative; display:flex; flex-direction:column; gap:10px; padding:8px 8px 12px; border-radius:14px; background:var(--card); box-shadow:inset 0 0 0 1px var(--line); text-align:left; transition:box-shadow .15s, transform .15s; }
.ck-thm:hover{ transform:translateY(-1px); }
.ck-thm.is-on{ box-shadow:inset 0 0 0 2px var(--accent); }
.ck-thm .ck-wzo__ck{ position:absolute; top:14px; right:14px; background:var(--card); }
.ck-thm.is-on .ck-wzo__ck{ background:var(--accent); box-shadow:none; color:#fff; }
.ck-thm__t{ display:flex; flex-direction:column; gap:2px; padding:0 4px; min-width:0; }
.ck-thm__t b{ font-size:13.5px; font-weight:600; }
.ck-thm__t small{ font-size:12px; color:var(--ink-2); line-height:1.35; }
.ck-thm__pv{ position:relative; display:block; aspect-ratio:16 / 10; border-radius:9px; overflow:hidden; --c-bg:#F1F2F5; --c-card:#FFFFFF; --c-row:#E6E8EC; --c-in:#FFFFFF; --c-out:#0062FF; --c-chat:#E9E4D8; }
.ck-thm__pv--dark{ --c-bg:#0E0F12; --c-card:#1A1B20; --c-row:#2B2D34; --c-in:#24262C; --c-out:#2F7BFF; --c-chat:#1B1A17; }
.ck-thm__half{ position:absolute; inset:0; display:block; background:var(--c-bg); }
.ck-thm__pv--auto .ck-thm__half{ background:linear-gradient(115deg, #F1F2F5 50%, #0E0F12 50%); }
.ck-thm__side{ position:absolute; left:5%; top:8%; bottom:8%; width:9%; border-radius:4px; background:var(--c-card); }
.ck-thm__list{ position:absolute; left:17%; top:8%; bottom:8%; width:30%; border-radius:4px; background:var(--c-card); }
.ck-thm__row{ position:absolute; left:10%; height:9%; border-radius:3px; background:var(--c-row); }
.ck-thm__chat{ position:absolute; left:50%; right:5%; top:8%; bottom:8%; border-radius:4px; background:var(--c-chat); }
.ck-thm__in, .ck-thm__out{ position:absolute; height:16%; border-radius:4px; }
.ck-thm__in{ left:8%; top:12%; width:52%; background:var(--c-in); }
.ck-thm__in--2{ top:64%; width:38%; }
.ck-thm__out{ right:8%; top:38%; width:46%; background:var(--c-out); }
.ck-thm__pv--auto{ --c-card:#FFFFFF; }
.ck-thm__pv--auto .ck-thm__chat{ background:#1B1A17; } .ck-thm__pv--auto .ck-thm__in{ background:#24262C; } .ck-thm__pv--auto .ck-thm__out{ background:#2F7BFF; }
@media (max-width:767px){ .ck-thms{ grid-template-columns:1fr; } .ck-thm{ flex-direction:row; align-items:center; padding:8px; } .ck-thm__pv{ width:112px; flex:none; } .ck-thm .ck-wzo__ck{ position:static; margin-left:auto; flex:none; } }

/* ===== UI-245 · ТЕМНА ТЕМА: значення змінних для html[data-theme=dark] (згенеровано з ролей кольорів, UI-245) ===== */
html[data-theme="dark"]{
  --bk-0e0f12:#393B41;
  --bk-1a1b20:#393B41;
  --bk-1b1a17:#393B41;
  --bk-24262c:#393B41;
  --bk-2b2d34:#393B41;
  --bk-e6e8ec:#2C2E33;
  --bk-e9e4d8:color-mix(in srgb, #A38E5C 20%, var(--card));
  --bk-ede9fe:color-mix(in srgb, #380DF2 14%, var(--card));
  --bk-f1f2f5:color-mix(in srgb, #6A7595 14%, var(--card));
  --bk-ffffff:var(--card);
  --tk-0062ff:#7BAAF4;
  --tk-4338ca:#948EE1;
  --tk-6d28d9:#AD86EA;
  --tk-dc2626:#EB8484;
  --tk-f59e0b:#F4C77B;
}

/* ===== UI-245 · ТЕМНА ТЕМА: точкові правки ===== */
html[data-theme="dark"] .ck-wall.is-on .ck-wall__pv, html[data-theme="dark"] .ck-wall.is-on:hover .ck-wall__pv{ box-shadow:0 0 0 2px var(--accent), 0 0 0 5px var(--accent-soft), inset 0 0 0 100vmax rgba(13,14,18,.8); }
html[data-theme="dark"] .ck-wall .ck-wall__pv[data-wall="plain"], html[data-theme="dark"] .ck-wall.is-on .ck-wall__pv[data-wall="plain"]{ box-shadow:0 0 0 1px var(--line); }
html[data-theme="dark"] .ck-wall.is-on .ck-wall__pv[data-wall="plain"]{ box-shadow:0 0 0 2px var(--accent), 0 0 0 5px var(--accent-soft); }
/* напівпрозорі «білі» кнопки й плашки на сірому — у темній темі легкий світлий шар */
html[data-theme="dark"] .ck-sxblk__hd:not(:only-child) .ck-sxibtn{ background:rgba(255,255,255,.08); }
html[data-theme="dark"] .ck-sxblk__hd:not(:only-child) .ck-sxibtn:hover{ background:rgba(255,255,255,.14); }
html[data-theme="dark"] .ck-seen, html[data-theme="dark"] .ck-ack__n{ background:var(--fill); }
/* вхідний дзвінок — темна картка з тонкою світлою рамкою, щоб відділялась від темного фону */
html[data-theme="dark"] .ck-ring{ background:#202127; box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 24px 64px rgba(0,0,0,.6); }

/* ===== UI-245 · ТЕМНА ТЕМА: значення змінних для html[data-theme=dark] (згенеровано з ролей кольорів, UI-245) ===== */
html[data-theme="dark"]{
  --bk-6e9bff:color-mix(in srgb, #0D54F2 34%, var(--card));
  --bk-a78bfa:color-mix(in srgb, #470DF2 34%, var(--card));
  --bk-f2d58c:color-mix(in srgb, #E5AB1A 34%, var(--card));
  --bk-f87171:color-mix(in srgb, #F20D0D 34%, var(--card));
  --bk-fbd98b:color-mix(in srgb, #F2AD0D 34%, var(--card));
  --bk-fde68a:color-mix(in srgb, #F2C40D 34%, var(--card));
  --bk-fef08a:color-mix(in srgb, #F2D70D 34%, var(--card));
}

/* UI-246: темна тема — фони чатів без кольорових плям-бліків: лише рівний колір фону й візерунок під затемненням */
html[data-theme="dark"] .ck-chat__log[data-wall="gray"], html[data-theme="dark"] .ck-wall__pv[data-wall="gray"]{ background-image:var(--pat-fun); }
html[data-theme="dark"] .ck-chat__log[data-wall="doodle"], html[data-theme="dark"] .ck-wall__pv[data-wall="doodle"]{ background-image:var(--pat-chat); }
html[data-theme="dark"] .ck-chat__log[data-wall="sky"], html[data-theme="dark"] .ck-wall__pv[data-wall="sky"]{ background-image:var(--pat-chat); }
html[data-theme="dark"] .ck-chat__log[data-wall="ocean"], html[data-theme="dark"] .ck-wall__pv[data-wall="ocean"]{ background-image:var(--pat-nature); }
html[data-theme="dark"] .ck-chat__log[data-wall="mint"], html[data-theme="dark"] .ck-wall__pv[data-wall="mint"]{ background-image:var(--pat-nature); }
html[data-theme="dark"] .ck-chat__log[data-wall="olive"], html[data-theme="dark"] .ck-wall__pv[data-wall="olive"]{ background-image:var(--pat-shop); }
html[data-theme="dark"] .ck-chat__log[data-wall="lav"], html[data-theme="dark"] .ck-wall__pv[data-wall="lav"]{ background-image:var(--pat-fun); }
html[data-theme="dark"] .ck-chat__log[data-wall="rose"], html[data-theme="dark"] .ck-wall__pv[data-wall="rose"]{ background-image:var(--pat-fun); }
html[data-theme="dark"] .ck-chat__log[data-wall="peach"], html[data-theme="dark"] .ck-wall__pv[data-wall="peach"]{ background-image:var(--pat-shop); }
html[data-theme="dark"] .ck-chat__log[data-wall="sand"], html[data-theme="dark"] .ck-wall__pv[data-wall="sand"]{ background-image:var(--pat-shop); }
html[data-theme="dark"] .ck-chat__log[data-wall="night"], html[data-theme="dark"] .ck-wall__pv[data-wall="night"]{ background-image:var(--pat-chatNight); }
html[data-theme="dark"] .ck-chat__log[data-wall="teampat"], html[data-theme="dark"] .ck-wall__pv[data-wall="teampat"]{ background-image:var(--pat-chat); }
html[data-theme="dark"] .ck-chat__log[data-wall="cloud"], html[data-theme="dark"] .ck-wall__pv[data-wall="cloud"]{ background-image:var(--pat-fun); }
/* наведення на плитку фону не знімає затемнення */
html[data-theme="dark"] .ck-wall:hover .ck-wall__pv{ box-shadow:0 0 0 1px rgba(255,255,255,.1), 0 6px 16px rgba(0,0,0,.4), inset 0 0 0 100vmax rgba(13,14,18,.8); }
html[data-theme="dark"] .ck-wall:hover .ck-wall__pv[data-wall="plain"]{ box-shadow:0 0 0 1px rgba(255,255,255,.1), 0 6px 16px rgba(0,0,0,.4); }

/* UI-247: темна тема — фони різні й з візерунком: свій темний відтінок кожного фону (без затемнювального шару) і світлі лінії візерунка */
html[data-theme="dark"]{
  --pat-chat-dk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='rgba(255,255,255,.081)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3Csymbol id='i0' overflow='visible'%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Crect x='9' y='2' width='6' height='13' rx='3'/%3E%3C/symbol%3E%3Csymbol id='i1' overflow='visible'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/symbol%3E%3Csymbol id='i2' overflow='visible'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0'/%3E%3Cpath d='M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/symbol%3E%3Csymbol id='i3' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/symbol%3E%3Csymbol id='i4' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/symbol%3E%3Csymbol id='i5' overflow='visible'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/symbol%3E%3Csymbol id='i6' overflow='visible'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/symbol%3E%3Csymbol id='i7' overflow='visible'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3C/symbol%3E%3Csymbol id='i8' overflow='visible'%3E%3Cpath d='M10 2v2'/%3E%3Cpath d='M14 2v2'/%3E%3Cpath d='M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1'/%3E%3Cpath d='M6 2v2'/%3E%3C/symbol%3E%3Csymbol id='i9' overflow='visible'%3E%3Cpath d='M15 10V9'/%3E%3Cpath d='M16.472 15a6 6 0 01-8.943 0'/%3E%3Cpath d='M9 10V9'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/symbol%3E%3Csymbol id='ia' overflow='visible'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/%3E%3Cpath d='M20 2v4'/%3E%3Cpath d='M22 4h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/symbol%3E%3Csymbol id='ib' overflow='visible'%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3Cpath d='M7 10v12'/%3E%3C/symbol%3E%3Csymbol id='ic' overflow='visible'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/symbol%3E%3Csymbol id='id' overflow='visible'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/symbol%3E%3Csymbol id='ie' overflow='visible'%3E%3Cpath d='M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z'/%3E%3Cpath d='M15 3v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M8 13h.01'/%3E%3Cpath d='M16 13h.01'/%3E%3Cpath d='M10 16s.8 1 2 1c1.3 0 2-1 2-1'/%3E%3C/symbol%3E%3Csymbol id='if' overflow='visible'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8'/%3E%3Cpath d='M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5'/%3E%3Crect x='3' y='7' width='18' height='4' rx='1'/%3E%3C/symbol%3E%3Csymbol id='ig' overflow='visible'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/symbol%3E%3Csymbol id='ih' overflow='visible'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/symbol%3E%3Csymbol id='ii' overflow='visible'%3E%3Cpath d='m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/symbol%3E%3Csymbol id='ij' overflow='visible'%3E%3Cpath d='M15 10V9'/%3E%3Cpath d='M7.084 14.302a5.12 5.12 0 009.833 0 .24.24 0 00-.235-.302H7.32a.24.24 0 00-.235.302'/%3E%3Cpath d='M9 10V9'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/symbol%3E%3Csymbol id='ik' overflow='visible'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/symbol%3E%3Csymbol id='il' overflow='visible'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/symbol%3E%3Csymbol id='im' overflow='visible'%3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/symbol%3E%3Csymbol id='in' overflow='visible'%3E%3Cpath d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse href='%23i0' transform='translate(387 121) rotate(-20) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23i1' transform='translate(138 316) rotate(18) scale(1.11) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i2' transform='translate(267 343) rotate(-18) scale(1.21) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i3' transform='translate(293 23) rotate(13) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i3' transform='translate(293 443) rotate(13) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i4' transform='translate(339 52) rotate(1) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i5' transform='translate(270 243) rotate(29) scale(1.21) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i6' transform='translate(141 352) rotate(-12) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i1' transform='translate(180 124) rotate(31) scale(0.95) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i7' transform='translate(235 214) rotate(-5) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i8' transform='translate(23 153) rotate(-11) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i8' transform='translate(443 153) rotate(-11) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i9' transform='translate(216 70) rotate(-7) scale(1.37) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ia' transform='translate(258 98) rotate(28) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ib' transform='translate(212 289) rotate(31) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ic' transform='translate(105 246) rotate(-10) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23id' transform='translate(334 369) rotate(-27) scale(1.01) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ie' transform='translate(171 65) rotate(-30) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23if' transform='translate(266 61) rotate(-3) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i5' transform='translate(387 372) rotate(27) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ig' transform='translate(320 116) rotate(-34) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i0' transform='translate(1 259) rotate(-19) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i0' transform='translate(421 259) rotate(-19) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ih' transform='translate(99 157) rotate(28) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i4' transform='translate(1 383) rotate(10) scale(1.08) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i4' transform='translate(421 383) rotate(10) scale(1.08) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i1' transform='translate(378 79) rotate(33) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23i1' transform='translate(112 94) rotate(-20) scale(1.20) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i3' transform='translate(323 294) rotate(15) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ii' transform='translate(46 386) rotate(-26) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ib' transform='translate(371 167) rotate(-19) scale(1.24) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i0' transform='translate(235 148) rotate(9) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ic' transform='translate(305 178) rotate(-21) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ij' transform='translate(57 209) rotate(4) scale(1.18) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i1' transform='translate(70 278) rotate(2) scale(1.05) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i5' transform='translate(32 325) rotate(23) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i5' transform='translate(320 252) rotate(16) scale(0.77) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ih' transform='translate(57 34) rotate(-27) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i6' transform='translate(254 397) rotate(-22) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ie' transform='translate(26 97) rotate(22) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ig' transform='translate(389 214) rotate(-26) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ic' transform='translate(-3 32) rotate(-6) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ic' transform='translate(417 32) rotate(-6) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ij' transform='translate(98 388) rotate(19) scale(0.81) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i8' transform='translate(359 -16) rotate(21) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i8' transform='translate(359 404) rotate(21) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i3' transform='translate(146 171) rotate(-0) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(129 387) rotate(-35) scale(0.83) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i7' transform='translate(9 291) rotate(28) scale(1.01) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i7' transform='translate(429 291) rotate(28) scale(1.01) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ib' transform='translate(380 22) rotate(13) scale(0.91) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i0' transform='translate(178 364) rotate(20) scale(1.30) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i6' transform='translate(13 197) rotate(4) scale(0.88) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i6' transform='translate(433 197) rotate(4) scale(0.88) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ik' transform='translate(1 351) rotate(26) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ik' transform='translate(421 351) rotate(26) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23il' transform='translate(365 285) rotate(-0) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ij' transform='translate(193 162) rotate(3) scale(1.12) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ii' transform='translate(161 210) rotate(-18) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i8' transform='translate(88 50) rotate(-12) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ii' transform='translate(330 207) rotate(26) scale(1.25) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23id' transform='translate(225 326) rotate(-22) scale(0.91) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ik' transform='translate(258 291) rotate(13) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ia' transform='translate(122 31) rotate(-9) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ie' transform='translate(77 352) rotate(-11) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23id' transform='translate(267 183) rotate(-26) scale(0.79) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ib' transform='translate(76 117) rotate(3) scale(1.33) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ii' transform='translate(186 324) rotate(17) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i4' transform='translate(235 14) rotate(4) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i4' transform='translate(235 434) rotate(4) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ie' transform='translate(116 279) rotate(-22) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23im' transform='translate(85 14) rotate(-24) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23im' transform='translate(85 434) rotate(-24) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i6' transform='translate(304 -26) rotate(13) scale(1.20) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(304 394) rotate(13) scale(1.20) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ih' transform='translate(157 12) rotate(-29) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ih' transform='translate(157 432) rotate(-29) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23if' transform='translate(199 221) rotate(1) scale(0.99) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i8' transform='translate(193 -6) rotate(7) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i8' transform='translate(193 414) rotate(7) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i0' transform='translate(283 142) rotate(27) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23il' transform='translate(97 212) rotate(17) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(170 250) rotate(2) scale(1.35) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23in' transform='translate(390 247) rotate(27) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cpath d='M312.1 279.9h5.0M314.6 277.4v5.0' stroke-width='1.3'/%3E%3Ccircle cx='204' cy='383' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M3.3 87.6h8.3M7.5 83.4v8.3' stroke-width='1.3'/%3E%3Ccircle cx='71' cy='84' r='2.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='334' cy='398' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='345' cy='177' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='397.0' cy='355.6' r='5.2' stroke-width='1.2'/%3E%3Ccircle cx='49' cy='179' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='139' cy='273' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M406.3 413.0h5.7M409.2 410.1v5.7' stroke-width='1.3'/%3E%3Ccircle cx='405' cy='185' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='112' cy='410' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='294' cy='298' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M79.7 75.3h6.8M83.1 71.9v6.8' stroke-width='1.3'/%3E%3Cpath d='M158.5 284.7h7.5M162.3 281.0v7.5' stroke-width='1.3'/%3E%3Ccircle cx='39' cy='49' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M246.1 74.1h6.7M249.4 70.8v6.7' stroke-width='1.3'/%3E%3Ccircle cx='66' cy='321' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='70' cy='88' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='294' cy='234' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='127' cy='115' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='335' cy='323' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='380' cy='316' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M399.6 402.9h7.7M403.5 399.1v7.7' stroke-width='1.3'/%3E%3Cpath d='M281.7 269.1h6.9M285.1 265.7v6.9' stroke-width='1.3'/%3E%3Ccircle cx='124' cy='124' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='308' cy='58' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='91.7' cy='71.8' r='5.2' stroke-width='1.2'/%3E%3Ccircle cx='412' cy='141' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='276' cy='206' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M141.8 229.9h6.8M145.2 226.6v6.8' stroke-width='1.3'/%3E%3Ccircle cx='6' cy='323' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M113.3 4.9h7.8M117.2 1.0v7.8' stroke-width='1.3'/%3E%3Ccircle cx='96' cy='289' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='377' cy='342' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='298' cy='328' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M69.7 403.8h8.6M74.0 399.5v8.6' stroke-width='1.3'/%3E%3Ccircle cx='128.0' cy='131.9' r='3.8' stroke-width='1.2'/%3E%3Cpath d='M264.1 415.0h7.5M267.8 411.2v7.5' stroke-width='1.3'/%3E%3Ccircle cx='396' cy='153' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='104' cy='301' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='340' cy='342' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='347' cy='150' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='331' cy='148' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='116' cy='355' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='167' cy='403' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='210.6' cy='404.3' r='4.2' stroke-width='1.2'/%3E%3Cpath d='M336.6 100.4h8.3M340.7 96.2v8.3' stroke-width='1.3'/%3E%3Cpath d='M156.2 83.4h8.9M160.6 78.9v8.9' stroke-width='1.3'/%3E%3Ccircle cx='387' cy='334' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M268.5 273.4h6.4M271.7 270.2v6.4' stroke-width='1.3'/%3E%3Cpath d='M59.9 308.5h8.2M64.0 304.4v8.2' stroke-width='1.3'/%3E%3Cpath d='M204.3 263.9h8.7M208.6 259.5v8.7' stroke-width='1.3'/%3E%3Cpath d='M165.0 46.3h7.7M168.9 42.4v7.7' stroke-width='1.3'/%3E%3Ccircle cx='61' cy='240' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='361' cy='384' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M366.9 369.6h5.5M369.7 366.9v5.5' stroke-width='1.3'/%3E%3Ccircle cx='361.3' cy='143.5' r='4.3' stroke-width='1.2'/%3E%3Ccircle cx='297' cy='214' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='402' cy='103' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='257' cy='368' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='45' cy='243' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='292.5' cy='261.4' r='3.4' stroke-width='1.2'/%3E%3Ccircle cx='314.7' cy='317.2' r='5.1' stroke-width='1.2'/%3E%3Cpath d='M55.5 172.1h8.9M60.0 167.7v8.9' stroke-width='1.3'/%3E%3Ccircle cx='47.7' cy='270.7' r='3.8' stroke-width='1.2'/%3E%3Cpath d='M6.2 329.5h6.8M9.6 326.1v6.8' stroke-width='1.3'/%3E%3Ccircle cx='398' cy='342' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='355' cy='376' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='69' cy='180' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='406' cy='161' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='220' cy='267' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M136.0 260.2h5.3M138.6 257.5v5.3' stroke-width='1.3'/%3E%3Ccircle cx='138' cy='74' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='286' cy='319' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='159' cy='326' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='360' cy='27' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M119.0 2.0h6.0M122.0 -1.0v6.0' stroke-width='1.3'/%3E%3Cpath d='M266.2 393.2h7.7M270.0 389.3v7.7' stroke-width='1.3'/%3E%3Cpath d='M198.0 15.2h6.7M201.3 11.9v6.7' stroke-width='1.3'/%3E%3Ccircle cx='3' cy='70' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='102' cy='317' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='116' cy='133' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M115.3 355.1h8.2M119.4 351.0v8.2' stroke-width='1.3'/%3E%3Cpath d='M176.2 17.2h8.1M180.2 13.1v8.1' stroke-width='1.3'/%3E%3Ccircle cx='168' cy='166' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='391' cy='191' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M190.3 110.4h7.1M193.9 106.9v7.1' stroke-width='1.3'/%3E%3Cpath d='M243.7 268.9h8.2M247.8 264.8v8.2' stroke-width='1.3'/%3E%3Cpath d='M198.5 346.9h7.1M202.1 343.3v7.1' stroke-width='1.3'/%3E%3C/svg%3E");
  --pat-shop-dk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='rgba(255,255,255,.081)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3Csymbol id='i0' overflow='visible'%3E%3Cpath d='m2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18'/%3E%3Cpath d='M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25'/%3E%3Ccircle cx='18' cy='20' r='2'/%3E%3Ccircle cx='8' cy='20' r='2'/%3E%3C/symbol%3E%3Csymbol id='i1' overflow='visible'%3E%3Cline x1='19' x2='5' y1='5' y2='19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/symbol%3E%3Csymbol id='i2' overflow='visible'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='rgba(255,255,255,.081)'/%3E%3C/symbol%3E%3Csymbol id='i3' overflow='visible'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='m19 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1'/%3E%3Cpath d='m5 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M7 21h10'/%3E%3C/symbol%3E%3Csymbol id='i4' overflow='visible'%3E%3Cpath d='M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z'/%3E%3Cpath d='m7 16.5-4.74-2.85'/%3E%3Cpath d='m7 16.5 5-3'/%3E%3Cpath d='M7 16.5v5.17'/%3E%3Cpath d='M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z'/%3E%3Cpath d='m17 16.5-5-3'/%3E%3Cpath d='m17 16.5 4.74-2.85'/%3E%3Cpath d='M17 16.5v5.17'/%3E%3Cpath d='M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z'/%3E%3Cpath d='M12 8 7.26 5.15'/%3E%3Cpath d='m12 8 4.74-2.85'/%3E%3Cpath d='M12 13.5V8'/%3E%3C/symbol%3E%3Csymbol id='i5' overflow='visible'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpolyline points='3.29 7 12 12 20.71 7'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3C/symbol%3E%3Csymbol id='i6' overflow='visible'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M13 5v2'/%3E%3Cpath d='M13 17v2'/%3E%3Cpath d='M13 11v2'/%3E%3C/symbol%3E%3Csymbol id='i7' overflow='visible'%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3Cpath d='M3.103 6.034h17.794'/%3E%3Cpath d='M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z'/%3E%3C/symbol%3E%3Csymbol id='i8' overflow='visible'%3E%3Cpath d='M11 17h3v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3a3.16 3.16 0 0 0 2-2h1a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-1a5 5 0 0 0-2-4V3a4 4 0 0 0-3.2 1.6l-.3.4H11a6 6 0 0 0-6 6v1a5 5 0 0 0 2 4v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1z'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M2 8v1a2 2 0 0 0 2 2h1'/%3E%3C/symbol%3E%3Csymbol id='i9' overflow='visible'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3'/%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'/%3E%3Cpath d='m21 3 1 11h-2'/%3E%3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3'/%3E%3Cpath d='M3 4h8'/%3E%3C/symbol%3E%3Csymbol id='ia' overflow='visible'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8'/%3E%3Cpath d='M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5'/%3E%3Crect x='3' y='7' width='18' height='4' rx='1'/%3E%3C/symbol%3E%3Csymbol id='ib' overflow='visible'%3E%3Cpath d='M12 17V7'/%3E%3Cpath d='M16 8h-6a2 2 0 0 0 0 4h4a2 2 0 0 1 0 4H8'/%3E%3Cpath d='M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z'/%3E%3C/symbol%3E%3Csymbol id='ic' overflow='visible'%3E%3Cpath d='M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5'/%3E%3Cpath d='M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244'/%3E%3Cpath d='M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05'/%3E%3C/symbol%3E%3Csymbol id='id' overflow='visible'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M12 11h4'/%3E%3Cpath d='M12 16h4'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M8 16h.01'/%3E%3C/symbol%3E%3Csymbol id='ie' overflow='visible'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/symbol%3E%3Csymbol id='if' overflow='visible'%3E%3Cpath d='M18 21V10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v11'/%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 1.132-1.803l7.95-3.974a2 2 0 0 1 1.837 0l7.948 3.974A2 2 0 0 1 22 8z'/%3E%3Cpath d='M6 13h12'/%3E%3Cpath d='M6 17h12'/%3E%3C/symbol%3E%3Csymbol id='ig' overflow='visible'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='M9 9h.01'/%3E%3Cpath d='M15 15h.01'/%3E%3C/symbol%3E%3Csymbol id='ih' overflow='visible'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/symbol%3E%3Csymbol id='ii' overflow='visible'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/symbol%3E%3Csymbol id='ij' overflow='visible'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/symbol%3E%3Csymbol id='ik' overflow='visible'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cline x1='2' x2='22' y1='10' y2='10'/%3E%3Cpath d='M6 14h2'/%3E%3C/symbol%3E%3Csymbol id='il' overflow='visible'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cline x1='8' x2='16' y1='6' y2='6'/%3E%3Cline x1='16' x2='16' y1='14' y2='18'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3C/symbol%3E%3Csymbol id='im' overflow='visible'%3E%3Cpath d='M13.744 17.736a6 6 0 1 1-7.48-7.48'/%3E%3Cpath d='M15 6h1v4'/%3E%3Cpath d='m6.134 14.768.866-.5 2 3.464'/%3E%3Ccircle cx='16' cy='8' r='6'/%3E%3C/symbol%3E%3Csymbol id='in' overflow='visible'%3E%3Cpath d='M3 5v14'/%3E%3Cpath d='M8 5v14'/%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M17 5v14'/%3E%3Cpath d='M21 5v14'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse href='%23i0' transform='translate(299 11) rotate(-29) scale(1.20) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i0' transform='translate(299 431) rotate(-29) scale(1.20) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i1' transform='translate(198 203) rotate(-12) scale(1.33) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i2' transform='translate(154 32) rotate(15) scale(1.38) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i2' transform='translate(154 452) rotate(15) scale(1.38) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i3' transform='translate(-17 339) rotate(-28) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i3' transform='translate(403 339) rotate(-28) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i4' transform='translate(46 330) rotate(9) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i5' transform='translate(42 28) rotate(31) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i5' transform='translate(42 448) rotate(31) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i6' transform='translate(209 279) rotate(-20) scale(1.27) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i7' transform='translate(35 133) rotate(17) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i8' transform='translate(105 118) rotate(30) scale(1.24) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i9' transform='translate(189 -13) rotate(-31) scale(1.16) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i9' transform='translate(189 407) rotate(-31) scale(1.16) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(232 251) rotate(23) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ia' transform='translate(143 386) rotate(32) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23i9' transform='translate(-10 45) rotate(-35) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i9' transform='translate(410 45) rotate(-35) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ib' transform='translate(117 247) rotate(-9) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ia' transform='translate(15 176) rotate(17) scale(1.16) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ia' transform='translate(435 176) rotate(17) scale(1.16) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(373 263) rotate(6) scale(1.14) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ic' transform='translate(212 132) rotate(-21) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23id' transform='translate(175 95) rotate(4) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ie' transform='translate(82 215) rotate(16) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23if' transform='translate(303 358) rotate(-27) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i8' transform='translate(104 286) rotate(22) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i1' transform='translate(309 114) rotate(-21) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ig' transform='translate(337 393) rotate(-4) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ih' transform='translate(330 307) rotate(-1) scale(1.30) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ii' transform='translate(319 179) rotate(32) scale(0.87) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ii' transform='translate(50 90) rotate(6) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i9' transform='translate(186 57) rotate(9) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i6' transform='translate(282 257) rotate(18) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(373 -22) rotate(-22) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i2' transform='translate(373 398) rotate(-22) scale(1.02) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ij' transform='translate(98 15) rotate(8) scale(1.18) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ij' transform='translate(98 435) rotate(8) scale(1.18) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ib' transform='translate(35 -14) rotate(-25) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ib' transform='translate(35 406) rotate(-25) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ik' transform='translate(331 257) rotate(-29) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ih' transform='translate(12 315) rotate(9) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ih' transform='translate(432 315) rotate(9) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i1' transform='translate(382 64) rotate(7) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ia' transform='translate(342 16) rotate(-25) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ia' transform='translate(342 436) rotate(-25) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ij' transform='translate(149 274) rotate(12) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ig' transform='translate(89 329) rotate(29) scale(0.87) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23il' transform='translate(324 71) rotate(25) scale(0.97) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ie' transform='translate(328 223) rotate(30) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23im' transform='translate(241 326) rotate(25) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i1' transform='translate(269 201) rotate(19) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23if' transform='translate(251 34) rotate(-22) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ic' transform='translate(370 350) rotate(-32) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ib' transform='translate(156 165) rotate(-28) scale(1.36) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ij' transform='translate(383 189) rotate(33) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ia' transform='translate(50 179) rotate(-11) scale(0.79) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i2' transform='translate(241 362) rotate(5) scale(1.25) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i7' transform='translate(77 60) rotate(-30) scale(1.16) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i7' transform='translate(225 88) rotate(-28) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23il' transform='translate(95 159) rotate(-31) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i5' transform='translate(201 362) rotate(-6) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i4' transform='translate(74 259) rotate(-5) scale(1.06) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23if' transform='translate(282 71) rotate(-33) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i5' transform='translate(180 299) rotate(1) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i6' transform='translate(5 380) rotate(2) scale(1.06) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i6' transform='translate(425 380) rotate(2) scale(1.06) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ic' transform='translate(259 134) rotate(-16) scale(1.17) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ie' transform='translate(209 328) rotate(9) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i7' transform='translate(64 358) rotate(27) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ia' transform='translate(233 -16) rotate(-19) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ia' transform='translate(233 404) rotate(-19) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23in' transform='translate(354 111) rotate(24) scale(1.33) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23im' transform='translate(132 337) rotate(-19) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i2' transform='translate(296 386) rotate(-10) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23id' transform='translate(16 273) rotate(1) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23id' transform='translate(436 273) rotate(1) scale(0.84) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23id' transform='translate(128 66) rotate(-7) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ij' transform='translate(-16 116) rotate(-25) scale(1.12) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ij' transform='translate(404 116) rotate(-25) scale(1.12) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ij' transform='translate(-13 250) rotate(-27) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ij' transform='translate(407 250) rotate(-27) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i7' transform='translate(97 379) rotate(24) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23in' transform='translate(287 329) rotate(31) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ih' transform='translate(156 231) rotate(27) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i6' transform='translate(145 113) rotate(-26) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cpath d='M330.1 345.9h5.8M333.0 343.0v5.8' stroke-width='1.3'/%3E%3Ccircle cx='404' cy='391' r='2.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='207' cy='67' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='33' cy='366' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='129' cy='15' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='347.9' cy='335.2' r='5.4' stroke-width='1.2'/%3E%3Ccircle cx='37' cy='164' r='2.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M270.3 342.4h8.1M274.4 338.3v8.1' stroke-width='1.3'/%3E%3Ccircle cx='251' cy='100' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='327.1' cy='349.7' r='5.3' stroke-width='1.2'/%3E%3Ccircle cx='269.6' cy='391.0' r='3.9' stroke-width='1.2'/%3E%3Ccircle cx='274' cy='24' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='38' cy='191' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='304' cy='275' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='377' cy='133' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='259' cy='98' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='323' cy='202' r='2.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='166' cy='336' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M298.2 213.3h5.4M300.9 210.6v5.4' stroke-width='1.3'/%3E%3Ccircle cx='212' cy='68' r='1.4' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='161.6' cy='4.6' r='4.2' stroke-width='1.2'/%3E%3Ccircle cx='278' cy='283' r='1.4' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='21' cy='71' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M151.2 397.9h6.9M154.7 394.5v6.9' stroke-width='1.3'/%3E%3Ccircle cx='239' cy='192' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M256.4 100.5h6.6M259.7 97.2v6.6' stroke-width='1.3'/%3E%3Ccircle cx='12' cy='72' r='1.4' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M393.3 293.0h8.0M397.3 289.0v8.0' stroke-width='1.3'/%3E%3Cpath d='M151.6 58.4h7.6M155.3 54.7v7.6' stroke-width='1.3'/%3E%3Cpath d='M256.2 98.1h5.4M258.9 95.4v5.4' stroke-width='1.3'/%3E%3Ccircle cx='30' cy='226' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M382.3 130.7h8.3M386.5 126.5v8.3' stroke-width='1.3'/%3E%3Ccircle cx='302' cy='166' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M301.0 304.7h8.4M305.2 300.5v8.4' stroke-width='1.3'/%3E%3Cpath d='M158.2 83.9h8.2M162.3 79.7v8.2' stroke-width='1.3'/%3E%3Ccircle cx='266' cy='306' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='121' cy='38' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='2' cy='131' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='78' cy='402' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='328' cy='360' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='147' cy='200' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='79' cy='296' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='331.9' cy='98.8' r='3.0' stroke-width='1.2'/%3E%3Cpath d='M175.8 180.5h6.8M179.2 177.1v6.8' stroke-width='1.3'/%3E%3Ccircle cx='20.1' cy='339.6' r='4.9' stroke-width='1.2'/%3E%3Cpath d='M179.4 318.4h6.7M182.7 315.1v6.7' stroke-width='1.3'/%3E%3Cpath d='M413.6 0.2h8.5M417.8 -4.0v8.5' stroke-width='1.3'/%3E%3Ccircle cx='38' cy='352' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M257.8 314.3h5.4M260.5 311.7v5.4' stroke-width='1.3'/%3E%3Ccircle cx='278' cy='171' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='402.0' cy='4.8' r='4.5' stroke-width='1.2'/%3E%3Ccircle cx='123' cy='299' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='25' cy='74' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='311.0' cy='246.9' r='3.1' stroke-width='1.2'/%3E%3Ccircle cx='247.3' cy='9.7' r='4.9' stroke-width='1.2'/%3E%3Ccircle cx='280.2' cy='121.5' r='4.8' stroke-width='1.2'/%3E%3Ccircle cx='14' cy='203' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='155.6' cy='327.3' r='5.3' stroke-width='1.2'/%3E%3Ccircle cx='168.0' cy='119.9' r='4.5' stroke-width='1.2'/%3E%3Ccircle cx='336' cy='189' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='84' cy='410' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='215' cy='303' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M346.4 220.0h7.1M350.0 216.4v7.1' stroke-width='1.3'/%3E%3Ccircle cx='26.8' cy='346.7' r='3.9' stroke-width='1.2'/%3E%3Cpath d='M107.9 395.0h5.6M110.7 392.2v5.6' stroke-width='1.3'/%3E%3Ccircle cx='224' cy='306' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='124' cy='95' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='127' cy='12' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='182' cy='326' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='305' cy='292' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='1.5' cy='213.1' r='3.6' stroke-width='1.2'/%3E%3Ccircle cx='109' cy='342' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M289.1 174.4h7.6M292.9 170.5v7.6' stroke-width='1.3'/%3E%3Ccircle cx='387' cy='367' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='165' cy='352' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='322' cy='49' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='353' cy='296' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='148' cy='133' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='195' cy='31' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M124.4 211.8h6.4M127.6 208.6v6.4' stroke-width='1.3'/%3E%3Ccircle cx='227.7' cy='167.1' r='4.5' stroke-width='1.2'/%3E%3Ccircle cx='152.1' cy='61.4' r='4.8' stroke-width='1.2'/%3E%3Ccircle cx='363' cy='165' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='122' cy='308' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M343.6 352.9h6.0M346.6 349.9v6.0' stroke-width='1.3'/%3E%3Cpath d='M125.1 155.0h5.5M127.8 152.2v5.5' stroke-width='1.3'/%3E%3Ccircle cx='326' cy='145' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='335' cy='134' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='374' cy='231' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='168' cy='381' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3C/svg%3E");
  --pat-fun-dk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='rgba(255,255,255,.081)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3Csymbol id='i0' overflow='visible'%3E%3Cpath d='M2 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z'/%3E%3Cpath d='M12 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z'/%3E%3Cpath d='M7 14c3.22-2.91 4.29-8.75 5-12 1.66 2.38 4.94 9 5 12'/%3E%3Cpath d='M22 9c-4.29 0-7.14-2.33-10-7 5.71 0 10 4.67 10 7Z'/%3E%3C/symbol%3E%3Csymbol id='i1' overflow='visible'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='rgba(255,255,255,.081)'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='rgba(255,255,255,.081)'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='rgba(255,255,255,.081)'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='rgba(255,255,255,.081)'/%3E%3C/symbol%3E%3Csymbol id='i2' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/symbol%3E%3Csymbol id='i3' overflow='visible'%3E%3Cpath d='M22 17a10 10 0 0 0-20 0'/%3E%3Cpath d='M6 17a6 6 0 0 1 12 0'/%3E%3Cpath d='M10 17a2 2 0 0 1 4 0'/%3E%3C/symbol%3E%3Csymbol id='i4' overflow='visible'%3E%3Cpath d='M12 13v7a2 2 0 0 0 4 0'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M20.992 13a1 1 0 0 0 .97-1.274 10.284 10.284 0 0 0-19.923 0A1 1 0 0 0 3 13z'/%3E%3C/symbol%3E%3Csymbol id='i5' overflow='visible'%3E%3Cpath d='M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z'/%3E%3C/symbol%3E%3Csymbol id='i6' overflow='visible'%3E%3Cpath d='M15 10v1'/%3E%3Cpath d='M7.528 20.472a1.6 1.6 0 012.277 0l1.057 1.056a1.6 1.6 0 002.276 0l1.057-1.056a1.6 1.6 0 012.277 0l1.114 1.114a1.4 1.4 0 002.414-1V10a8 8 0 00-16 0v10.586a1.4 1.4 0 002.414 1z'/%3E%3Cpath d='M9 10v1'/%3E%3C/symbol%3E%3Csymbol id='i7' overflow='visible'%3E%3Cpath d='M16 7h.01'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3Cpath d='m20 7 2 .5-2 .5'/%3E%3Cpath d='M10 18v3'/%3E%3Cpath d='M14 17.75V21'/%3E%3Cpath d='M7 18a6 6 0 0 0 3.84-10.61'/%3E%3C/symbol%3E%3Csymbol id='i8' overflow='visible'%3E%3Cpath d='M20.5 10a2.5 2.5 0 0 1-2.4-3H18a2.95 2.95 0 0 1-2.6-4.4 10 10 0 1 0 6.3 7.1c-.3.2-.8.3-1.2.3'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/symbol%3E%3Csymbol id='i9' overflow='visible'%3E%3Cpath d='M12 5c.67 0 1.35.09 2 .26 1.78-2 5.03-2.84 6.42-2.26 1.4.58-.42 7-.42 7 .57 1.07 1 2.24 1 3.44C21 17.9 16.97 21 12 21s-9-3-9-7.56c0-1.25.5-2.4 1-3.44 0 0-1.89-6.42-.5-7 1.39-.58 4.72.23 6.5 2.23A9.04 9.04 0 0 1 12 5Z'/%3E%3Cpath d='M8 14v.5'/%3E%3Cpath d='M16 14v.5'/%3E%3Cpath d='M11.25 16.25h1.5L12 17l-.75-.75Z'/%3E%3C/symbol%3E%3Csymbol id='ia' overflow='visible'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/symbol%3E%3Csymbol id='ib' overflow='visible'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/symbol%3E%3Csymbol id='ic' overflow='visible'%3E%3Cpath d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/symbol%3E%3Csymbol id='id' overflow='visible'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3E%3C/symbol%3E%3Csymbol id='ie' overflow='visible'%3E%3Cpath d='M18 8a2 2 0 0 0 0-4 2 2 0 0 0-4 0 2 2 0 0 0-4 0 2 2 0 0 0-4 0 2 2 0 0 0 0 4'/%3E%3Cpath d='M10 22 9 8'/%3E%3Cpath d='m14 22 1-14'/%3E%3Cpath d='M20 8c.5 0 .9.4.8 1l-2.6 12c-.1.5-.7 1-1.2 1H7c-.6 0-1.1-.4-1.2-1L3.2 9c-.1-.6.3-1 .8-1Z'/%3E%3C/symbol%3E%3Csymbol id='if' overflow='visible'%3E%3Cpath d='M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.47-3.44 6-7 6s-7.56-2.53-8.5-6Z'/%3E%3Cpath d='M18 12v.5'/%3E%3Cpath d='M16 17.93a9.77 9.77 0 0 1 0-11.86'/%3E%3Cpath d='M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33'/%3E%3Cpath d='M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4'/%3E%3Cpath d='m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98'/%3E%3C/symbol%3E%3Csymbol id='ig' overflow='visible'%3E%3Cpath d='m12 14-1 1'/%3E%3Cpath d='m13.75 18.25-1.25 1.42'/%3E%3Cpath d='M17.775 5.654a15.68 15.68 0 0 0-12.121 12.12'/%3E%3Cpath d='M18.8 9.3a1 1 0 0 0 2.1 7.7'/%3E%3Cpath d='M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z'/%3E%3C/symbol%3E%3Csymbol id='ih' overflow='visible'%3E%3Ccircle cx='6' cy='15' r='4'/%3E%3Ccircle cx='18' cy='15' r='4'/%3E%3Cpath d='M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2'/%3E%3Cpath d='M2.5 13 5 7c.7-1.3 1.4-2 3-2'/%3E%3Cpath d='M21.5 13 19 7c-.7-1.3-1.5-2-3-2'/%3E%3C/symbol%3E%3Csymbol id='ii' overflow='visible'%3E%3Cline x1='6' x2='10' y1='11' y2='11'/%3E%3Cline x1='8' x2='8' y1='9' y2='13'/%3E%3Cline x1='15' x2='15.01' y1='12' y2='12'/%3E%3Cline x1='18' x2='18.01' y1='10' y2='10'/%3E%3Cpath d='M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z'/%3E%3C/symbol%3E%3Csymbol id='ij' overflow='visible'%3E%3Cpath d='M10 7v10.9'/%3E%3Cpath d='M14 6.1V17'/%3E%3Cpath d='M16 7V3a1 1 0 0 1 1.707-.707 2.5 2.5 0 0 0 2.152.717 1 1 0 0 1 1.131 1.131 2.5 2.5 0 0 0 .717 2.152A1 1 0 0 1 21 8h-4'/%3E%3Cpath d='M16.536 7.465a5 5 0 0 0-7.072 0l-2 2a5 5 0 0 0 0 7.07 5 5 0 0 0 7.072 0l2-2a5 5 0 0 0 0-7.07'/%3E%3Cpath d='M8 17v4a1 1 0 0 1-1.707.707 2.5 2.5 0 0 0-2.152-.717 1 1 0 0 1-1.131-1.131 2.5 2.5 0 0 0-.717-2.152A1 1 0 0 1 3 16h4'/%3E%3C/symbol%3E%3Csymbol id='ik' overflow='visible'%3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09'/%3E%3Cpath d='M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05'/%3E%3C/symbol%3E%3Csymbol id='il' overflow='visible'%3E%3Cpath d='M12 16v1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v1'/%3E%3Cpath d='M12 6a2 2 0 0 1 2 2'/%3E%3Cpath d='M18 8c0 4-3.5 8-6 8s-6-4-6-8a6 6 0 0 1 12 0'/%3E%3C/symbol%3E%3Csymbol id='im' overflow='visible'%3E%3Cpath d='M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z'/%3E%3C/symbol%3E%3Csymbol id='in' overflow='visible'%3E%3Cpath d='M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8'/%3E%3Cpath d='M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1'/%3E%3Cpath d='M2 21h20'/%3E%3Cpath d='M7 8v3'/%3E%3Cpath d='M12 8v3'/%3E%3Cpath d='M17 8v3'/%3E%3Cpath d='M7 4h.01'/%3E%3Cpath d='M12 4h.01'/%3E%3Cpath d='M17 4h.01'/%3E%3C/symbol%3E%3Csymbol id='io' overflow='visible'%3E%3Cpath d='M10.2 18H4.774a1.5 1.5 0 0 1-1.352-.97 11 11 0 0 1 .132-6.487'/%3E%3Cpath d='M18 10.2V4.774a1.5 1.5 0 0 0-.97-1.352 11 11 0 0 0-6.486.132'/%3E%3Cpath d='M18 5a4 3 0 0 1 4 3 2 2 0 0 1-2 2 10 10 0 0 0-5.139 1.42'/%3E%3Cpath d='M5 18a3 4 0 0 0 3 4 2 2 0 0 0 2-2 10 10 0 0 1 1.42-5.14'/%3E%3Cpath d='M8.709 2.554a10 10 0 0 0-6.155 6.155 1.5 1.5 0 0 0 .676 1.626l9.807 5.42a2 2 0 0 0 2.718-2.718l-5.42-9.807a1.5 1.5 0 0 0-1.626-.676'/%3E%3C/symbol%3E%3Csymbol id='ip' overflow='visible'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/symbol%3E%3Csymbol id='iq' overflow='visible'%3E%3Cpath d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z'/%3E%3Cpath d='M5 21h14'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse href='%23i0' transform='translate(101 399) rotate(18) scale(0.83) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i1' transform='translate(147 199) rotate(-6) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(364 118) rotate(-35) scale(1.14) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i3' transform='translate(-23 295) rotate(-35) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i3' transform='translate(397 295) rotate(-35) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i4' transform='translate(384 226) rotate(-19) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i5' transform='translate(364 40) rotate(-12) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i6' transform='translate(299 228) rotate(29) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i6' transform='translate(250 28) rotate(-19) scale(1.00) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i7' transform='translate(139 379) rotate(28) scale(1.27) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i8' transform='translate(26 9) rotate(-7) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i8' transform='translate(26 429) rotate(-7) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i8' transform='translate(446 9) rotate(-7) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i8' transform='translate(446 429) rotate(-7) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i9' transform='translate(50 252) rotate(-15) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ia' transform='translate(241 109) rotate(-22) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ib' transform='translate(168 128) rotate(-7) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i3' transform='translate(-1 227) rotate(-17) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(419 227) rotate(-17) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ic' transform='translate(26 181) rotate(10) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23id' transform='translate(86 250) rotate(-19) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ie' transform='translate(285 333) rotate(10) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23id' transform='translate(158 330) rotate(-10) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23id' transform='translate(273 78) rotate(-17) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i8' transform='translate(75 359) rotate(-27) scale(1.32) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23if' transform='translate(-19 154) rotate(-6) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23if' transform='translate(401 154) rotate(-6) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ig' transform='translate(251 190) rotate(-18) scale(1.21) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i1' transform='translate(242 241) rotate(-4) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ih' transform='translate(204 373) rotate(27) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23id' transform='translate(165 12) rotate(34) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23id' transform='translate(165 432) rotate(34) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ic' transform='translate(94 300) rotate(7) scale(1.21) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i5' transform='translate(273 284) rotate(-16) scale(1.30) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ii' transform='translate(395 99) rotate(4) scale(0.77) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ij' transform='translate(381 351) rotate(15) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ik' transform='translate(-18 43) rotate(-24) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ik' transform='translate(402 43) rotate(-24) scale(1.04) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23il' transform='translate(9 345) rotate(30) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23il' transform='translate(429 345) rotate(30) scale(1.10) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i7' transform='translate(115 33) rotate(3) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23im' transform='translate(194 272) rotate(9) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23in' transform='translate(10 83) rotate(-21) scale(1.11) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23in' transform='translate(430 83) rotate(-21) scale(1.11) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i1' transform='translate(324 296) rotate(-11) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i9' transform='translate(92 106) rotate(8) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23il' transform='translate(267 146) rotate(11) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i4' transform='translate(214 218) rotate(-31) scale(1.01) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i2' transform='translate(91 9) rotate(13) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i2' transform='translate(91 429) rotate(13) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i7' transform='translate(210 60) rotate(17) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23id' transform='translate(73 186) rotate(-33) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i0' transform='translate(314 92) rotate(12) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23id' transform='translate(33 129) rotate(-32) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23im' transform='translate(229 338) rotate(-35) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23il' transform='translate(172 164) rotate(-5) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ii' transform='translate(359 301) rotate(-12) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i8' transform='translate(340 -26) rotate(32) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i8' transform='translate(340 394) rotate(32) scale(1.34) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i1' transform='translate(138 78) rotate(23) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i7' transform='translate(208 155) rotate(30) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i0' transform='translate(337 341) rotate(-23) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23io' transform='translate(14 275) rotate(-31) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23io' transform='translate(434 275) rotate(-31) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i2' transform='translate(304 32) rotate(1) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ij' transform='translate(64 -11) rotate(13) scale(0.88) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ij' transform='translate(64 409) rotate(13) scale(0.88) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i5' transform='translate(224 -1) rotate(13) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i5' transform='translate(224 419) rotate(13) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ib' transform='translate(131 244) rotate(14) scale(1.22) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23im' transform='translate(57 56) rotate(-10) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23in' transform='translate(275 377) rotate(14) scale(1.07) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i0' transform='translate(362 200) rotate(-20) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ia' transform='translate(336 142) rotate(-16) scale(0.83) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23io' transform='translate(123 136) rotate(-4) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ip' transform='translate(308 178) rotate(14) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i8' transform='translate(382 396) rotate(-16) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ip' transform='translate(44 214) rotate(-23) scale(1.21) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(205 26) rotate(-31) scale(0.95) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23iq' transform='translate(373 267) rotate(-13) scale(0.95) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i2' transform='translate(271 -9) rotate(-0) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i2' transform='translate(271 411) rotate(-0) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ie' transform='translate(173 60) rotate(21) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i5' transform='translate(20 46) rotate(-25) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i5' transform='translate(440 46) rotate(-25) scale(0.97) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i8' transform='translate(37 370) rotate(-12) scale(0.98) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i1' transform='translate(83 220) rotate(-21) scale(0.92) translate(-12 -12)' stroke-width='1.6'/%3E%3Ccircle cx='4.0' cy='135.0' r='4.0' stroke-width='1.2'/%3E%3Ccircle cx='239' cy='129' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='157' cy='40' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='179' cy='288' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='116' cy='213' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='7' cy='385' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M352.5 66.6h8.6M356.8 62.3v8.6' stroke-width='1.3'/%3E%3Ccircle cx='98' cy='66' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='261.1' cy='334.0' r='3.0' stroke-width='1.2'/%3E%3Ccircle cx='370' cy='327' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M130.8 316.9h5.5M133.6 314.1v5.5' stroke-width='1.3'/%3E%3Ccircle cx='190.2' cy='402.8' r='3.7' stroke-width='1.2'/%3E%3Cpath d='M293.4 410.5h5.5M296.2 407.8v5.5' stroke-width='1.3'/%3E%3Ccircle cx='394' cy='20' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='188' cy='415' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='292' cy='20' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='305' cy='305' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M320.3 199.0h5.5M323.1 196.2v5.5' stroke-width='1.3'/%3E%3Ccircle cx='216' cy='129' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M356.4 68.8h5.6M359.2 66.0v5.6' stroke-width='1.3'/%3E%3Cpath d='M130.9 276.8h8.7M135.2 272.5v8.7' stroke-width='1.3'/%3E%3Ccircle cx='33' cy='344' r='2.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M403.6 116.9h7.2M407.2 113.3v7.2' stroke-width='1.3'/%3E%3Ccircle cx='304' cy='327' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='362' cy='417' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='121' cy='13' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='149' cy='291' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='396' cy='326' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='45' cy='32' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M111.3 69.5h6.7M114.7 66.1v6.7' stroke-width='1.3'/%3E%3Ccircle cx='160.5' cy='91.2' r='3.6' stroke-width='1.2'/%3E%3Ccircle cx='331' cy='265' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='125' cy='115' r='1.4' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='364' cy='404' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='152' cy='163' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M325.4 362.1h7.5M329.2 358.3v7.5' stroke-width='1.3'/%3E%3Cpath d='M72.8 80.3h7.7M76.7 76.4v7.7' stroke-width='1.3'/%3E%3Ccircle cx='205' cy='309' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='8' cy='118' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='316' cy='65' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M372.4 5.2h8.6M376.6 0.9v8.6' stroke-width='1.3'/%3E%3Ccircle cx='286.2' cy='195.0' r='5.3' stroke-width='1.2'/%3E%3Ccircle cx='51' cy='392' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M232.9 160.7h5.3M235.6 158.0v5.3' stroke-width='1.3'/%3E%3Ccircle cx='167.5' cy='361.4' r='4.7' stroke-width='1.2'/%3E%3Ccircle cx='203' cy='240' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M63.0 205.1h8.4M67.2 200.9v8.4' stroke-width='1.3'/%3E%3Ccircle cx='113' cy='2' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='209' cy='187' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='413' cy='7' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M104.5 70.2h5.0M107.0 67.7v5.0' stroke-width='1.3'/%3E%3Cpath d='M228.7 266.3h5.2M231.3 263.7v5.2' stroke-width='1.3'/%3E%3Ccircle cx='73.6' cy='148.1' r='5.0' stroke-width='1.2'/%3E%3Cpath d='M416.4 401.3h5.6M419.2 398.5v5.6' stroke-width='1.3'/%3E%3Ccircle cx='181' cy='86' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='369' cy='10' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='408' cy='22' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M298.1 137.2h7.1M301.6 133.7v7.1' stroke-width='1.3'/%3E%3Ccircle cx='192' cy='339' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M294.3 360.4h5.1M296.9 357.8v5.1' stroke-width='1.3'/%3E%3Cpath d='M379.8 139.2h5.6M382.6 136.4v5.6' stroke-width='1.3'/%3E%3Ccircle cx='115' cy='69' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M339.8 75.2h8.8M344.2 70.8v8.8' stroke-width='1.3'/%3E%3Ccircle cx='230' cy='285' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='202' cy='289' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='259' cy='213' r='1.4' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='50' cy='333' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='161' cy='277' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='315' cy='5' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='261' cy='320' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M342.4 49.0h5.0M344.9 46.5v5.0' stroke-width='1.3'/%3E%3Cpath d='M152.8 293.8h7.8M156.7 290.0v7.8' stroke-width='1.3'/%3E%3Ccircle cx='339' cy='6' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='273.5' cy='53.8' r='4.8' stroke-width='1.2'/%3E%3Ccircle cx='372' cy='8' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='361' cy='340' r='1.4' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='360' cy='418' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M27.0 323.7h8.0M31.0 319.6v8.0' stroke-width='1.3'/%3E%3Ccircle cx='359' cy='182' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M2.4 163.0h7.0M5.9 159.5v7.0' stroke-width='1.3'/%3E%3Ccircle cx='70' cy='86' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='347' cy='260' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='191' cy='80' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='62' cy='30' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='353' cy='366' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='197' cy='305' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M392.3 360.1h5.6M395.1 357.3v5.6' stroke-width='1.3'/%3E%3Cpath d='M386.1 79.6h7.0M389.6 76.1v7.0' stroke-width='1.3'/%3E%3Ccircle cx='359' cy='177' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='10' cy='160' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3C/svg%3E");
  --pat-nature-dk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='rgba(255,255,255,.081)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3Csymbol id='i0' overflow='visible'%3E%3Cpath d='M2 12q2.5 2 5 0t5 0 5 0 5 0'/%3E%3Cpath d='M2 19q2.5 2 5 0t5 0 5 0 5 0'/%3E%3Cpath d='M2 5q2.5 2 5 0t5 0 5 0 5 0'/%3E%3C/symbol%3E%3Csymbol id='i1' overflow='visible'%3E%3Cpath d='M8 19a4 4 0 0 1-2.24-7.32A3.5 3.5 0 0 1 9 6.03V6a3 3 0 1 1 6 0v.04a3.5 3.5 0 0 1 3.24 5.65A4 4 0 0 1 16 19Z'/%3E%3Cpath d='M12 19v3'/%3E%3C/symbol%3E%3Csymbol id='i2' overflow='visible'%3E%3Cpath d='M15.236 22a3 3 0 0 0-2.2-5'/%3E%3Cpath d='M16 20a3 3 0 0 1 3-3h1a2 2 0 0 0 2-2v-2a4 4 0 0 0-4-4V4'/%3E%3Cpath d='M18 13h.01'/%3E%3Cpath d='M18 6a4 4 0 0 0-4 4 7 7 0 0 0-7 7c0-5 4-5 4-10.5a4.5 4.5 0 1 0-9 0 2.5 2.5 0 0 0 5 0C7 10 3 11 3 17c0 2.8 2.2 5 5 5h10'/%3E%3C/symbol%3E%3Csymbol id='i3' overflow='visible'%3E%3Cpath d='M12 6.528V3a1 1 0 0 1 1-1h0'/%3E%3Cpath d='M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21'/%3E%3C/symbol%3E%3Csymbol id='i4' overflow='visible'%3E%3Cpath d='M2 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z'/%3E%3Cpath d='M12 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z'/%3E%3Cpath d='M7 14c3.22-2.91 4.29-8.75 5-12 1.66 2.38 4.94 9 5 12'/%3E%3Cpath d='M22 9c-4.29 0-7.14-2.33-10-7 5.71 0 10 4.67 10 7Z'/%3E%3C/symbol%3E%3Csymbol id='i5' overflow='visible'%3E%3Cpath d='M14.086 18.412A2 2 0 0112.67 19H5v-7.672a2 2 0 01.586-1.414L11.75 3.75a6 6 0 118.49 8.49z'/%3E%3Cpath d='M16 8 2 22'/%3E%3Cpath d='M17.488 15H9'/%3E%3C/symbol%3E%3Csymbol id='i6' overflow='visible'%3E%3Cpath d='M16.17 7.83 2 22'/%3E%3Cpath d='M4.02 12a2.827 2.827 0 1 1 3.81-4.17A2.827 2.827 0 1 1 12 4.02a2.827 2.827 0 1 1 4.17 3.81A2.827 2.827 0 1 1 19.98 12a2.827 2.827 0 1 1-3.81 4.17A2.827 2.827 0 1 1 12 19.98a2.827 2.827 0 1 1-4.17-3.81A1 1 0 1 1 4 12'/%3E%3Cpath d='m7.83 7.83 8.34 8.34'/%3E%3C/symbol%3E%3Csymbol id='i7' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5'/%3E%3Cpath d='M12 7.5V9'/%3E%3Cpath d='M7.5 12H9'/%3E%3Cpath d='M16.5 12H15'/%3E%3Cpath d='M12 16.5V15'/%3E%3Cpath d='m8 8 1.88 1.88'/%3E%3Cpath d='M14.12 9.88 16 8'/%3E%3Cpath d='m8 16 1.88-1.88'/%3E%3Cpath d='M14.12 14.12 16 16'/%3E%3C/symbol%3E%3Csymbol id='i8' overflow='visible'%3E%3Cpath d='M14 11a2 2 0 1 1-4 0 4 4 0 0 1 8 0 6 6 0 0 1-12 0 8 8 0 0 1 16 0 10 10 0 1 1-20 0 11.93 11.93 0 0 1 2.42-7.22 2 2 0 1 1 3.16 2.44'/%3E%3C/symbol%3E%3Csymbol id='i9' overflow='visible'%3E%3Cpath d='M12 20v-9'/%3E%3Cpath d='M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z'/%3E%3Cpath d='M14.12 3.88 16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4'/%3E%3Cpath d='M21 5a4 4 0 0 1-3.55 3.97'/%3E%3Cpath d='M22 13h-4'/%3E%3Cpath d='M3 21a4 4 0 0 1 3.81-4'/%3E%3Cpath d='M3 5a4 4 0 0 0 3.55 3.97'/%3E%3Cpath d='M6 13H2'/%3E%3Cpath d='m8 2 1.88 1.88'/%3E%3Cpath d='M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/symbol%3E%3Csymbol id='ia' overflow='visible'%3E%3Cpath d='m10 20-1.25-2.5L6 18'/%3E%3Cpath d='M10 4 8.75 6.5 6 6'/%3E%3Cpath d='m14 20 1.25-2.5L18 18'/%3E%3Cpath d='m14 4 1.25 2.5L18 6'/%3E%3Cpath d='m17 21-3-6h-4'/%3E%3Cpath d='m17 3-3 6 1.5 3'/%3E%3Cpath d='M2 12h6.5L10 9'/%3E%3Cpath d='m20 10-1.5 2 1.5 2'/%3E%3Cpath d='M22 12h-6.5L14 15'/%3E%3Cpath d='m4 10 1.5 2L4 14'/%3E%3Cpath d='m7 21 3-6-1.5-3'/%3E%3Cpath d='m7 3 3 6h4'/%3E%3C/symbol%3E%3Csymbol id='ib' overflow='visible'%3E%3Cpath d='m17 14 3 3.3a1 1 0 0 1-.7 1.7H4.7a1 1 0 0 1-.7-1.7L7 14h-.3a1 1 0 0 1-.7-1.7L9 9h-.2A1 1 0 0 1 8 7.3L12 3l4 4.3a1 1 0 0 1-.8 1.7H15l3 3.3a1 1 0 0 1-.7 1.7H17Z'/%3E%3Cpath d='M12 22v-3'/%3E%3C/symbol%3E%3Csymbol id='ic' overflow='visible'%3E%3Cpath d='M11 20a10 10 0 0010-10 25.9 25.9 0 00-1.04-7.281 1 1 0 00-1.755-.325C15.833 5.5 13 5.5 9.8 6.1A7 7 0 0011 20'/%3E%3Cpath d='M2 21a5 5 0 012.911-4.544C7.613 15.212 8.351 15.24 11 13'/%3E%3C/symbol%3E%3Csymbol id='id' overflow='visible'%3E%3Cpath d='M14 9.536V7a4 4 0 0 1 4-4h1.5a.5.5 0 0 1 .5.5V5a4 4 0 0 1-4 4 4 4 0 0 0-4 4c0 2 1 3 1 5a5 5 0 0 1-1 3'/%3E%3Cpath d='M4 9a5 5 0 0 1 8 4 5 5 0 0 1-8-4'/%3E%3Cpath d='M5 21h14'/%3E%3C/symbol%3E%3Csymbol id='ie' overflow='visible'%3E%3Cpath d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/symbol%3E%3Csymbol id='if' overflow='visible'%3E%3Cpath d='M13 16a3 3 0 0 1 2.24 5'/%3E%3Cpath d='M18 12h.01'/%3E%3Cpath d='M18 21h-8a4 4 0 0 1-4-4 7 7 0 0 1 7-7h.2L9.6 6.4a1 1 0 1 1 2.8-2.8L15.8 7h.2c3.3 0 6 2.7 6 6v1a2 2 0 0 1-2 2h-1a3 3 0 0 0-3 3'/%3E%3Cpath d='M20 8.54V4a2 2 0 1 0-4 0v3'/%3E%3Cpath d='M7.612 12.524a3 3 0 1 0-1.6 4.3'/%3E%3C/symbol%3E%3Csymbol id='ig' overflow='visible'%3E%3Cpath d='m8 3 4 8 5-5 5 15H2L8 3z'/%3E%3C/symbol%3E%3Csymbol id='ih' overflow='visible'%3E%3Cpath d='M16 7h.01'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3Cpath d='m20 7 2 .5-2 .5'/%3E%3Cpath d='M10 18v3'/%3E%3Cpath d='M14 17.75V21'/%3E%3Cpath d='M7 18a6 6 0 0 0 3.84-10.61'/%3E%3C/symbol%3E%3Csymbol id='ii' overflow='visible'%3E%3Cpath d='M2 13a6 6 0 1 0 12 0 4 4 0 1 0-8 0 2 2 0 0 0 4 0'/%3E%3Ccircle cx='10' cy='13' r='8'/%3E%3Cpath d='M2 21h12c4.4 0 8-3.6 8-8V7a2 2 0 1 0-4 0v6'/%3E%3Cpath d='M18 3 19.1 5.2'/%3E%3Cpath d='M22 3 20.9 5.2'/%3E%3C/symbol%3E%3Csymbol id='ij' overflow='visible'%3E%3Cpath d='M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1'/%3E%3Ccircle cx='12' cy='8' r='2'/%3E%3Cpath d='M12 10v12'/%3E%3Cpath d='M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z'/%3E%3Cpath d='M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z'/%3E%3C/symbol%3E%3Csymbol id='ik' overflow='visible'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/symbol%3E%3Csymbol id='il' overflow='visible'%3E%3Cpath d='M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.47-3.44 6-7 6s-7.56-2.53-8.5-6Z'/%3E%3Cpath d='M18 12v.5'/%3E%3Cpath d='M16 17.93a9.77 9.77 0 0 1 0-11.86'/%3E%3Cpath d='M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33'/%3E%3Cpath d='M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4'/%3E%3Cpath d='m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98'/%3E%3C/symbol%3E%3Csymbol id='im' overflow='visible'%3E%3Cpath d='M15 16a1 1 0 0 0-7-7q-4 4-5.987 12.385a.5.5 0 0 0 .602.602Q11 20 15 16l-3-3'/%3E%3Cpath d='M15 9q4 4 7 0-3-4-7 0 4-4 0-7-4 3 0 7'/%3E%3Cpath d='m8 15-2.58-2.58'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse href='%23i0' transform='translate(35 157) rotate(7) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i1' transform='translate(314 41) rotate(12) scale(1.25) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(386 354) rotate(27) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i3' transform='translate(108 95) rotate(16) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i4' transform='translate(159 357) rotate(-26) scale(1.23) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i5' transform='translate(174 184) rotate(23) scale(0.85) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i6' transform='translate(201 219) rotate(-20) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i7' transform='translate(263 9) rotate(29) scale(1.39) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(263 429) rotate(29) scale(1.39) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i8' transform='translate(142 46) rotate(-10) scale(1.20) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i9' transform='translate(107 370) rotate(-26) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i9' transform='translate(248 329) rotate(15) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i5' transform='translate(289 179) rotate(-9) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ia' transform='translate(358 315) rotate(4) scale(1.29) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ib' transform='translate(343 184) rotate(-33) scale(0.88) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ib' transform='translate(208 163) rotate(23) scale(0.87) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ic' transform='translate(-9 223) rotate(24) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ic' transform='translate(411 223) rotate(24) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23i2' transform='translate(-7 172) rotate(5) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i2' transform='translate(413 172) rotate(5) scale(1.28) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23i7' transform='translate(98 0) rotate(-19) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i7' transform='translate(98 420) rotate(-19) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i1' transform='translate(372 148) rotate(-35) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23id' transform='translate(313 332) rotate(29) scale(0.81) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ia' transform='translate(361 241) rotate(-22) scale(1.24) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ic' transform='translate(38 86) rotate(6) scale(0.95) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i1' transform='translate(311 132) rotate(-16) scale(1.08) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ib' transform='translate(259 264) rotate(-9) scale(1.01) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ie' transform='translate(305 231) rotate(-15) scale(1.26) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23if' transform='translate(95 139) rotate(-31) scale(0.94) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ig' transform='translate(94 42) rotate(-13) scale(0.83) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i4' transform='translate(207 96) rotate(-17) scale(1.19) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ih' transform='translate(37 380) rotate(5) scale(0.81) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i7' transform='translate(20 26) rotate(7) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(20 446) rotate(7) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(440 26) rotate(7) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(440 446) rotate(7) scale(1.41) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ii' transform='translate(351 126) rotate(34) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i5' transform='translate(83 297) rotate(-12) scale(1.19) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ig' transform='translate(193 325) rotate(-29) scale(1.24) translate(-12 -12)' stroke-width='1.2'/%3E%3Cuse href='%23ij' transform='translate(82 343) rotate(-11) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ij' transform='translate(172 109) rotate(-25) scale(0.94) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ih' transform='translate(395 8) rotate(11) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ih' transform='translate(395 428) rotate(11) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i0' transform='translate(220 2) rotate(-26) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i0' transform='translate(220 422) rotate(-26) scale(0.93) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ik' transform='translate(119 316) rotate(-19) scale(0.99) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ib' transform='translate(-8 92) rotate(12) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ib' transform='translate(412 92) rotate(12) scale(1.40) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i7' transform='translate(224 359) rotate(17) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23i0' transform='translate(87 255) rotate(-14) scale(0.75) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ik' transform='translate(134 156) rotate(23) scale(0.94) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i3' transform='translate(365 -4) rotate(6) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(365 416) rotate(6) scale(0.77) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i4' transform='translate(245 391) rotate(30) scale(1.12) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i7' transform='translate(247 145) rotate(13) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ia' transform='translate(1 320) rotate(-33) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ia' transform='translate(421 320) rotate(-33) scale(0.86) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23il' transform='translate(63 5) rotate(-24) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23il' transform='translate(63 425) rotate(-24) scale(0.76) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ik' transform='translate(348 364) rotate(26) scale(1.06) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23i7' transform='translate(173 293) rotate(3) scale(0.99) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ih' transform='translate(0 261) rotate(25) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23ih' transform='translate(420 261) rotate(25) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i9' transform='translate(238 203) rotate(-25) scale(1.15) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23if' transform='translate(44 220) rotate(-0) scale(0.81) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i8' transform='translate(143 214) rotate(-16) scale(1.13) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ii' transform='translate(91 180) rotate(34) scale(0.86) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23ij' transform='translate(302 285) rotate(23) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i8' transform='translate(177 396) rotate(11) scale(0.96) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23i3' transform='translate(55 122) rotate(-6) scale(1.17) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23i2' transform='translate(271 81) rotate(26) scale(1.39) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23i9' transform='translate(60 39) rotate(14) scale(1.11) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ij' transform='translate(131 258) rotate(31) scale(0.82) translate(-12 -12)' stroke-width='1.8'/%3E%3Cuse href='%23i6' transform='translate(219 57) rotate(25) scale(1.19) translate(-12 -12)' stroke-width='1.3'/%3E%3Cuse href='%23ia' transform='translate(311 -5) rotate(16) scale(0.77) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23ia' transform='translate(311 415) rotate(16) scale(0.77) translate(-12 -12)' stroke-width='2.0'/%3E%3Cuse href='%23i3' transform='translate(17 -12) rotate(-31) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(17 408) rotate(-31) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(437 -12) rotate(-31) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i3' transform='translate(437 408) rotate(-31) scale(0.80) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23i1' transform='translate(298 379) rotate(20) scale(0.89) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23im' transform='translate(47 278) rotate(25) scale(1.31) translate(-12 -12)' stroke-width='1.1'/%3E%3Cuse href='%23ie' transform='translate(-25 297) rotate(-3) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23ie' transform='translate(395 297) rotate(-3) scale(1.09) translate(-12 -12)' stroke-width='1.4'/%3E%3Cuse href='%23if' transform='translate(217 132) rotate(23) scale(0.91) translate(-12 -12)' stroke-width='1.6'/%3E%3Cuse href='%23ij' transform='translate(371 88) rotate(-2) scale(1.03) translate(-12 -12)' stroke-width='1.5'/%3E%3Cuse href='%23i6' transform='translate(215 271) rotate(-28) scale(0.90) translate(-12 -12)' stroke-width='1.7'/%3E%3Cuse href='%23ig' transform='translate(-12 48) rotate(-18) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Cuse href='%23ig' transform='translate(408 48) rotate(-18) scale(0.78) translate(-12 -12)' stroke-width='1.9'/%3E%3Ccircle cx='383' cy='66' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='241' cy='119' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='89' cy='61' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M366.2 117.6h6.1M369.3 114.6v6.1' stroke-width='1.3'/%3E%3Cpath d='M-2.9 3.8h8.5M1.3 -0.4v8.5' stroke-width='1.3'/%3E%3Cpath d='M362.0 35.3h5.5M364.7 32.5v5.5' stroke-width='1.3'/%3E%3Ccircle cx='42.8' cy='64.2' r='3.4' stroke-width='1.2'/%3E%3Ccircle cx='349' cy='158' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='238.2' cy='307.7' r='3.8' stroke-width='1.2'/%3E%3Cpath d='M226.9 291.6h5.1M229.4 289.0v5.1' stroke-width='1.3'/%3E%3Ccircle cx='341' cy='84' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='394.6' cy='246.3' r='4.5' stroke-width='1.2'/%3E%3Ccircle cx='146' cy='236' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M79.8 59.9h6.4M82.9 56.7v6.4' stroke-width='1.3'/%3E%3Ccircle cx='197' cy='254' r='1.3' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='404' cy='405' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='321' cy='200' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='319' cy='84' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M24.1 181.1h8.8M28.5 176.7v8.8' stroke-width='1.3'/%3E%3Ccircle cx='49' cy='306' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M173.7 73.8h8.1M177.7 69.7v8.1' stroke-width='1.3'/%3E%3Ccircle cx='42' cy='408' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='77' cy='130' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='280' cy='56' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M391.2 252.1h5.9M394.2 249.2v5.9' stroke-width='1.3'/%3E%3Ccircle cx='411.6' cy='129.8' r='3.0' stroke-width='1.2'/%3E%3Ccircle cx='33' cy='340' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='285' cy='214' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='44.9' cy='197.9' r='4.7' stroke-width='1.2'/%3E%3Ccircle cx='319' cy='395' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='328' cy='198' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='172.5' cy='261.0' r='3.9' stroke-width='1.2'/%3E%3Ccircle cx='60' cy='68' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='8' cy='66' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M59.9 166.2h5.7M62.7 163.3v5.7' stroke-width='1.3'/%3E%3Ccircle cx='380.7' cy='51.4' r='5.2' stroke-width='1.2'/%3E%3Ccircle cx='408' cy='20' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='184.8' cy='165.6' r='4.5' stroke-width='1.2'/%3E%3Cpath d='M207.7 385.9h5.3M210.3 383.3v5.3' stroke-width='1.3'/%3E%3Ccircle cx='64' cy='360' r='1.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M290.5 151.6h8.3M294.7 147.5v8.3' stroke-width='1.3'/%3E%3Ccircle cx='173' cy='145' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='297' cy='315' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='193.7' cy='405.7' r='3.3' stroke-width='1.2'/%3E%3Ccircle cx='312.6' cy='169.6' r='4.1' stroke-width='1.2'/%3E%3Ccircle cx='230' cy='236' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='381' cy='166' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M334.9 341.9h6.7M338.2 338.6v6.7' stroke-width='1.3'/%3E%3Ccircle cx='296.1' cy='156.8' r='4.9' stroke-width='1.2'/%3E%3Cpath d='M21.5 293.2h6.6M24.8 289.9v6.6' stroke-width='1.3'/%3E%3Ccircle cx='167' cy='316' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='23' cy='170' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='158' cy='402' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='115' cy='267' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='174' cy='131' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='376' cy='397' r='1.4' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='272.9' cy='203.8' r='4.4' stroke-width='1.2'/%3E%3Ccircle cx='270' cy='371' r='1.4' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='79' cy='201' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='131' cy='23' r='1.4' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='61.3' cy='68.2' r='3.1' stroke-width='1.2'/%3E%3Ccircle cx='50' cy='322' r='2.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='147.2' cy='288.9' r='5.0' stroke-width='1.2'/%3E%3Ccircle cx='274' cy='200' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='157' cy='308' r='0.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='223' cy='293' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M129.1 387.5h6.5M132.3 384.3v6.5' stroke-width='1.3'/%3E%3Ccircle cx='23' cy='284' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='74' cy='74' r='1.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='12' cy='134' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='209' cy='289' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='217' cy='195' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M8.7 209.8h8.0M12.7 205.8v8.0' stroke-width='1.3'/%3E%3Ccircle cx='215' cy='249' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='155.3' cy='282.4' r='5.1' stroke-width='1.2'/%3E%3Ccircle cx='301.1' cy='18.5' r='4.2' stroke-width='1.2'/%3E%3Cpath d='M229.2 306.9h8.1M233.2 302.8v8.1' stroke-width='1.3'/%3E%3Ccircle cx='344' cy='58' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='26' cy='66' r='2.0' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='113' cy='175' r='1.6' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='35' cy='54' r='1.4' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='137' cy='301' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='389' cy='116' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='40' cy='238' r='1.2' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Cpath d='M39.7 193.0h7.8M43.6 189.1v7.8' stroke-width='1.3'/%3E%3Ccircle cx='248' cy='104' r='1.7' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='238' cy='264' r='1.9' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='335' cy='239' r='2.1' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='193' cy='47' r='1.5' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3Ccircle cx='12' cy='55' r='1.8' fill='rgba(255,255,255,.081)' stroke='none'/%3E%3C/svg%3E");
}
html[data-theme="dark"] .ck-chat__log[data-wall], html[data-theme="dark"] .ck-wall__pv{ box-shadow:none; }
html[data-theme="dark"] .ck-wall__pv{ box-shadow:0 0 0 1px rgba(255,255,255,.08); }
html[data-theme="dark"] .ck-wall:hover .ck-wall__pv{ box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 6px 16px rgba(0,0,0,.4); }
html[data-theme="dark"] .ck-wall.is-on .ck-wall__pv, html[data-theme="dark"] .ck-wall.is-on:hover .ck-wall__pv{ box-shadow:0 0 0 2px var(--accent), 0 0 0 5px var(--accent-soft); }
html[data-theme="dark"] .ck-chat__log[data-wall="gray"], html[data-theme="dark"] .ck-wall__pv[data-wall="gray"]{ background-color:#17181C; background-image:var(--pat-fun-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="doodle"], html[data-theme="dark"] .ck-wall__pv[data-wall="doodle"]{ background-color:color-mix(in srgb, #A16207 7%, #111216); background-image:var(--pat-chat-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="sky"], html[data-theme="dark"] .ck-wall__pv[data-wall="sky"]{ background-color:color-mix(in srgb, #2563EB 7%, #111216); background-image:var(--pat-chat-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="ocean"], html[data-theme="dark"] .ck-wall__pv[data-wall="ocean"]{ background-color:color-mix(in srgb, #0E7490 7%, #111216); background-image:var(--pat-nature-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="mint"], html[data-theme="dark"] .ck-wall__pv[data-wall="mint"]{ background-color:color-mix(in srgb, #15803D 7%, #111216); background-image:var(--pat-nature-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="olive"], html[data-theme="dark"] .ck-wall__pv[data-wall="olive"]{ background-color:color-mix(in srgb, #4D7C0F 7%, #111216); background-image:var(--pat-shop-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="lav"], html[data-theme="dark"] .ck-wall__pv[data-wall="lav"]{ background-color:color-mix(in srgb, #7C3AED 7%, #111216); background-image:var(--pat-fun-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="rose"], html[data-theme="dark"] .ck-wall__pv[data-wall="rose"]{ background-color:color-mix(in srgb, #DB2777 7%, #111216); background-image:var(--pat-fun-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="peach"], html[data-theme="dark"] .ck-wall__pv[data-wall="peach"]{ background-color:color-mix(in srgb, #EA580C 7%, #111216); background-image:var(--pat-shop-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="sand"], html[data-theme="dark"] .ck-wall__pv[data-wall="sand"]{ background-color:color-mix(in srgb, #B45309 7%, #111216); background-image:var(--pat-shop-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="teampat"], html[data-theme="dark"] .ck-wall__pv[data-wall="teampat"]{ background-color:color-mix(in srgb, #7C3AED 6%, #111216); background-image:var(--pat-chat-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="cloud"], html[data-theme="dark"] .ck-wall__pv[data-wall="cloud"]{ background-color:color-mix(in srgb, #64748B 7%, #111216); background-image:var(--pat-fun-dk); }
html[data-theme="dark"] .ck-chat__log[data-wall="plain"], html[data-theme="dark"] .ck-wall__pv[data-wall="plain"]{ background-color:#141519; background-image:none; }
html[data-theme="dark"] .ck-chat__log[data-wall="team"], html[data-theme="dark"] .ck-wall__pv[data-wall="team"]{ background-color:color-mix(in srgb, #7C3AED 5%, #121317); background-image:none; }

/* UI-248: темна тема — вхідні бульбашки світліші за картку (читаються на будь-якому темному фоні);
   фони «Команди» — сірі, як «Звичайний» і «Сірий» (назви ті самі) */
html[data-theme="dark"]{ --bub-in:#2C2E36; }
html[data-theme="dark"] .ck-chat__log[data-wall="team"], html[data-theme="dark"] .ck-wall__pv[data-wall="team"]{ background-color:#141519; background-image:none; }
html[data-theme="dark"] .ck-chat__log[data-wall="teampat"], html[data-theme="dark"] .ck-wall__pv[data-wall="teampat"]{ background-color:#17181C; background-image:var(--pat-chat-dk); }

/* ===== UI-249 · AI на робочих місцях: підказки й профіль у панелі клієнта, бейдж у чаті, якість діалогів в «Аналітиці» ===== */
.ck-aisigs{ display:flex; flex-direction:column; gap:8px; }
.ck-aisig{ display:grid; grid-template-columns:30px minmax(0, 1fr); column-gap:10px; row-gap:8px; align-items:center; padding:10px; border-radius:var(--r); background:var(--fill); transition:box-shadow .2s; }
.ck-aisig__ic, .ck-anq__ic{ width:30px; height:30px; border-radius:8px; display:grid; place-items:center; flex:none; color:var(--c); background:color-mix(in srgb, var(--c) 14%, var(--card)); }
.ck .ck-aisig__ic .lucide, .ck .ck-anq__ic .lucide{ width:16px; height:16px; }
.ck-aisig__t{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-aisig__t b{ font-size:13px; font-weight:600; color:var(--ink); }
.ck-aisig__t small{ font-size:12px; line-height:1.35; color:var(--ink-2); }
.ck-aisig > .ck-addbtn{ grid-column:2; justify-self:start; background:var(--card); }
.ck-aisig.is-pulse{ animation:ck-aisig-pulse 1.1s ease 2; }
@keyframes ck-aisig-pulse{ 0%, 100%{ box-shadow:0 0 0 0 transparent; } 45%{ box-shadow:0 0 0 3px var(--accent-ring); } }
.ck-aitag{ display:inline-flex; align-items:center; gap:4px; height:20px; padding:0 7px; border-radius:6px; background:var(--accent-soft); color:var(--accent-2); font-size:11px; font-weight:600; }
.ck .ck-aitag .lucide{ width:12px; height:12px; }
.ck-aitag > span{ text-box:trim-both cap alphabetic; }
.ck-cb.ck-cb--ai{ background:var(--accent-soft); color:var(--accent-2); cursor:pointer; transition:background .12s; }
.ck-cb.ck-cb--ai:hover{ background:color-mix(in srgb, var(--accent) 22%, var(--card)); }
.ck-anq{ cursor:default; }
.ck-anq:hover{ background:none; }
.ck-anq .ck-aiscore{ margin-left:4px; }
.ck-anq__go{ width:16px; height:16px; color:var(--ink-4); margin-left:auto; flex:none; }
.ck-anwait__r .ck-anwait__t{ flex:1; min-width:0; }
.ck-anoff{ display:flex; align-items:center; gap:12px; }
.ck-anoff .ck-anwait__t{ display:flex; flex-direction:column; gap:2px; }
.ck-anh__t i.is-amber{ background:#F59E0B; }
.ck-an__bd.is-sk .ck-anq__ic, .ck-an__bd.is-sk .ck-anq__go{ visibility:hidden; }
.ck-anq .ck-andel{ margin:0; align-self:center; }
/* UI-250: блоки «Аналітики» не стискаються, коли сторінка довша за екран (таблиця з прокруткою вбік стискалась до 0) — прокручується вся сторінка */
.ck-an__bd > *, .ck-an2 > *{ flex-shrink:0; }

/* ===== UI-251 · дзвінки за ТЗ 6: утримання, переведення колезі, картка дзвінка із записом, журнал, новий клієнт з дзвінка ===== */
/* панель розмови: ширша під 4 кнопки (мікрофон, утримання, перевести, завершити); під нею — рядок «розмова з колегою» */
.ck-call{ width:392px; align-items:stretch; }
@media (min-width:768px){ .ck-call{ left:calc(50% - 196px); } }
@media (max-width:767px){ .ck-call{ width:auto; } }
.ck-call__grip{ align-self:center; }
.ck-call__body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:10px; }
.ck-call__main{ display:flex; align-items:center; gap:10px; min-width:0; }
.ck-call__acts{ gap:6px; flex:none; }
.ck-call__b{ width:38px; height:38px; }
.ck .ck-call__b .lucide{ width:18px; height:18px; }
.ck-call__b:disabled{ opacity:.35; pointer-events:none; }
.ck-call.is-hold .ck-call__who span{ color:#FCD34D; }
.ck-call.is-fail .ck-call__who span{ color:#FCA5A5; }
.ck-call--bin .ck-call__who span{ color:rgba(255,255,255,.7); }
.ck-call--bin.is-live .ck-call__who span{ color:#86EFAC; }
.ck-call__tr{ display:flex; align-items:center; gap:8px; padding-top:10px; border-top:1px solid rgba(255,255,255,.1); }
.ck-call__tr[hidden]{ display:none; }
.ck-call__tr > .ck-ava{ width:30px; height:30px; flex:none; }
.ck-call__trt{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.ck-call__trt b{ font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-call__trt small{ font-size:12px; color:rgba(255,255,255,.65); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-call__tb{ flex:none; display:inline-flex; align-items:center; gap:5px; height:32px; padding:0 10px; border-radius:8px; background:rgba(255,255,255,.12); color:#fff; font-size:12.5px; font-weight:600; transition:background .12s, opacity .12s; }
.ck-call__tb:hover{ background:rgba(255,255,255,.2); }
.ck .ck-call__tb .lucide{ width:15px; height:15px; }
.ck-call__tb > span{ text-box:trim-both cap alphabetic; }
.ck-call__tb--ok{ background:#16A34A; } .ck-call__tb--ok:hover{ background:#15803D; }
.ck-call__tb:disabled{ opacity:.45; pointer-events:none; }
@media (max-width:767px){ .ck-call__tb{ padding:0 9px; } .ck-call__tb--ok > span, .ck-call__tb > span{ font-size:12px; } }

/* подія дзвінка в листуванні — кнопка: натиснули — картка дзвінка (ховер лише в того, що натискається, UI-145) */
.ck-evt--btn{ font:inherit; cursor:pointer; transition:background .12s; }
.ck-chat__log .ck-evt--btn:not(.ck-evt--ok):hover{ background:rgba(17,24,39,.62) !important; }
.ck-chat__log[data-wall="night"] .ck-evt--btn:hover{ background:rgba(255,255,255,.2) !important; }
.ck-evt__rec{ display:inline-flex; align-items:center; gap:3px; margin-left:6px; font-style:normal; font-weight:600; }
.ck .ck-evt__rec .lucide{ width:12px; height:12px; margin:0; vertical-align:0; }
.ck-evt--btn:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }

/* вхідний від того, кого немає в базі: «Створити клієнта» під даними */
.ck-ring__new{ display:flex; align-items:center; justify-content:center; gap:7px; height:38px; margin:14px 20px 0; border-radius:10px; background:rgba(255,255,255,.1); color:#fff; font-size:13.5px; font-weight:600; transition:background .12s; }
.ck-ring__new:hover{ background:rgba(255,255,255,.18); }
.ck .ck-ring__new .lucide{ width:17px; height:17px; }
.ck-ring__new > span{ text-box:trim-both cap alphabetic; }

/* «Перевести дзвінок»: хто не в мережі — блідий, не вибирається; зелена крапка «у мережі» */
.ck-wzo.is-off{ opacity:.5; cursor:not-allowed; }
.ck-wzo.is-off:hover{ background:transparent; }
.ck-wzo__ic > .ck-ava{ width:32px; height:32px; }
.ck-xdot{ display:inline-block; width:7px; height:7px; margin:0 5px 1px 0; border-radius:50%; background:var(--green); vertical-align:middle; }

/* картка дзвінка: «підпис — значення» білим блоком; запис — плеєр (слухати, перемотати, швидкість) і «Скачати» */
.ck-ccard{ gap:0; padding:4px 16px; }
.ck-ccr{ display:grid; grid-template-columns:96px minmax(0,1fr); align-items:center; gap:10px; min-height:40px; padding:6px 0; font-size:13.5px; }
.ck-ccr + .ck-ccr{ border-top:1px solid var(--line-2); }
.ck-ccr > span{ color:var(--ink-3); }
.ck-ccr > div{ min-width:0; display:flex; align-items:center; flex-wrap:wrap; column-gap:7px; row-gap:2px; }
.ck-ccr > div b{ font-weight:600; }
.ck-ccr > div small{ flex-basis:100%; font-size:12.5px; color:var(--ink-3); }
.ck .ck-ccr .lucide{ width:16px; height:16px; color:var(--ink-3); flex:none; }
.ck .ck-ccr .lucide.is-red, .ck-ccr__bad{ color:var(--red-ink); font-weight:600; }
.ck-ccr__none{ color:var(--ink-3); }
.ck-crec{ display:flex; align-items:center; gap:10px; padding:8px 10px 8px 8px; border-radius:12px; background:var(--fill); }
.ck-crec__pl{ width:38px; height:38px; flex:none; border-radius:50%; display:grid; place-items:center; background:var(--accent); color:#fff; transition:background .12s; }
.ck-crec__pl:hover{ background:var(--accent-2); }
.ck .ck-crec__pl .lucide{ width:17px; height:17px; fill:currentColor; }
.ck-crec__bar{ flex:1; height:6px; border-radius:3px; background:var(--fill-2); cursor:pointer; position:relative; overflow:hidden; }
.ck-crec__bar::before{ content:""; position:absolute; inset:-8px 0; }
.ck-crec__bar > i{ display:block; width:0; height:100%; border-radius:3px; background:var(--accent); transition:width .25s linear; }
.ck-crec__t{ flex:none; font-size:12.5px; color:var(--ink-2); font-variant-numeric:tabular-nums; }
.ck-crec__sp{ flex:none; height:28px; min-width:40px; padding:0 8px; border-radius:7px; background:var(--card); color:var(--ink-2); font-size:12.5px; font-weight:600; font-variant-numeric:tabular-nums; }
.ck-crec__sp:hover{ color:var(--ink); }
.ck-crec__dl{ border-top:1px solid var(--line-2); padding-top:10px; }
.ck-crec__dl .ck-btn{ flex:none; }
@media (max-width:767px){ .ck-ccr{ grid-template-columns:88px minmax(0,1fr); font-size:14px; } }

/* журнал дзвінків клієнта: значок напрямку в квадраті (пропущений — червоний), аватарка, «є запис» */
.ck-clog__ic{ width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:10px; background:var(--fill); color:var(--ink-2); }
.ck .ck-clog__ic .lucide{ width:17px; height:17px; }
.ck-clog__ic.is-red{ background:var(--red-soft); color:var(--red-ink); }
.ck-clog .ck-co__r{ flex-direction:row; align-items:center; gap:8px; }
.ck-clog__rec{ display:grid; place-items:center; color:var(--ink-3); }
.ck .ck-clog__rec .lucide{ width:16px; height:16px; }
/* розмова з колегою: ім'я й стан — на всю ширину, «Повернутися» / «Перевести» — рядком нижче, рівно навпіл */
.ck-call__tr{ flex-wrap:wrap; row-gap:10px; }
.ck-call__trt{ flex:1 1 calc(100% - 38px); }
.ck-call__tb{ flex:1 1 0; justify-content:center; height:34px; }
/* помилка під списком у білому блоці — з відступом від країв, не впритул до рядків */
.ck-group--list > .ck-field[data-err]::after{ padding:0 16px; }
.ck-group--list > .ck-field.is-error[data-err]::after{ margin:8px 0 12px; }
/* UI-251 · телефон: панель розмови не закриває ні поле вводу, ні кнопки модалки */
@media (max-width:767px){
  body.has-call .ck-compose{ padding-bottom:calc(8px + var(--callh, 0px) + var(--sab)); }
  body.has-call.is-locked .ck-call{ top:calc(8px + env(safe-area-inset-top, 0px)); bottom:auto; gap:8px; padding:6px 6px 6px 10px; border-radius:14px; }
  body.has-call.is-locked .ck-call__who .ck-ava{ width:30px; height:30px; }
  body.has-call.is-locked .ck-call__who > div{ display:flex; align-items:baseline; gap:8px; }
  body.has-call.is-locked .ck-call__who b{ font-size:13.5px; }
  body.has-call.is-locked .ck-call__who span{ font-size:12px; white-space:nowrap; }
  body.has-call.is-locked .ck-call__b:not(.ck-call__b--end), body.has-call.is-locked .ck-call__tr{ display:none; }
  body.has-call.is-locked .ck-call__b--end{ width:32px; height:32px; }
  body.has-call .ck-modal, body.has-call .ck-modal--lg, body.has-call .ck-modal--sm{ max-height:calc(100dvh - 60px - env(safe-area-inset-top, 0px)); }
}
/* два поля в ряд ніколи не вилазять за форму: поле стискається, а не розпирає рядок (було — «Місто» за краєм на телефоні) */
.ck-form__row > *{ min-width:0; }
/* «Створити клієнта» в картці дзвінка — на всю ширину картки; літера в аватарці без фото — під розмір аватарки */
.ck-ring__new{ align-self:stretch; box-sizing:border-box; width:calc(100% - 40px); }   /* кнопка в блоковому контейнері сама не тягнеться */
.ck-ring__ava .ck-ava__t{ font-size:inherit; }
.ck-call__who span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }   /* статус розмови — в один рядок, з «…» (UI-25) */

/* ===== UI-252 · пошта (ТЗ 1.4): підключення, імпорт історії, правила спаму ===== */
/* «Увійти через Google» — біла кнопка з кольоровим «G», як фірмова кнопка Google */
.ck-brandbtn--g{ background:var(--card); color:var(--ink); box-shadow:inset 0 0 0 1px var(--line); }
.ck-brandbtn--g:hover{ filter:none; background:var(--fill); }
/* сервери IMAP / SMTP: визначені за доменом — «підпис — значення»; «Вказати вручну» — гармошкою */
.ck-mlsrv{ display:flex; flex-direction:column; border-radius:10px; background:var(--fill); padding:4px 12px; }
.ck-mlsrv__r{ display:grid; grid-template-columns:132px minmax(0,1fr); align-items:center; gap:10px; min-height:34px; font-size:13px; }
.ck-mlsrv__r + .ck-mlsrv__r{ border-top:1px solid var(--line-2); }
.ck-mlsrv__r span{ color:var(--ink-3); } .ck-mlsrv__r b{ font-weight:600; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.ck-mlsrv__ft{ display:flex; align-items:center; gap:10px; padding:8px 0 6px; border-top:1px solid var(--line-2); }
.ck-mlsrv__ft small{ flex:1; min-width:0; font-size:12px; color:var(--ink-3); line-height:1.35; }
.ck-mlsrv__ft .ck-addbtn{ flex:none; background:var(--card); }
.ck-mlman{ display:flex; flex-direction:column; gap:10px; padding-top:10px; }
.ck-mlman__r{ display:grid; grid-template-columns:minmax(0,1fr) 92px; gap:10px; }
.ck-mlman__r > *{ min-width:0; }
/* перевірка зв'язку — кроки: крутилка → зелена галочка */
.ck-mlchk{ display:flex; flex-direction:column; }
.ck-mlchk__r{ display:flex; align-items:center; gap:12px; min-height:48px; color:var(--ink-3); }
.ck-mlchk__r + .ck-mlchk__r{ border-top:1px solid var(--line-2); }
.ck-mlchk__r > i{ width:22px; height:22px; flex:none; display:grid; place-items:center; border-radius:50%; box-shadow:inset 0 0 0 1.6px var(--bk-c9cdd4); color:var(--ink-3); }
.ck .ck-mlchk__r > i .lucide{ width:12px; height:12px; stroke-width:3; }
.ck-mlchk__r.is-cur > i{ box-shadow:none; color:var(--accent); }
.ck .ck-mlchk__r.is-cur > i .lucide{ width:20px; height:20px; stroke-width:2.2; animation:ck-spin .8s linear infinite; }
.ck-mlchk__r.is-done > i{ background:var(--green); box-shadow:none; color:#fff; }
.ck .ck-mlchk__r.is-done > i .lucide{ transform:translateY(2.1%); }   /* UI-244: галочка рівно по центру кружка */
.ck-mlchk__r > span{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.ck-mlchk__r b{ font-size:13.5px; font-weight:600; color:var(--ink-3); }
.ck-mlchk__r.is-cur b, .ck-mlchk__r.is-done b{ color:var(--ink); }
.ck-mlchk__r small{ font-size:12.5px; overflow-wrap:anywhere; }
/* імпорт історії в рядку скриньки: смуга прогресу й «1 240 з 3 860 листів» */
.ck-mlimp{ display:flex; align-items:center; gap:8px; margin-top:6px; min-width:0; }
.ck-mlimp small{ font-size:12.5px; color:var(--ink-3); min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-mlimp.is-run small{ color:var(--accent-2); font-variant-numeric:tabular-nums; }
.ck-mlimp__bar{ flex:0 0 96px; height:6px; border-radius:3px; background:var(--fill-2); overflow:hidden; }
.ck-mlimp__bar > i{ display:block; height:100%; border-radius:3px; background:var(--accent); transition:width .6s ease; }
.ck-mlimp.is-done .lucide{ width:14px; height:14px; flex:none; color:var(--green); }
.ck-mlimp .ck-addbtn{ flex:none; height:24px; }
/* правила спаму — значок за дією: червоний щит «у спам», зелений «ніколи не в спам» */
.ck-sxr--ic .ck-sxr__ic.is-red{ background:var(--red-soft); color:var(--red-ink); }
.ck-sxr--ic .ck-sxr__ic.is-green{ background:var(--green-soft); color:var(--green-ink); }
.ck-mlrule .ck-sxr__c{ align-self:center; }
/* листування: межа «пошту підключено» й позначка «до підключення» на імпортованому листі */
.ck-day--imp{ display:inline-flex; align-items:center; gap:6px; }
.ck .ck-day--imp .lucide{ width:13px; height:13px; flex:none; }
.ck-mail__imp{ align-self:flex-start; display:inline-flex; align-items:center; gap:4px; height:18px; margin-top:4px; padding:0 6px; border-radius:5px; background:rgba(16,24,40,.07); font-size:11px; font-weight:600; opacity:.8; }
.ck .ck-mail__imp .lucide{ width:11px; height:11px; }
.ck-mail__imp > span{ text-box:trim-both cap alphabetic; }
.ck-msg--out .ck-mail__imp{ background:rgba(255,255,255,.18); }
@media (max-width:767px){ .ck-mlsrv__r{ grid-template-columns:112px minmax(0,1fr); } .ck-mlman__r{ grid-template-columns:minmax(0,1fr) 80px; } }
.ck-mlsrv__r{ grid-template-columns:max-content minmax(0,1fr); gap:14px; }
.ck-mlsrv__r span{ white-space:nowrap; }
@media (max-width:767px){
  .ck-mlsrv__r{ grid-template-columns:max-content minmax(0,1fr); }
  .ck-mlimp{ flex-wrap:wrap; row-gap:5px; }
  .ck-mlimp small{ white-space:normal; }
  .ck-mlimp__bar{ flex-basis:100%; }
}
@media (max-width:767px){ .ck-mlimp.is-done{ flex-wrap:nowrap; align-items:flex-start; } .ck-mlimp.is-done small{ flex:1; } .ck-mlimp.is-done .lucide{ margin-top:2px; } }
/* UI-253: список у білому блоці-списку (обгорнутий полем з помилкою) — без від'ємних відступів: останній рядок не підрізається */
.ck-group--list > .ck-field > .ck-wzl, .ck-group--list > .ck-field > .ck-glist, .ck-modal .ck-group--list > .ck-wzl{ margin-bottom:0; }   /* UI-283: і список варіантів прямо в блоці-списку — без −14 px, інакше останній рядок підрізано (UI-253) */
.ck-group--list > .ck-field[data-err]:not(.is-error)::after{ margin-top:0; }
.ck-mlimp.is-done small{ color:var(--green-ink); }   /* «Історію імпортовано» — зеленим текстом, без галочки */
/* UI-255: під шапкою блоку — одна лінія (її власна): будь-який перший рядок (скринька, лінія, правило…) без своєї верхньої лінії */
.ck-sxblk__hd:not(:only-child) + *{ border-top:0; }
/* UI-256: скринька — без значка; рядок як у «Лініях»: адреса зі станом, під нею плашки (лінія, діалоги, імпорт) */
.ck-mlbox{ min-height:72px; padding-block:14px; }
.ck-mlbox .ck-sxln__t b{ font-size:14.5px; }
.ck-mlbox .ck-sxln__m{ margin-top:6px; row-gap:6px; }
.ck .ck-mlbox .ck-sxln__p .lucide{ width:13px; height:13px; color:var(--ink-3); }
.ck-sxln__p.ck-mlimp{ margin-top:0; }
.ck-sxln__p.ck-mlimp.is-done{ background:var(--green-soft); color:var(--green-ink); }
.ck-mlbox .ck-mlimp.is-run{ flex-basis:100%; margin-top:2px; }
.ck-mlbox .ck-mlimp:not(.ck-sxln__p){ margin-top:0; }
/* шапки блоків налаштувань — темніший сірий, щоб чітко відділялись від рядків */
.ck-sxblk__hd:not(:only-child){ background:var(--bk-e1e3e8); border-bottom-color:var(--bk-d5d8de); }
/* UI-257: список у білому блоці модалки («Замовлення клієнта», «Дзвінки клієнта») — рядки від краю до краю (UI-211), без внутрішніх заокруглень;
   кути обрізає сам блок */
.ck-co{ padding:0; overflow:hidden; }
.ck-co__i{ border-radius:0; padding:10px 16px; min-height:60px; }
.ck-co__i + .ck-co__i{ box-shadow:none; border-top:1px solid var(--line-2); }
/* UI-257: рядки-посилання «Аналітики» («Зараз чекають найдовше», «Сигнали керівнику») — від краю до краю блоку, як таблиця (UI-204) */
.ck-anwait__r{ margin:0 -14px; padding:9px 14px; border-radius:0; }
/* UI-258 (UI-61 для темної теми): на телефоні смугу статус-бару iOS фарбує фоном кореня й body — вони кольору шапки (картка #1A1B20),
   а не полотна; theme-color — теж #1A1B20. На ПК полотно лишається темнішим */
@media (max-width:767px){ html[data-theme="dark"], html[data-theme="dark"] body.ck{ background:var(--card); } }
/* UI-259: темна тема — фіолетовий текст «Команди» світлий, а фон бейджа «Внутрішній» помітно світліший за фіолетовий рядок
   (темно-фіолетовий #6D28D9 на темному фіолетовому зливався) */
html[data-theme="dark"] .ck-dg--team{ background:rgba(167,139,250,.24); color:#C4B5FD; }
html[data-theme="dark"] .ck .ck-dg--team .lucide{ color:#C4B5FD; }
html[data-theme="dark"] .ck-teamband{ color:#C4B5FD; }
html[data-theme="dark"] .ck-dlg.is-team .ck-dg--amber{ background:rgba(251,191,36,.2); }
html[data-theme="dark"] .ck-dlg__ic--eye{ background:rgba(167,139,250,.24); color:#C4B5FD; }   /* «хтось дивиться» — так само помітно на будь-якому темному фоні рядка */
.ck-brefst li{ align-items:center; }   /* UI-260: номер кроку — по центру висоти тексту (назва + пояснення), а не біля першого рядка */

/* ===== UI-261 · «Товари» (ТЗ 5.1) — як «Замовлення»: список ліворуч, картка в центрі; панелі клієнта немає (як у «Налаштуваннях») ===== */
.ck-app[data-screen="chats"][data-tab="products"] .ck-info{ display:none !important; }
@media (min-width:1440px){ .ck-app[data-screen="chats"][data-tab="products"] .ck-chat{ grid-column:3 / 5; } }
/* фото товару: квадрат з заокругленням; без фото — літери марки на тоні групи */
.ck-prodph{ width:44px; height:44px; border-radius:10px; flex:none; object-fit:cover; display:grid; place-items:center; background:var(--fill); color:var(--ink-2); font-size:14px; font-weight:700; letter-spacing:.02em; }
.ck-prodph--cig{ background:var(--amber-soft); color:var(--amber-ink); }
.ck-prodph--stk{ background:var(--blue-soft); color:var(--blue-ink); }
.ck-prodph--acc{ background:var(--purple-soft); color:var(--purple-ink); }
.ck-prodph--hd{ width:36px; height:36px; border-radius:9px; font-size:12px; }
.ck-prodph--xl{ width:76px; height:76px; border-radius:14px; font-size:22px; }
.ck-prd .ck-dlg__avw{ width:44px; height:44px; }
.ck-prd__vars{ flex:none; height:18px; padding:0 6px; border-radius:5px; background:var(--fill); color:var(--ink-3); font-size:11px; font-weight:600; display:inline-flex; align-items:center; }
.ck-prd .ck-dlg__r{ align-items:flex-end; gap:2px; }
.ck-prd__pr{ font-size:13.5px; font-weight:700; color:var(--green-ink); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-prd__opt{ font-size:11.5px; color:var(--ink-3); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-prd.is-out .ck-dlg__n, .ck-prd.is-out .ck-prd__pr{ color:var(--ink-3); }
.ck-dg--lg{ height:24px; padding:0 8px; font-size:12px; gap:5px; border-radius:6px; }
.ck .ck-dg--lg .lucide{ width:14px; height:14px; }
/* картка товару */
.ck-phero{ flex-direction:row; align-items:center; gap:16px; }
.ck-phero__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
.ck-phero__t > b{ font-size:17px; font-weight:700; line-height:1.3; }
.ck-phero__m, .ck-phero__st{ display:flex; flex-wrap:wrap; gap:6px; }
.ck .ck-phero .ck-sxln__p .lucide{ width:13px; height:13px; color:var(--ink-3); }
.ck-oblk__sub{ font-size:12px; color:var(--ink-3); font-weight:400; }
.ck-psp{ display:flex; flex-direction:column; margin:2px -14px 0; border-top:1px solid var(--line-2); }
.ck-psp__r{ display:flex; align-items:center; gap:10px; min-height:42px; padding:4px 14px; }
.ck-psp__r + .ck-psp__r{ border-top:1px solid var(--line-2); }
.ck-psp__n{ flex:1; min-width:0; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-psp__r > b{ font-size:13px; font-variant-numeric:tabular-nums; color:var(--green-ink); }
.ck-psp__none{ margin:0; padding:10px 14px 0; font-size:12.5px; color:var(--ink-3); line-height:1.4; }
.ck-oblk > .ck-psp__none{ padding:0; }
/* залишки по складах — таблицею: склад, фізично, резерв, вільно */
.ck-pwh{ display:grid; grid-template-columns:minmax(0,1fr) 64px 64px 64px; align-items:center; gap:8px; min-height:36px; margin:0 -14px; padding:0 14px; font-size:13px; font-variant-numeric:tabular-nums; border-top:1px solid var(--line-2); }
.ck-pwh > span:not(:first-child){ text-align:right; }
.ck-pwh__n{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-pwh--hd{ min-height:28px; font-size:11.5px; color:var(--ink-3); border-top:0; }
.ck-pwh.is-tot{ background:var(--band); font-weight:600; }
.ck-pwh__res{ color:var(--amber-ink); }
.ck-pwh__cap{ margin:4px 0 0; font-size:12px; color:var(--ink-3); }
.ck-pnote{ margin-top:8px; }
/* варіанти */
.ck-pvars{ display:flex; flex-direction:column; margin:0 -14px; }
.ck-pvar{ display:flex; align-items:center; gap:10px; min-height:44px; padding:4px 14px; border-top:1px solid var(--line-2); }
.ck-pvar__t{ flex:1; min-width:0; display:flex; flex-direction:column; }
.ck-pvar__t b{ font-size:13.5px; font-weight:600; } .ck-pvar__t small{ font-size:12px; color:var(--ink-3); }
/* рух товару */
.ck-pmv{ display:flex; flex-direction:column; margin:0 -14px; }
.ck-pmv__r{ display:flex; align-items:center; gap:12px; min-height:54px; padding:6px 14px; border-top:1px solid var(--line-2); }
.ck-pmv__ic{ width:32px; height:32px; border-radius:9px; flex:none; display:grid; place-items:center; background:var(--fill); color:var(--ink-2); }
.ck .ck-pmv__ic .lucide{ width:16px; height:16px; }
.ck-pmv__ic.is-green{ background:var(--green-soft); color:var(--green-ink); } .ck-pmv__ic.is-amber{ background:var(--amber-soft); color:var(--amber-ink); }
.ck-pmv__ic.is-blue{ background:var(--blue-soft); color:var(--blue-ink); } .ck-pmv__ic.is-purple{ background:var(--purple-soft); color:var(--purple-ink); }
.ck-pmv__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.ck-pmv__t b{ font-size:13.5px; font-weight:600; } .ck-pmv__t small{ font-size:12px; color:var(--ink-3); line-height:1.35; }
.ck-pmv__q{ flex:none; font-size:13.5px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-pmv__q.is-plus{ color:var(--green-ink); } .ck-pmv__q.is-minus{ color:var(--ink-2); }
/* форма товару: фото; імпорт: поле файлу */
.ck-pfph{ display:flex; align-items:center; gap:12px; }
.ck-pfph__b{ width:64px; height:64px; flex:none; border-radius:14px; background:var(--fill); color:var(--ink-3); display:grid; place-items:center; overflow:hidden; }
.ck-pfph__b:hover{ background:var(--fill-2); }
.ck-pfph__b img{ width:100%; height:100%; object-fit:cover; }
.ck .ck-pfph__b .lucide{ width:22px; height:22px; }
.ck-pfph > span{ display:flex; flex-direction:column; gap:2px; } .ck-pfph b{ font-size:13.5px; } .ck-pfph small{ font-size:12px; color:var(--ink-3); }
.ck-pidrop{ width:100%; display:flex; flex-direction:column; align-items:center; gap:4px; padding:20px 14px; border-radius:12px; border:1.5px dashed var(--line); background:var(--fill); color:var(--ink-2); text-align:center; }
.ck-pidrop:hover{ border-color:var(--accent); }
.ck .ck-pidrop .lucide{ width:24px; height:24px; color:var(--ink-3); margin-bottom:2px; }
.ck-pidrop b{ font-size:13.5px; font-weight:600; overflow-wrap:anywhere; } .ck-pidrop small{ font-size:12px; color:var(--ink-3); }
.ck-pidrop.has-file{ border-style:solid; border-color:var(--green); background:var(--green-soft); }
.ck .ck-pidrop.has-file .lucide{ color:var(--green-ink); }
.ck-field.is-error .ck-pidrop{ border-color:var(--red); }
.ck-linkbtn{ color:var(--accent); font-weight:600; font-size:inherit; }
.ck-linkbtn:hover{ text-decoration:underline; }
.ck-pires{ gap:12px; } .ck .ck-pires > .lucide{ width:18px; height:18px; color:var(--ink-3); flex:none; }
.ck-pires.is-warn > .lucide, .ck-pires.is-warn > b{ color:var(--amber-ink); }
/* «Каталог» у налаштуваннях: варіанти списком на всю ширину блоку */
.ck-sxwzl{ margin:0 calc(-1 * var(--bx)); }
.ck-sxwzl .ck-wzo{ padding-left:var(--bx); padding-right:var(--bx); }
.ck-sxwzl .ck-wzo:last-child{ border-radius:0 0 14px 14px; }
@media (max-width:767px){
  .ck-phero{ gap:12px; } .ck-prodph--xl{ width:64px; height:64px; font-size:19px; }
  .ck-pwh{ grid-template-columns:minmax(0,1fr) 54px 54px 54px; font-size:13.5px; }
}
.ck-psp__hd{ display:flex; align-items:center; gap:6px; padding:8px 14px 4px; font-size:12px; font-weight:600; color:var(--ink-3); }
.ck-oblk__hd > b{ white-space:nowrap; }
@media (max-width:767px){ .ck-oblk__hd:has(.ck-oblk__sub){ flex-wrap:wrap; row-gap:0; } .ck-oblk__sub{ order:3; flex-basis:100%; } }   /* пояснення блоку на телефоні — під назвою, назва не ламається */
/* UI-262: «Ціни» — дві плитки (роздріб / опт) великими цифрами; «Залишки» — цифри по центру колонок, «Вільно» виділено */
.ck-ppr{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ck-ppr__t{ display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:12px; background:var(--band); min-width:0; }
.ck-ppr__t > span{ font-size:12px; color:var(--ink-3); font-weight:500; }
.ck-ppr__t > b{ font-size:20px; font-weight:700; letter-spacing:-.01em; font-variant-numeric:tabular-nums; color:var(--ink); white-space:nowrap; }
.ck-ppr__t:first-child > b{ color:var(--green-ink); }
.ck-ppr__t > small{ font-size:12px; color:var(--ink-3); }
.ck-ppr__t em{ font-style:normal; font-weight:600; color:var(--green-ink); }
.ck-psp{ margin-top:4px; }
.ck-pwh{ grid-template-columns:minmax(0,1fr) 72px 72px 72px; gap:4px; min-height:40px; }
.ck-pwh > span:not(:first-child){ text-align:center; }
.ck-pwh--hd{ min-height:30px; font-size:12px; font-weight:600; }
.ck-pwh > span:last-child b{ display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:24px; padding:0 8px; border-radius:6px; background:var(--green-soft); color:var(--green-ink); }
.ck-pwh.is-tot{ font-weight:700; border-top:1px solid var(--line); }
.ck-pwh.is-tot > span:last-child b{ background:var(--green); color:#fff; }
.ck-pwh__res{ display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:22px; padding:0 6px; border-radius:6px; background:var(--amber-soft); color:var(--amber-ink); }
@media (max-width:767px){ .ck-pwh{ grid-template-columns:minmax(0,1fr) 58px 58px 62px; } .ck-ppr__t > b{ font-size:18px; } }
/* UI-263: вікно вибору (пошук) — як список клієнтів у «Новому замовленні»: рядки від краю до краю з лініями, справжній аватар 40,
   ім'я жирне, контакт сірим; наведений / вибраний рядок — на всю ширину блоку */
.ck-pick__g{ padding:0; overflow:hidden; }
.ck-pick__i{ min-height:56px; padding:8px 14px; border-radius:0; gap:12px; }
.ck-pick__i + .ck-pick__i{ border-top:1px solid var(--line-2); }
.ck-pick__i .ck-ava{ width:40px; height:40px; font-size:14px; }
.ck-pick__l b{ font-size:14px; font-weight:600; }
.ck-pick__l small{ font-size:12.5px; color:var(--ink-3); }
.ck-menu__i .ck-ava .ck-ch, .ck-select__v .ck-ava .ck-ch{ display:none; }   /* у малому аватарі (меню, значення поля) — без значка каналу */
/* UI-264: «Залишки» — цифри дрібніші, як у решті таблиць (12.5 px), плашки резерву й «Вільно» — 20 px заввишки */
.ck-pwh{ font-size:12.5px; min-height:38px; }
.ck-pwh.is-tot{ font-weight:600; }
.ck-pwh > span:last-child b{ min-width:32px; height:20px; padding:0 6px; font-size:12px; font-weight:600; border-radius:5px; }
.ck-pwh__res{ min-width:26px; height:20px; padding:0 5px; font-size:12px; font-weight:600; border-radius:5px; }
@media (max-width:767px){ .ck-pwh{ font-size:13px; } }
/* UI-266: текст поруч з іконкою — по центру висоти великих літер (UI-10) у всіх кнопках і плашках; на iPhone (Safari) текст сідає
   ~0.8 px нижче — піднімаємо так само, як у бейджах (UI-110), тепер і в кнопках */
@supports (text-box: trim-both cap alphabetic){
  .ck-sxln__p > span, .ck-chip > span, .ck-btn > span, .ck-cmodes > button > span, .ck-via > span, .ck-comment__btn > span, .ck-linkbtn > span{ text-box:trim-both cap alphabetic; }
}
@supports (-webkit-touch-callout: none) {
  .ck-btn > span, .ck-addbtn > span, .ck-sxbtn > span, .ck-sxln__p > span, .ck-chip > span, .ck-cmodes > button > span, .ck-via > span, .ck-call__tb > span, .ck-ring__new > span, .ck-brandbtn > span, .ck-comment__btn > span, .ck-mail__imp > span{ position:relative; top:-.08em; }
}
@supports (text-box: trim-both cap alphabetic){ .ck-mgrdd__i > span, .ck-lbl > span{ text-box:trim-both cap alphabetic; } }
/* «Спецціни клієнтів» — стандартний підзаголовок усередині блоку (сіра смуга, як «Правила» в налаштуваннях) */
.ck-psp > .ck-bgrp{ margin:0; padding:7px 14px; border-top:0; }
.ck-psp{ border-top:1px solid var(--line-2); }
.ck-psp > .ck-bgrp + .ck-psp__r{ border-top:1px solid var(--line-2); }
/* UI-267 (UI-208/211 для карток): блок, що закінчується списком (спецціни, варіанти, рух товару), — без нижнього відступу; рядок
   списку сам дає відступ. Між рядками — лінії на всю ширину блоку */
.ck-oblk:has(> .ck-psp:last-child), .ck-oblk:has(> .ck-pvars:last-child), .ck-oblk:has(> .ck-pmv:last-child){ padding-bottom:0; }
.ck-psp__r{ min-height:48px; }
.ck-psp__r .ck-ava{ width:28px; height:28px; font-size:11px; }

/* ===== UI-269 · клієнти (ТЗ 3): чорний список, скарги, сегменти, імпорт ===== */
/* заблокований клієнт: замість поля вводу — червона плашка з причиною й «Розблокувати» (решту поля ховаємо) */
.ck-compose:has(> .ck-blkbar) > :not(.ck-blkbar){ display:none !important; }
.ck-blkbar{ display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:12px; background:var(--red-soft); color:var(--red-ink); }
.ck .ck-blkbar > .lucide{ width:20px; height:20px; flex:none; }
.ck-blkbar__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.ck-blkbar__t b{ font-size:13.5px; font-weight:600; }
.ck-blkbar__t small{ font-size:12.5px; opacity:.85; line-height:1.35; }
.ck-blkbar .ck-btn{ flex:none; }
/* панель клієнта: плашка «Заблоковано» під профілем */
.ck-blkinfo{ display:flex; align-items:center; gap:10px; margin:0 0 4px; padding:10px 12px; border-radius:12px; background:var(--red-soft); color:var(--red-ink); }
.ck .ck-blkinfo > .lucide{ width:18px; height:18px; flex:none; }
.ck-blkinfo > span{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.ck-blkinfo b{ font-size:13px; font-weight:600; } .ck-blkinfo small{ font-size:12px; opacity:.85; line-height:1.35; }
/* форма блокування: над ким — білим блоком; що станеться — пунктами, як у підтвердженнях */
.ck-blksubj{ flex-direction:row; align-items:center; gap:12px; }
.ck-blksubj > span{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.ck-blksubj b{ font-size:14px; font-weight:600; } .ck-blksubj small{ font-size:12.5px; color:var(--ink-3); }
.ck-blkpts{ margin:0; }
/* скарги в панелі клієнта */
.ck-cmps{ display:flex; flex-direction:column; }
.ck-cmp{ display:flex; align-items:center; gap:10px; padding:8px 0; }
.ck-cmp + .ck-cmp{ border-top:1px solid var(--line-2); }
.ck-cmp__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-cmp__t b{ font-size:13px; font-weight:500; line-height:1.4; color:var(--red-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ck-cmp.is-done .ck-cmp__t b{ color:var(--ink-2); }
.ck-cmp__t small{ font-size:12px; color:var(--ink-3); }
.ck-cmp__ok{ font-style:normal; font-size:12px; font-weight:600; color:var(--green-ink); }
.ck-cmp .ck-addbtn{ flex:none; align-self:center; }
/* лічильник у варіанті списку (сегменти) — сірий */
.ck-wzo__tag--gray{ background:var(--fill-2); color:var(--ink-2); }
@supports (text-box: trim-both cap alphabetic){ .ck-seg > button.is-saved > span:not(.ck-badge){ text-box:trim-both cap alphabetic; } }   /* збережена вкладка з іконкою — текст по центру іконки (UI-10) */
.ck-seg.ck-seg--fun button .ck-badge.ck-badge--red{ background:var(--red); color:#fff; }   /* UI-269: відкриті скарги чекають дії — червоний лічильник (решта у вкладках «Контактів» — сірі) */
.ck-tplbtn{ width:100%; height:40px; justify-content:center; }   /* «Скачати шаблон» в імпорті — чорна кнопка на всю ширину (UI-270) */
/* UI-271: «Увага» — світло-жовта, як жовта примітка в модалках (UI-210), а не насичено-жовта; рамка, щоб читалась на будь-якому тлі */
.ck-toast--warning{ background:var(--bk-fef6dc); color:var(--tk-7c5a0b); box-shadow:0 0 0 1px var(--bk-fbe3a6), var(--sh-pop); }
.ck-toast--warning .ck-toast__t b{ color:var(--tk-6b4a06); }
.ck .ck-toast--warning > .lucide{ color:var(--tk-b7791f); }
.ck-toast--warning .ck-ibtn{ background:rgba(183,121,31,.14); color:var(--tk-7c5a0b); }
.ck-toast--warning .ck-ibtn:hover{ background:rgba(183,121,31,.24); }
.ck-tsw--warning{ background:var(--bk-fef6dc) !important; color:var(--tk-b7791f) !important; box-shadow:inset 0 0 0 1px var(--bk-fbe3a6); }
/* UI-272: прогрес імпорту в модалці — назва й файл по центру, смуга на всю ширину блоку, під нею по центру «122 з 156 рядків · 78%» */
.ck-iprog{ align-items:center; text-align:center; gap:6px; padding-block:18px; }
.ck-iprog > b{ font-size:15px; font-weight:600; }
.ck-iprog > span{ font-size:13px; color:var(--ink-3); overflow-wrap:anywhere; }
.ck-iprog__bar{ align-self:stretch; display:block; height:8px; margin:8px 0 2px; border-radius:4px; background:var(--fill-2); overflow:hidden; }
.ck-iprog__bar > i{ display:block; height:100%; border-radius:4px; background:var(--accent); transition:width .25s ease; }
.ck-iprog > small{ font-size:12.5px; color:var(--accent-2); font-variant-numeric:tabular-nums; }
/* ===== UI-273 · масовий вибір: прапорець ліворуч від аватарки (наш квадратний, UI-3) — аватарку й значок каналу не закриває;
   панель — світла, як меню й модалки (UI-32), кнопки не ріжуть текст: не влазять — переносяться ===== */
.ck-dlg.is-selmode{ grid-template-columns:20px 40px minmax(0,1fr) auto; }
.ck-dlg__sel{ width:20px; height:20px; border-radius:6px; }
.ck-dlg__sel svg{ width:12px; height:12px; }
.ck-dlg.is-picked .ck-dlg__sel{ background:var(--accent); border-color:var(--accent); }
.ck-dlg.is-picked .ck-dlg__sel svg{ opacity:1; transform:scale(1) translateY(2.1%); }
.ck-dlg.is-selmode .ck-ch, .ck-dlg.is-selmode .ck-ava > .ck-ch{ opacity:1; }
.ck-dlg.is-picked{ background:var(--accent-soft) !important; }
/* UI-304: вибрані рядки — роздільник видно (блакитний, трохи темніший за фон), інакше вибрані зливаються в одну пляму */
.ck-dlg.is-picked{ border-bottom-color:color-mix(in srgb, var(--accent) 22%, transparent); }
.ck-bcard__sel{ position:absolute; left:-6px; top:-6px; z-index:2; width:20px; height:20px; border-radius:6px; box-shadow:0 1px 2px rgba(16,24,40,.1); }
.ck-bcard__sel svg{ width:12px; height:12px; }
.ck-bcard.is-picked .ck-bcard__sel{ background:var(--accent); border-color:var(--accent); }
.ck-bcard.is-picked .ck-bcard__sel svg{ opacity:1; transform:scale(1) translateY(2.1%); }
.ck-bulk{ background:var(--sheet); color:var(--ink); padding:12px; gap:10px; box-shadow:0 0 0 1px var(--line), var(--sh-modal); }
.ck-bulk__top{ gap:8px; }
.ck-bulk__top b{ font-size:14.5px; font-weight:700; padding-left:2px; }
.ck-bulk .ck-bulk__all{ height:30px; padding:0 10px; background:var(--card); color:var(--ink-2); text-decoration:none; box-shadow:var(--blk-sh); }
.ck-bulk .ck-bulk__all:hover{ color:var(--ink); }
.ck-bulk .ck-bulk__x{ width:30px; height:30px; border-radius:50%; background:var(--card); color:var(--ink-2); box-shadow:var(--blk-sh); }
.ck-bulk .ck-bulk__x:hover{ background:var(--card); color:var(--ink); }
.ck-bulk__acts{ display:flex; flex-wrap:wrap; gap:8px; }
.ck-bulk__acts .ck-btn{ flex:1 1 auto; min-width:max-content; height:40px; padding:0 12px; justify-content:center; border-radius:10px; background:var(--card); color:var(--ink); box-shadow:var(--blk-sh); font-size:13.5px; font-weight:600; }
.ck-bulk__acts .ck-btn:hover{ background:var(--fill); }
.ck-bulk__acts .ck-btn > span{ white-space:nowrap; overflow:visible; text-overflow:clip; min-width:auto; }
.ck .ck-bulk__acts .lucide{ width:16px; height:16px; color:var(--ink-2); }
.ck-bulk__acts .ck-btn.ck-bulk__lost{ background:var(--red) !important; color:#fff !important; box-shadow:none; }
.ck .ck-bulk__acts .ck-bulk__lost .lucide{ color:#fff; }
.ck-bulk__acts .ck-btn.ck-bulk__lost:hover{ background:var(--red-ink) !important; }
.ck-bulk__acts .ck-btn:disabled{ opacity:.45; }
.ck-bcard__sel{ position:static; flex:none; align-self:center; box-shadow:none; }   /* на картці дошки — у рядку ліворуч від аватарки, не поверх неї */
/* UI-274: поява / зникнення прапорців — плавно, лише transform і opacity (UI-129): прапорець виростає, аватарка й текст під'їжджають */
@keyframes ck-selbox{ from{ opacity:0; transform:scale(.3); } to{ opacity:1; transform:none; } }
@keyframes ck-selshift{ from{ transform:translateX(-32px); } to{ transform:none; } }
.is-selin .ck-dlg__sel, .is-selin .ck-bcard__sel{ animation:ck-selbox .24s var(--ease) both; }
.is-selin .ck-dlg.is-selmode > .ck-dlg__avw, .is-selin .ck-dlg.is-selmode > .ck-dlg__avw + span{ animation:ck-selshift .24s var(--ease) both; }
.is-selout .ck-dlg__sel, .is-selout .ck-bcard__sel{ animation:ck-selbox .2s var(--ease) reverse both; }
.is-selout .ck-dlg.is-selmode > .ck-dlg__avw, .is-selout .ck-dlg.is-selmode > .ck-dlg__avw + span{ animation:ck-selshift .2s var(--ease) reverse both; }
@media (prefers-reduced-motion:reduce){ .is-selin *, .is-selout *{ animation:none !important; } }
/* панель дій — темніший сірий (як фон перемикачів); на «Воронці» — на всю ширину центрального блоку */
.ck-bulk{ background:var(--bk-e4e6eb); }
.ck-pcard .ck-bulk{ left:10px; right:10px; width:auto; transform:translateY(8px); }
.ck-pcard .ck-bulk.is-on{ transform:none; }
.ck-pcard .ck-bulk__acts .ck-btn{ flex:1 1 0; }
/* «Воронка»: прапорець картки — праворуч, перед лічильником непрочитаних */
.ck-bcard__sel{ margin-left:auto; }
.ck-bcard__top .ck-bcard__sel + .ck-dlg__cnt{ margin-left:0; }
/* UI-275: панель масових дій — чорна (білий текст, кнопки — світлі напівпрозорі, «Відмова» — червона); на ПК на «Воронці» — не ширша за 760 px,
   по центру. Текст кнопок не ріжеться, як і раніше (UI-273) */
.ck-bulk{ background:var(--dark); color:#fff; box-shadow:0 16px 40px rgba(16,24,40,.3); }
.ck-bulk__top b{ color:#fff; }
.ck-bulk .ck-bulk__all{ background:rgba(255,255,255,.12); color:rgba(255,255,255,.9); box-shadow:none; }
.ck-bulk .ck-bulk__all:hover{ background:rgba(255,255,255,.2); color:#fff; }
.ck .ck-bulk .ck-bulk__all .lucide{ color:rgba(255,255,255,.75); }
.ck-bulk .ck-bulk__x{ background:rgba(255,255,255,.12); color:rgba(255,255,255,.85); box-shadow:none; }
.ck-bulk .ck-bulk__x:hover{ background:rgba(255,255,255,.2); color:#fff; }
.ck-bulk__acts .ck-btn{ background:rgba(255,255,255,.1); color:#fff; box-shadow:none; }
.ck-bulk__acts .ck-btn:hover{ background:rgba(255,255,255,.18); }
.ck .ck-bulk__acts .lucide{ color:rgba(255,255,255,.8); }
.ck-bulk__acts .ck-btn:disabled{ opacity:.4; }
@media (min-width:768px){
  .ck-pcard .ck-bulk{ left:50%; right:auto; width:min(760px, calc(100% - 20px)); transform:translate(-50%, 8px); }
  .ck-pcard .ck-bulk.is-on{ transform:translateX(-50%); }
}

/* ===== UI-276 · замовлення: ТТН Нової Пошти, трекінг, друк, часткові оплати й звірка (ТЗ 4) ===== */
.ck-ordv__2{ grid-template-columns:repeat(auto-fit, minmax(340px, 1fr)); align-items:start; }
.ck-oblk__hd .ck-dg .lucide{ width:14px; height:14px; top:0; }
.ck-oblk__hd .ck-dg > span{ text-box:trim-both cap alphabetic; }
.ck .ck-oic{ width:28px; height:28px; border-radius:8px; background:var(--fill); color:var(--ink-2); flex:none; }
.ck .ck-oic:hover{ background:var(--bk-e4e6eb); color:var(--ink); }
.ck .ck-oic .lucide{ width:15px; height:15px; }
.ck .ck-oic.is-spin .lucide{ animation:ck-spin .7s linear infinite; }
.ck-obtns{ display:flex; flex-wrap:wrap; gap:8px; }
.ck-obtns .ck-btn{ flex:1 1 150px; height:36px; }
.ck-oblk > .ck-wznote{ border-radius:10px; }
.ck-ochips{ display:flex; flex-wrap:wrap; gap:6px; }
.ck-ochips .ck-ochip{ padding-left:8px; }
.ck .ck-ochips .ck-ochip > .lucide{ margin-left:0; color:var(--ink-3); }
.ck-pmv > .ck-bgrp{ margin:0; padding:7px 14px; }
.ck-pmv > .ck-bgrp + .ck-pmv__r{ border-top:1px solid var(--line-2); }
.ck-pmv__ic.is-gray{ background:var(--fill); color:var(--ink-2); }
.ck-pmv__ic.is-red{ background:var(--red-soft); color:var(--red-ink); }
.ck-pmv__q:not(.is-plus):not(.is-minus){ color:var(--ink-2); }
.ck-opay{ display:flex; flex-direction:column; gap:7px; padding:2px 0 6px; }
.ck-opay__n{ display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; font-size:13px; color:var(--ink-2); }
.ck-opay__n b{ color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums; }
.ck-opay__n .is-left{ color:var(--red-ink); }
.ck-opay__n .is-ok{ color:var(--green-ink); }
.ck-opay__bar{ display:block; height:8px; border-radius:99px; background:var(--fill); overflow:hidden; }
.ck-opay__bar > i{ display:block; height:100%; border-radius:inherit; background:var(--green); transition:width .4s var(--ease); }
.ck-opay__rec{ font-style:normal; font-weight:600; color:var(--amber-ink); }
.ck-opay__rec.is-ok{ color:var(--green-ink); }
.ck-orow__ttn{ display:inline-grid; place-items:center; width:22px; height:22px; border-radius:6px; background:var(--fill); color:var(--ink-3); flex:none; }
.ck .ck-orow__ttn .lucide{ width:13px; height:13px; }
/* модалки «Нова накладна», «Оплата» */
.ck-npsnd{ display:flex; align-items:center; gap:12px; }
.ck-npsnd .ck-pmv__t b{ font-size:13.5px; }
.ck-npsum{ gap:0 !important; padding-top:6px !important; padding-bottom:6px !important; }
.ck-npsum__r{ display:grid; grid-template-columns:1fr auto; column-gap:12px; align-items:baseline; padding:7px 0; font-size:13px; }
.ck-npsum__r + .ck-npsum__r{ border-top:1px solid var(--line-2); }
.ck-npsum__r > span{ color:var(--ink-2); }
.ck-npsum__r > b{ font-weight:600; font-variant-numeric:tabular-nums; text-align:right; }
.ck-npsum__r > small{ grid-column:1 / -1; font-size:12px; color:var(--ink-3); }
.ck-glist > .ck-acc2 > div > .ck-field{ padding:0 16px 12px; }
.ck-obtns .ck-btn--secondary{ background:var(--fill); color:var(--ink); border-color:transparent; box-shadow:none; }
.ck-obtns .ck-btn--secondary:hover{ background:var(--bk-e4e6eb); }
.ck-ordv .ck-pmv__t b, .ck-ordv .ck-pmv__t small{ white-space:nowrap; overflow-x:clip; text-overflow:ellipsis; }   /* UI-79: ріжемо лише по горизонталі */
.ck-opay__amt{ display:flex; flex-direction:column; align-items:flex-end; gap:1px; flex:none; }
.ck-opay__amt .ck-opay__rec{ font-size:11.5px; }

/* ===== UI-277 · «Перший день» (ТЗ 13.1): чек-лист запуску, перенос, навчання, підтримка ===== */
.ck-onb__prog{ display:flex; flex-direction:column; gap:7px; margin:0 calc(-1 * var(--bx, 16px)); padding:12px var(--bx, 16px) 14px; font-size:13px; color:var(--ink-2); }
.ck-onb__prog b{ color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums; }
.ck-onb__prog + .ck-sxr{ border-top:1px solid var(--line-2); }
.ck-onb__ck{ width:28px; height:28px; border-radius:50%; flex:none; display:grid; place-items:center; background:var(--fill); color:var(--ink-2); font-size:12.5px; font-weight:600; font-variant-numeric:tabular-nums; }
.ck-onb__ck > span{ text-box:trim-both cap alphabetic; }
.ck .ck-onb__ck .lucide{ width:16px; height:16px; stroke-width:2.6; transform:translateY(2.1%); }   /* UI-244: 28 → 16, рівно по центру */
.ck-onb__r.is-ok .ck-onb__ck{ background:var(--green); color:#fff; }
.ck-onb__r{ align-items:center; gap:12px; }
.ck-onb__ok{ color:var(--green-ink) !important; font-weight:600; }
.ck-sxr__c > .ck-onb__ok{ font-size:13px; }
.ck-side__cnt.is-ok{ background:var(--green-soft); color:var(--green-ink); }
.ck-app.is-side-mini .ck-side__onb .ck-side__cnt{ display:none; }
.ck-modal .ck-onbv{ flex-shrink:0; }
.ck-onbv{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; aspect-ratio:16 / 9; width:100%; border:0; padding:16px; border-radius:14px; background:linear-gradient(160deg, #1F2937, #0B1220); color:#fff; cursor:pointer; text-align:center; }
.ck-onbv__pl{ width:56px; height:56px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.16); margin-bottom:4px; transition:background .15s, transform .15s; }
.ck-onbv:hover .ck-onbv__pl{ background:rgba(255,255,255,.26); transform:scale(1.05); }
.ck .ck-onbv__pl .lucide{ width:24px; height:24px; margin-left:3px; fill:#fff; }
.ck-onbv b{ font-size:15px; font-weight:600; }
.ck-onbv small{ font-size:12px; color:rgba(255,255,255,.7); }
.ck-onbv__st{ margin:0; padding-left:20px; display:flex; flex-direction:column; gap:6px; font-size:13px; line-height:1.45; color:var(--ink-2); }
.ck-sup{ display:flex; flex-direction:column; gap:8px; max-height:300px; overflow-y:auto; }
.ck-sup__m{ max-width:85%; align-self:flex-start; display:flex; flex-direction:column; gap:3px; }
.ck-sup__m p{ margin:0; padding:9px 12px; border-radius:14px 14px 14px 4px; background:var(--fill); font-size:13px; line-height:1.45; color:var(--ink); white-space:pre-wrap; }
.ck-sup__m small{ font-size:11px; color:var(--ink-3); padding:0 4px; }
.ck-sup__m.is-me{ align-self:flex-end; align-items:flex-end; }
.ck-sup__m.is-me p{ background:var(--accent); color:#fff; border-radius:14px 14px 4px 14px; }
.ck-sup__typing{ font-size:12px; color:var(--ink-3); padding:0 4px; }
.ck-side__onb[hidden]{ display:none !important; }

/* ===== UI-278 · замовлення: знижка, джерело, коментарі, файли, «клієнт ще не підтвердив», масові дії й збережені вкладки ===== */
.ck-odisc{ display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; color:var(--ink-2); }
.ck-odisc > span{ display:flex; align-items:center; flex-wrap:wrap; gap:2px 0; min-width:0; }
.ck-odisc__why{ flex-basis:100%; font-size:12px; color:var(--ink-3); }
.ck-odisc > b{ font-size:13.5px; font-weight:600; color:var(--red-ink); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ck-oblk > .ck-ocf{ border-radius:10px; padding:10px 12px; gap:10px; }
.ck-ocf > span{ flex:1; min-width:0; }
.ck-oblk .ck-ocf .ck-addbtn{ background:color-mix(in srgb, var(--card) 72%, transparent); color:var(--tk-7c5a0b); flex:none; }
.ck-oblk .ck-ocf .ck-addbtn:hover{ background:var(--card); }
@media (max-width:767px){ .ck-oblk > .ck-ocf{ flex-wrap:wrap; row-gap:8px; } .ck-ocf > span{ flex-basis:calc(100% - 28px); } .ck-oblk .ck-ocf .ck-addbtn{ margin-left:28px; } }
.ck-onote__ava{ flex:none; align-self:flex-start; padding-top:2px; }
.ck-onote__ava .ck-ava{ width:32px; height:32px; font-size:12px; }
.ck-onotes .ck-pmv__r{ align-items:flex-start; padding-top:10px; padding-bottom:10px; }
.ck-onotes .ck-pmv__t b{ font-size:13px; }
.ck-onote__tx{ margin:3px 0 0; font-size:13px; line-height:1.45; color:var(--ink); white-space:pre-wrap; overflow-wrap:anywhere; }
a.ck-ofile{ color:var(--ink); text-decoration:none; transition:background .12s; }
a.ck-ofile:hover{ background:var(--fill); }
.ck .ck-ofile .ck-ibtn--del{ width:28px; height:28px; border-radius:8px; }
.ck-ochip--src .ck-ch--inline{ width:16px; height:16px; margin-left:4px; flex:none; }
.ck .ck-ochip--src > .lucide{ color:var(--ink-3); }
.ck-npsum__r > b.is-minus{ color:var(--red-ink); }
.ck-npsum__r > b.is-total{ color:var(--green-ink); font-size:14px; }
.ck-oblk > .ck-psp__none{ margin:0; }
@media (max-width:767px){ .ck-hd__acts [data-oexp]{ display:none; } }   /* UI-278: на телефоні 5 кнопок не влазять — експорт через «Вибрати кілька → Усі → Експорт» */
@media (max-width:767px){ .ck-hd > .ck-hd__sp{ display:none; } .ck-hd > .ck-hd__acts{ margin-left:auto; } .ck-hd > .ck-hd__t{ white-space:nowrap; } }   /* порожній розпірник не забирає ще 10 px у заголовка */

/* ===== UI-279 · лінія без звʼязку в чаті, «Немає доступу» ===== */
.ck-lnbar{ align-items:center; background:var(--red-soft); color:var(--red-ink); }
.ck .ck-lnbar > .lucide{ width:16px; height:16px; flex:none; }
.ck-lnbar > span{ flex:1; min-width:0; }
.ck-lnbar .ck-btn{ flex:none; height:30px; background:var(--card); color:var(--red-ink); box-shadow:none; }
/* UI-298: червоні плашки над полем вводу — без значка; на телефоні кнопка під текстом на всю ширину */
@media (max-width:767px){ .ck-lnbar, .ck-blkbar{ flex-wrap:wrap; row-gap:10px; } .ck-lnbar > span, .ck-blkbar .ck-blkbar__t{ flex-basis:100%; } .ck-lnbar .ck-btn, .ck-blkbar > .ck-btn{ width:100%; height:40px; justify-content:center; margin-left:0; } }
.ck-noacc .ck-btn{ margin-top:8px; }
.ck-noacc > span{ max-width:380px; }

/* ===== UI-280 · коментарі Instagram / Facebook і відповіді на сторіз ===== */
.ck-msg.is-cmt .ck-bub{ min-width:min(300px, 100%); }
.ck-cmt__post{ display:flex; align-items:center; gap:10px; margin:-2px -4px 8px; padding:6px; border-radius:10px; background:var(--fill); }
.ck-cmt__post img, .ck-cmt__ph{ width:40px; height:40px; border-radius:8px; object-fit:cover; flex:none; display:grid; place-items:center; background:var(--fill-2); color:var(--ink-3); }
.ck-cmt__post > span{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.ck-cmt__post b{ display:flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:var(--ink-2); }
.ck-cmt__post b > span{ text-box:trim-both cap alphabetic; }
.ck .ck-cmt__post b .lucide{ width:13px; height:13px; flex:none; }
.ck-cmt__post small{ font-size:12px; color:var(--ink-3); white-space:nowrap; overflow-x:clip; text-overflow:ellipsis; }
.ck-cmt__tx{ white-space:pre-wrap; overflow-wrap:anywhere; }
.ck-cmt__acts{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.ck-cmt__acts .ck-addbtn{ height:28px; padding:0 10px; border-radius:8px; background:var(--fill); color:var(--ink-2); font-size:12.5px; }
.ck-cmt__acts .ck-addbtn:hover{ background:var(--bk-e4e6eb); color:var(--ink); }
.ck-cmt__acts .ck-addbtn.is-off{ opacity:.55; }
.ck-story{ display:flex; align-items:center; gap:8px; margin:-2px -4px 8px; padding:6px; border-radius:10px; background:var(--fill); font-size:12px; font-weight:600; color:var(--ink-2); }
.ck-story img{ width:30px; height:48px; border-radius:6px; object-fit:cover; flex:none; }
.ck-story > span{ display:flex; align-items:center; gap:5px; }
.ck-story > span > span{ text-box:trim-both cap alphabetic; }
.ck .ck-story .lucide{ width:13px; height:13px; flex:none; }
.ck-cmt__lbl{ display:flex; align-items:center; gap:5px; margin-bottom:4px; font-size:11.5px; font-weight:600; opacity:.85; }
.ck-cmt__lbl > span{ text-box:trim-both cap alphabetic; }
.ck .ck-cmt__lbl .lucide{ width:12px; height:12px; flex:none; }
.ck-compose__quote.is-cmt{ background:var(--accent-soft); }
.ck .ck-dlg__ic:not(span){ width:13px; height:13px; vertical-align:-2px; margin-right:3px; color:var(--ink-3); }   /* UI-305: лише іконка в тексті рядка («Коментар:»), не значки біля імені — ті мають свій колір */
.ck-msg.is-cmt .ck-msg__body{ min-width:min(340px, 78vw); }
.ck-msg.is-cmt .ck-bub{ width:100%; }
.ck .ck-bub__imp{ display:inline-flex; opacity:.6; }
.ck .ck-bub__imp .lucide{ width:12px; height:12px; }

/* ===== UI-282 · API й вебхуки: журнал звернень, доставка, деталі ===== */
.ck-au__ic.is-ok{ background:var(--green-soft); color:var(--green-ink); }
.ck-au__ic.is-warn{ background:var(--amber-soft); color:var(--amber-ink); }
.ck-au__ic.is-bad{ background:var(--red-soft); color:var(--red-ink); }
.ck-xrow{ width:calc(100% + 2 * var(--bx)); margin:0 calc(-1 * var(--bx)); padding:9px var(--bx); text-align:left; background:none; color:inherit; font:inherit; cursor:pointer; transition:background .12s; }
.ck-xrow:hover{ background:var(--fill); }
.ck-xrow .ck-sxp__t b{ flex-wrap:nowrap; min-width:0; }
.ck .ck-xrow__go{ width:16px; height:16px; flex:none; color:var(--ink-3); }
.ck-xm{ display:inline-flex; align-items:center; height:18px; padding:0 5px; border-radius:5px; background:var(--fill); color:var(--ink-2); font:700 10.5px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; flex:none; }
.ck-xrow:hover .ck-xm{ background:var(--bk-e4e6eb); }
.ck-xp{ min-width:0; overflow-x:clip; text-overflow:ellipsis; white-space:nowrap; }
.ck-xrow .ck-xm + .ck-xp{ font:500 12.5px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.ck-xcode{ font:500 12.5px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap:anywhere; min-width:0; }
.ck-xpre{ margin:0; padding:12px; border-radius:10px; background:var(--fill); color:var(--ink); font:12px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space:pre-wrap; overflow-wrap:anywhere; max-height:260px; overflow:auto; }
.ck-glist > .ck-xtry{ min-height:52px; }
.ck-xtry .ck-au__ic{ width:30px; height:30px; border-radius:9px; }
.ck .ck-xtry .ck-au__ic .lucide{ width:15px; height:15px; }
.ck-ccr .ck-xm + .ck-xcode{ flex:1 1 0; }

/* ===== UI-283 · новий дзвінок за @ніком, ID або номером ===== */
.ck-dlres{ display:flex; flex-direction:column; gap:8px; padding-top:10px; }
.ck-dlres__row{ display:flex; align-items:center; gap:10px; min-height:52px; padding:8px 12px; border-radius:12px; background:var(--fill); }
.ck-dlres__row.is-wait{ min-height:44px; font-size:13px; color:var(--ink-3); }
.ck .ck-dlres__spin{ width:18px; height:18px; flex:none; color:var(--accent); animation:ck-spin .8s linear infinite; }
.ck-dlres__row > .ck-ava{ flex:none; }
.ck-dlres__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-dlres__t b{ font-size:13.5px; font-weight:600; white-space:nowrap; overflow-x:clip; text-overflow:ellipsis; }
.ck-dlres__t small{ font-size:12.5px; color:var(--ink-3); white-space:nowrap; overflow-x:clip; text-overflow:ellipsis; }
.ck-dlres__row .ck-chip{ flex:none; }
.ck-dlres__n{ display:flex; align-items:center; gap:8px; font-size:12.5px; line-height:1.4; color:var(--ink-3); }
.ck .ck-dlres__n .lucide{ width:15px; height:15px; flex:none; }

/* ===== UI-284 · навчальні підказки в розділах ===== */
.ck-coach{ position:fixed; z-index:1150; will-change:transform, opacity; width:min(300px, calc(100vw - 24px)); padding:14px 16px 12px; border-radius:14px; background:var(--dark); color:#fff; box-shadow:var(--sh-pop); opacity:0; transform:translateY(4px); transition:opacity .2s, transform .2s; }
.ck-coach.is-up{ transform:translateY(-4px); }
.ck-coach.is-on{ opacity:1; transform:none; }
.ck-coach__ar{ position:absolute; left:var(--ax, 50%); top:-5px; width:12px; height:12px; margin-left:-6px; background:var(--dark); border-radius:2px; transform:rotate(45deg); }
.ck-coach.is-up .ck-coach__ar{ top:auto; bottom:-5px; }
/* UI-292: між кроками картка не зникає — плавно їде (0,3 с, як кільце) і стрілка теж; текст змінюється на місці */
.ck-coach.is-moving{ transition:opacity .2s, transform .2s, left .3s cubic-bezier(.4,0,.2,1), top .3s cubic-bezier(.4,0,.2,1); }
.ck-coach.is-moving .ck-coach__ar{ transition:left .3s cubic-bezier(.4,0,.2,1); }
.ck-coach > b{ display:block; position:relative; font-size:14px; font-weight:600; line-height:1.3; }
.ck-coach > p{ position:relative; margin:4px 0 0; font-size:13px; line-height:1.45; color:rgba(255,255,255,.78); text-wrap:pretty; }
.ck-coach__ft{ position:relative; display:flex; align-items:center; gap:8px; margin-top:12px; }
.ck-coach__ft > span{ flex:1; font-size:12px; color:rgba(255,255,255,.55); font-variant-numeric:tabular-nums; }
.ck-coach__skip, .ck-coach__go{ height:32px; padding:0 12px; border-radius:8px; font-size:12.5px; font-weight:600; flex:none; transition:background .12s; }
.ck-coach__skip{ background:rgba(255,255,255,.1); color:#fff; } .ck-coach__skip:hover{ background:rgba(255,255,255,.18); }
.ck-coach__go{ background:#fff; color:#1F2328; } .ck-coach__go:hover{ background:#E9EBEF; }
/* UI-285: затемнення з вирізом (анімуємо колір фону, не прозорість — UI-66) і три хвилі різної прозорості навколо кнопки */
/* UI-288: невидимий шар лише ловить клік поза кнопкою (виріз — clip-path для попадань, не для малювання); затемнення малює кільце */
/* UI-293: нерухомий SVG-шар з вирізом; плавна поява — opacity; кліки ловить лише зафарбована частина шляху */
.ck-coach-dim{ position:fixed; inset:0; z-index:1148; pointer-events:none; opacity:0; transition:opacity .25s ease; }
.ck-coach-dim.is-on{ opacity:1; }
.ck-coach-dim svg{ position:absolute; inset:0; display:block; }
.ck-coach-dim path{ fill:rgba(15,17,21,.5); pointer-events:visiblePainted; }
/* UI-288: кільце = виріз: затемнення — величезна тінь самого кільця (0 0 0 200vmax), тож виріз завжди рівно по кнопці, із заокругленням, на будь-якому
   екрані й масштабі, і їде разом із кільцем (transform). Поява / зникнення — opacity кільця. Хвилі — box-shadow від краю 0 → 24 px, кожна у своєму шарі */
.ck-coach-ring{ position:fixed; left:0; top:0; z-index:1149; will-change:transform, opacity; border-radius:12px; pointer-events:none; opacity:0;
  transition:opacity .25s ease; }   /* UI-293: рух і розмір — тим самим кадром, що й виріз (JS), не CSS-переходом */
.ck-coach-ring.is-fresh{ transition:opacity .3s ease; }   /* перша поява — одразу на місці, без «приїзду» з кута */
.ck-coach-ring.is-on{ opacity:1; }
.ck-coach-ring{ --cw1:color-mix(in srgb, var(--accent) 34%, transparent); --cw2:color-mix(in srgb, var(--accent) 22%, transparent); --cw3:color-mix(in srgb, var(--accent) 13%, transparent); --cw0:color-mix(in srgb, var(--accent) 0%, transparent); }
.ck-coach-ring > i{ position:absolute; inset:0; border-radius:inherit; will-change:transform; animation:ck-coachw 4.2s cubic-bezier(.33,0,.4,1) infinite; }
.ck-coach-ring > i:nth-child(1){ --w:var(--cw1); }
.ck-coach-ring > i:nth-child(2){ --w:var(--cw2); animation-delay:-1.4s; }
.ck-coach-ring > i:nth-child(3){ --w:var(--cw3); animation-delay:-2.8s; }
@keyframes ck-coachw{ 0%{ box-shadow:0 0 0 0 var(--w); } 70%{ box-shadow:0 0 0 17px color-mix(in srgb, var(--w) 25%, transparent); } 100%{ box-shadow:0 0 0 24px var(--cw0); } }
@media (prefers-reduced-motion:reduce){ .ck-coach-ring > i{ animation:none; } .ck-coach-ring{ transition:none; } }

/* ===== UI-294 · історія відповідальних: блок «Хто вів» у «Історії діалогу» ===== */
.ck-glist > .ck-wholed{ align-items:center; padding-top:12px; padding-bottom:12px; }   /* UI-315: аватар — по центру всього тексту */
.ck-wholed > .ck-ava{ flex:none; }
.ck-wholed .ck-row__t{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.ck-wholed .ck-row__t > b{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:13.5px; font-weight:600; }
.ck-wholed .ck-row__t > b > span:not(.ck-chip){ text-box:trim-both cap alphabetic; }   /* UI-315: не чіпає бейдж «Зараз» */
.ck-wholed .ck-row__t > b .ck-chip{ height:20px; font-size:11px; }
.ck-wholed .ck-row__t > span{ font-size:12.5px; line-height:1.4; color:var(--ink-3); }
.ck-wholed .ck-row__t > .ck-wholed__n{ color:var(--ink-2); font-style:italic; }
.ck-wholed .ck-row__t > b > span:not(.ck-chip){ color:var(--ink); font-size:inherit; font-weight:600; }

/* ===== UI-295 · стан підписки: пункт у бічній панелі, режим читання замість поля вводу ===== */
.ck-side__plan[hidden]{ display:none !important; }
.ck-side__plan .ck-side__cnt{ background:var(--amber-soft); color:var(--amber-ink); }
.ck-side__plan.is-read .ck-side__cnt{ background:var(--red); color:#fff; }
.ck-side__plan.is-read > .lucide{ color:var(--red-ink); }
.ck-side__plan.is-read, .ck-side__plan.is-read:hover{ color:var(--red-ink); font-weight:600; }   /* UI-301: і текст червоний — не лише коли пункт активний */
/* UI-301: режим читання — підсвітка пункту червона, не синя */
.ck-side__plan.is-read.is-active, .ck-side__plan.is-read.is-active:hover{ background:var(--red-soft); color:var(--red-ink); }
.ck-side__plan.is-read.is-active::before{ background:var(--red); }
.ck-side__plan.is-read.is-active i, .ck-side__plan.is-read.is-active svg{ color:var(--red-ink); }
.ck-btile.is-read{ box-shadow:var(--blk-sh), inset 3px 0 0 var(--red); }
.ck-btile.is-read .ck-btile__l{ color:var(--red-ink); font-weight:600; }
.ck-bzero li.is-now .ck-bzero__ic{ position:relative; z-index:1; background:var(--red-soft); color:var(--red-ink); box-shadow:0 0 0 3px var(--card), 0 0 0 5px var(--red); }   /* кільце — над лінією, лінія не пробиває його */
.ck-bzero li.is-now .ck-bzero__t b .ck-chip{ margin-left:4px; vertical-align:1px; }
.ck-compose:has(> .ck-planbar) > :not(.ck-planbar){ display:none !important; }
@media (max-width:767px){ .ck-planbar{ flex-wrap:wrap; } .ck-planbar .ck-blkbar__t{ flex:1 1 calc(100% - 32px); } .ck-planbar > .ck-btn{ width:100%; justify-content:center; } }

/* ===== UI-296 · «Показати, де це в Instagram» — схема екрана налаштувань ===== */
.ck-ighow__b{ align-self:flex-start; margin-top:10px; }
.ck .ck-ighow__chev{ width:14px; height:14px; transition:transform .2s; }
.ck-ighow__b.is-open .ck-ighow__chev{ transform:rotate(180deg); }
.ck-ighow{ display:flex; flex-direction:column; gap:12px; padding-top:12px; }
.ck-ighow ol{ margin:0; padding:0; list-style:none; counter-reset:igs; display:flex; flex-direction:column; gap:8px; }
.ck-ighow li{ counter-increment:igs; display:flex; align-items:center; gap:10px; font-size:13px; line-height:1.35; color:var(--ink-2); }
.ck-ighow li::before{ content:counter(igs); width:22px; height:22px; border-radius:50%; background:var(--fill-2); color:var(--ink-2); display:grid; place-items:center; font-size:11.5px; font-weight:600; flex:none; }
.ck-igmock{ width:100%; max-width:340px; border-radius:16px; background:var(--card); border:1px solid var(--line); overflow:hidden; }
.ck-igmock__hd{ display:flex; align-items:center; gap:6px; padding:10px 12px; border-bottom:1px solid var(--line-2); font-size:13px; font-weight:600; color:var(--ink); }
.ck .ck-igmock__hd .lucide, .ck .ck-igmock__row > .lucide{ width:16px; height:16px; flex:none; color:var(--ink-3); }
.ck-igmock__row{ display:flex; align-items:center; gap:10px; padding:11px 12px; }
.ck-igmock__row + .ck-igmock__row{ border-top:1px solid var(--line-2); }
.ck-igmock__row > span{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ck-igmock__row b{ font-size:13px; font-weight:500; color:var(--ink); }
.ck-igmock__row small{ font-size:11.5px; line-height:1.35; color:var(--ink-3); }
.ck-igmock__row.is-dim{ opacity:.55; }
.ck-igmock__row.is-hl{ background:var(--accent-soft); box-shadow:inset 0 0 0 2px var(--accent); border-radius:0 0 15px 15px; }
.ck-igmock__sw{ position:relative; width:38px; height:22px; border-radius:11px; background:var(--accent); flex:none; }
.ck-igmock__sw::after{ content:""; position:absolute; top:2px; right:2px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); }

/* UI-306: «Немає з'єднання» — смужка згори, кабінет зсувається під неї (нічого не перекриває) */
.ck-net{ position:fixed; top:0; left:0; right:0; z-index:990; height:calc(34px + env(safe-area-inset-top, 0px)); padding:env(safe-area-inset-top, 0px) 16px 0; display:flex; align-items:center; justify-content:center; gap:8px;
  background:var(--amber-soft); color:var(--amber-ink); font-size:13px; transform:translateY(-100%); transition:transform .25s var(--ease), background .2s, color .2s; pointer-events:none; }
.ck-net.is-on{ transform:none; }
.ck-net.is-ok{ background:var(--green-soft); color:var(--green-ink); }
.ck-net b{ font-weight:600; white-space:nowrap; }
.ck-net span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ck-net svg, .ck-net .lucide{ width:16px; height:16px; flex:none; }
.ck-net__m{ display:none; }
html:not([data-theme="light"]) .ck-net{ backdrop-filter:blur(12px); }
.ck-app{ transition:padding-top .25s var(--ease); }
.ck-app.is-offline{ padding-top:calc(var(--gap) + 34px); }
@media (max-width:767px){ .ck-app.is-offline{ padding-top:34px; } .ck-net__l{ display:none; } .ck-net__m{ display:inline; } .ck-net__m::before{ content:"· "; } }
/* UI-306: довідка «Гарячі клавіші» */
/* UI-308: заголовок групи — над білим блоком, сірим капсом 11.5 (як у меню й нижніх модалках) */
.ck-keys{ display:flex; flex-direction:column; }
.ck-keys__hd{ padding:12px 6px 6px; font-size:11.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); }
.ck-keys__hd:first-child{ padding-top:6px; }
.ck-keys__g{ background:var(--card); border-radius:14px; box-shadow:var(--blk-sh); display:flex; flex-direction:column; }
.ck-keys__r{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; padding:6px 16px; font-size:14px; }
.ck-keys__r + .ck-keys__r{ border-top:1px solid var(--line-2); }
.ck-keys__k{ display:flex; align-items:center; gap:4px; flex:none; color:var(--ink-3); font-size:12px; }
.ck-keys__k i{ font-style:normal; margin:0 4px; }
.ck-keys kbd{ min-width:26px; height:26px; padding:0 7px; display:inline-grid; place-items:center; border-radius:7px; background:var(--fill); border:1px solid var(--line); border-bottom-width:2px; font-family:inherit; font-size:12px; font-weight:600; color:var(--ink); }
/* UI-310/311: число праворуч у пункті меню («Мої канали 3») — сірий лічильник, точно як у бічній панелі («4/7»): 20 px, радіус 6, оптичний центр цифр */
.ck-menu__cnt{ margin-left:auto; flex:none; min-width:22px; height:20px; padding:2px 6px 0; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; background:var(--fill-2); color:var(--ink-2); font-style:normal; font-size:11.5px; font-weight:600; font-variant-numeric:tabular-nums; line-height:1; }
.ck-menu__i:not(.is-selected) .ck-menu__cnt ~ .ck-tick{ display:none; }   /* UI-310: кружок — біля краю, як тумблер */

/* UI-313: прайси, одиниці, способи оплати (ТЗ 5.3) */
.ck-sxr--ic .ck-sxr__ic.ck-sxcur{ font-size:17px; font-weight:700; color:var(--ink); }
.ck-sxr--ic .ck-sxr__ic.ck-sxunit{ font-size:12.5px; font-weight:700; color:var(--ink-2); }
.ck-sxr--ic .ck-sxr__ic.ck-sxpk{ background:color-mix(in srgb, var(--c) 14%, var(--card)); color:var(--c); }
.ck-sxr.is-off .ck-sxr__t, .ck-sxr.is-off .ck-sxr__ic{ opacity:.5; }
.ck-sxcurs{ display:inline-flex; gap:4px; margin-left:8px; vertical-align:1px; }
.ck-sxcurs .ck-chip{ height:20px; min-width:22px; padding:0 6px; justify-content:center; font-size:11.5px; font-weight:600; }
.ck-ppr{ grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); }
.ck-ppr__t:first-child > b{ color:var(--ink); }
.ck-ppr__t.is-def > b{ color:var(--green-ink); }
.ck-ppr__t > b.is-none{ color:var(--ink-3); font-size:15px; font-weight:600; }
.ck-psp__n small{ color:var(--ink-3); font-size:12px; }
.ck-pfpk{ display:flex; flex-direction:column; gap:10px; }
.ck-pfpk:empty{ display:none; }
.ck-pfpk__r{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px; gap:8px; align-items:end; }
.ck-pfpk__r > *{ min-width:0; }
.ck-group .ck-addbtn.ck-pfpk__add{ margin-top:2px; }
.ck-pfpr{ grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
.ck-check.is-dis{ opacity:.45; pointer-events:none; }
.ck-oitem__bot .ck-ounit{ width:auto; min-width:84px; height:40px; flex:none; }   /* UI-313: одиниця рядка — ящ / бл, висота як у лічильника (UI-35) */
@media (max-width:767px){ .ck-oitem__bot:has(.ck-ounit){ flex-wrap:wrap; row-gap:6px; } .ck-oitem__bot:has(.ck-ounit) .ck-oitem__price{ order:3; flex-basis:100%; white-space:normal; } .ck-oitem__bot:has(.ck-ounit) .ck-oitem__sum{ margin-left:auto; } }
/* UI-314: блок-список без заголовка — без відступу й лінії зверху: перший рядок починається від краю блоку (UI-255) */
.ck-group--list > .ck-glist:first-child{ margin-top:-14px; }
.ck-group--list > .ck-glist:first-child > .ck-krow:first-child{ border-top:0; }
.ck-glist .ck-row__t b .ck-chip{ margin-top:0; }   /* UI-315: бейдж біля імені в рядку списку — свій колір і без зсуву від правила підписів */
.ck-glist .ck-row__t b .ck-chip--green{ color:var(--green-ink); }
.ck-glist .ck-row__t b .ck-chip > span{ font-size:inherit; color:inherit; margin-top:0; }   /* UI-315: текст бейджа — у span (UI-10), правило підписів списку його не чіпає */
.ck-row__t span.ck-chip{ display:inline-flex; align-items:center; justify-content:center; }   /* UI-315: бейдж у рядку — не блок (правило .ck-row__t span робило його блоком, текст прилипав до верху) */
.ck-row__t span.ck-chip > span{ display:block; }
@supports (text-box: trim-both cap alphabetic){ .ck-chip > span{ overflow:visible; overflow-x:clip; overflow-clip-margin:0; min-width:0; } }   /* UI-315: у бейджах — теж ріжемо лише по горизонталі (UI-79), хвостики р, у, д видно */

/* ===== UI-316 · умови оплати, курси, борг за валютами, послуги (ТЗ 5.3, етап 2) ===== */
.ck-group .ck-wznote:not(.ck-group){ border-radius:10px; }   /* жовта примітка всередині білого блоку — із заокругленням, як окремий блок */
.ck-check__sub{ font-size:11.5px; font-weight:500; color:var(--ink-3); }
.ck-irow__debts{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.ck-irow__debts .ck-irow__debt{ color:var(--amber-ink); font-variant-numeric:tabular-nums; }
.ck-irow__debts .ck-irow__debt.is-over{ color:var(--red-ink); }
.ck-irow__debt small{ font-size:11.5px; font-weight:500; color:inherit; opacity:.8; margin-left:4px; }
.ck-ochip--amber{ background:var(--amber-soft); color:var(--amber-ink); }
.ck-ochip--amber b{ color:var(--amber-ink); }
.ck-prodph--svc{ background:var(--green-soft); color:var(--green-ink); }
/* форма замовлення: умова оплати */
.ck-oterm{ display:flex; flex-direction:column; gap:10px; }
.ck-oterm[hidden]{ display:none; }
.ck-oterm__r{ display:flex; align-items:center; gap:8px; margin:0; font-size:12.5px; color:var(--ink-2); line-height:1.4; }
.ck .ck-oterm__r > .lucide{ width:15px; height:15px; flex:none; color:var(--ink-3); }
.ck-oterm__r b{ color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums; }
.ck-oterm__r.is-ok, .ck-oterm__r.is-ok b, .ck .ck-oterm__r.is-ok > .lucide{ color:var(--green-ink); }
.ck-oterm__f{ align-items:flex-end; }
.ck-oterm__due{ margin:0; min-height:40px; display:flex; flex-direction:column; justify-content:center; font-size:13px; color:var(--ink-2); }
.ck-oterm__due b{ color:var(--ink); font-weight:600; }
.ck-oterm__due small{ font-size:11.5px; color:var(--ink-3); }
.ck-odep{ align-items:center !important; }
.ck-odep > span{ flex:1; min-width:0; }
.ck .ck-odep .ck-addbtn{ flex:none; background:color-mix(in srgb, var(--card) 72%, transparent); color:var(--tk-7c5a0b); }
.ck .ck-odep .ck-addbtn:hover{ background:var(--card); }
@media (max-width:767px){ .ck-odep{ flex-wrap:wrap; row-gap:8px; } .ck-odep > span{ flex-basis:calc(100% - 28px); } .ck .ck-odep .ck-addbtn{ margin-left:28px; } }
.ck-ototal__r{ display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right; }
.ck-ototal__r small[hidden]{ display:none; }
/* курс: підсумок у модалці, історія */
.ck-modal .ck-group.ck-rtres{ align-items:center; gap:4px; text-align:center; }
.ck-rtres > span{ font-size:12.5px; color:var(--ink-3); }
.ck-rtres > b{ font-size:22px; font-weight:700; font-variant-numeric:tabular-nums; }
.ck-rtres > small{ font-size:12.5px; color:var(--ink-2); }
.ck-rth .ck-row__t b{ display:flex; align-items:center; gap:8px; font-variant-numeric:tabular-nums; }
.ck-rth__d{ display:inline-flex; align-items:center; height:20px; padding:0 7px; border-radius:6px; font-style:normal; font-size:11.5px; font-weight:600; background:var(--bk-ecedf0); color:var(--ink-2); }
.ck-rth__d.is-up{ background:var(--amber-soft); color:var(--amber-ink); }
.ck-rth__d.is-down{ background:var(--green-soft); color:var(--green-ink); }
.ck-group[hidden], .ck-field[hidden], .ck-krow[hidden]{ display:none !important; }   /* UI-316: прихований блок чи поле форми не показуємо — display:flex не перебиває hidden */
.ck-form > :not(.ck-group):not([hidden]):has(> .ck-group){ display:flex; flex-direction:column; gap:inherit; }   /* UI-317: обгортка з кількох білих блоків (напр. «Автоматично» в курсі) — той самий проміжок між блоками, що й у формі */
/* UI-318: стан у рядку панелі клієнта («своя», «за міткою», «вручну») — сірий бейдж, не голий сірий текст; «Оплатити до» — дата з ⓘ-підказкою */
.ck-irow__v .ck-irow__chip{ flex:none; height:22px; padding:0 8px; font-size:11.5px; }
.ck-oterm__due > small{ font-size:12px; color:var(--ink-3); }
.ck-oterm__due > b{ display:flex; align-items:center; gap:6px; font-size:14px; }
.ck .ck-oterm__i{ width:26px; height:26px; background:var(--fill) !important; color:var(--ink-2); cursor:help; }   /* UI-319: значок ⓘ — сіра кнопка (UI-90), підказка одразу */
/* UI-319: «Радимо» задаток — причини бурштиновими бейджами (переносяться, текст з «…»); етап у панелі — бейдж як у списку */
.ck-irow__v:has(> .ck-chip--amber.ck-irow__chip){ flex-wrap:wrap; row-gap:6px; }
.ck-irow__v > .ck-irow__chip{ max-width:100%; min-width:0; }
.ck-irow__v > .ck-dg.ck-irow__chip{ height:22px; }
/* ===== UI-320 · гроші: значок валюти в аналітиці, «не звірено» бурштиновим ===== */
.ck-ancur{ display:inline-grid; place-items:center; width:22px; height:22px; flex:none; border-radius:6px; background:var(--fill); color:var(--ink-2); font-size:12px; font-weight:700; }
.ck-anover.is-amber{ background:var(--amber-soft); color:var(--amber-ink); }
.ck-anh__l .ck-anq__ic{ width:22px; height:22px; border-radius:6px; }
.ck .ck-anh__l .ck-anq__ic > .lucide{ width:13px; height:13px; }
@media (max-width:767px){ .ck-oblk__hd [data-pay-req]{ width:26px; padding:0; justify-content:center; } .ck-oblk__hd [data-pay-req] > span{ display:none; } }   /* UI-320: на телефоні «Реквізити» — значком з підказкою, щоб «+ Оплата» не вилазила за край */
.ck-feed.ck-ordv{ overflow-x:hidden; }   /* UI-320: картка замовлення / товару гортається лише вертикально — на телефоні не з'їжджає вбік на 2 px */
/* UI-321: борг у панелі — сума звичайним текстом кольору стану + бейдж дати (прострочено — червоний, до дати — бурштиновий); скелетон «Грошей» — без значків валют */
.ck-irow__debts .ck-irow__debt{ display:flex; align-items:center; gap:6px; min-width:0; font-weight:600; }
.ck-irow__debts .ck-irow__debt > .ck-irow__txt{ color:inherit; }
.ck-an__bd.is-sk .ck-ancur{ visibility:hidden; }
/* UI-322: смуга оплати — лише коли щось сплачено; при 0 порожня доріжка виглядала як зайва лінія */

/* UI-325: «Чиї клієнти» — смужка над списком, коли вибрано не «за замовчуванням»; «Допомогти» — бірюзовий бейдж */
.ck-whobar{ display:flex; align-items:center; gap:10px; margin:0 16px 8px; padding:6px 6px 6px 8px; border-radius:12px; background:var(--bk-eef4ff); flex:none; }
.ck-whobar > .ck-ava, .ck-whobar > .ck-avw{ width:28px; height:28px; font-size:11px; flex:none; }
.ck-whobar__ic{ width:28px; height:28px; border-radius:8px; display:grid; place-items:center; flex:none; background:var(--bk-ffffff); color:var(--accent-2); }
.ck .ck-whobar__ic .lucide{ width:16px; height:16px; }
.ck-whobar__t{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.ck-whobar__t b{ font-size:13px; font-weight:600; color:var(--accent-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-whobar__t small{ font-size:11.5px; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ck-whobar button{ height:32px; padding:0 12px; border-radius:8px; background:var(--bk-ffffff); color:var(--ink); font-weight:500; font-size:12.5px; flex:none; }
.ck-whobar button:hover{ background:var(--bk-f5f7fb); }
.ck-whobar--an{ margin:0; }
.ck-cb--teal{ background:var(--bk-ccfbf1); color:var(--tk-0f766e); font-weight:600; }
.ck-whocard{ font-size:12.5px; line-height:1.4; color:var(--ink-2); }
.ck .ck-menu__card > .lucide{ flex:none; width:18px; height:18px; color:var(--tk-0f766e); }
.ck-menu:has(.ck-whocard){ max-width:340px; }
.ck-whocard{ flex:1; min-width:0; }
.ck-msheet__g.ck-menu__card:has(.ck-whocard){ flex-direction:row; align-items:center; gap:12px; padding:12px 14px; text-align:left; }
.ck-seg > button:disabled, .ck-seg > button[aria-disabled="true"]{ opacity:.4; cursor:not-allowed; }   /* UI-325: неактивний варіант перемикача — блідий, з підказкою чому */
.ck-ava.ck-ava--ic{ display:grid; place-items:center; background:var(--fill); color:var(--ink-2); flex:none; }
.ck .ck-ava--ic .lucide{ width:58%; height:58%; }
/* UI-326: список людей у нижній модалці (пункти з аватаром: «Чиї клієнти», менеджери, клієнти) — рядки від краю до краю білого блоку з лінією між ними,
   як списки вибору (UI-263). Випадні меню й меню дій — без ліній */
.ck-msheet__g:not(.ck-menu__card):has(> .ck-msheet__i .ck-ava){ padding:0; overflow:hidden; }
.ck-msheet__g:has(> .ck-msheet__i .ck-ava) > .ck-msheet__i{ border-radius:0; padding-left:16px; padding-right:16px; }
.ck-msheet__g:has(> .ck-msheet__i .ck-ava) > .ck-msheet__i + .ck-msheet__i{ border-top:1px solid var(--line-2); }
/* UI-327: жовта плашка-підказка — без значка (примітки в модалках, у налаштуваннях, над полем вводу, у картках); кнопка в ній — чорна на всю ширину під текстом */
.ck .ck-wznote > .lucide, .ck .ck-sxwarn > .lucide, .ck .ck-compose__warn > .lucide, .ck .ck-dup > .lucide{ display:none; }
.ck-wznote:has(> .ck-btn), .ck-modal .ck-group.ck-wznote:has(> .ck-btn), .ck-dup, .ck-spamnote{ flex-direction:column !important; align-items:stretch !important; flex-wrap:nowrap !important; gap:10px; }
.ck-wznote:has(> .ck-btn) > span, .ck-dup > span, .ck-spamnote > span{ flex:none !important; min-width:0 !important; margin:0 !important; }
.ck .ck-wznote > .ck-btn, .ck .ck-dup > .ck-btn, .ck .ck-spamnote > .ck-btn{ width:100%; height:40px; margin:0 !important; justify-content:center; }

/* UI-329: Binotel у «Новому дзвінку» — не підключено: рядок без вибору, праворуч «Підключити» */
.ck-wzo.ck-wzo--na{ cursor:default; }
.ck-wzo.ck-wzo--na:hover{ background:transparent; }
.ck-wzo--na > .ck-sxbtn{ flex:none; margin-left:auto; }
.ck .ck-ava__t > .lucide{ width:56%; height:56%; stroke-width:2; }   /* UI-329: клієнт лише з номером — силует */
/* UI-329: сірий бейдж на сірій картці («Немає в базі» в «Новому дзвінку») — темніший, щоб фон бейджа було видно */
.ck-dlres__row .ck-chip--gray{ background:var(--bk-e4e6eb); }