/* 1.4.11 (S49-153) Noya Kid — two popups with two looks: CHAT = purple, bubbles, corner; TICKET = orange, numbered form card. */
.kd-fab{position:fixed;left:18px;bottom:calc(18px + var(--kd-lift,0px));z-index:99990;width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(140deg,#8B5CF6,#6D28D9);color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px -8px rgba(109,40,217,.65);transition:transform .18s ease,box-shadow .18s ease}
.kd-fab:hover{transform:translateY(-2px) scale(1.04)}.kd-fab svg{width:27px;height:27px;fill:currentColor}
.kd-fab i{position:absolute;top:5px;right:5px;width:12px;height:12px;border-radius:50%;background:#22C55E;border:2px solid #fff}.kd-fab.is-away i{background:#F59E0B}
.kd-fab[hidden]{display:none}
.kd-pop{position:fixed;z-index:99995;font-family:inherit;direction:rtl;text-align:right;color:#1F2430;-webkit-font-smoothing:antialiased}
.kd-pop *,.kd-pop *:before,.kd-pop *:after{box-sizing:border-box}
.kd-pop[hidden]{display:none}
.kd-pop button{font-family:inherit}
.kd-x{border:0;background:rgba(255,255,255,.18);color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:none}.kd-x:hover{background:rgba(255,255,255,.3)}.kd-x svg{width:18px;height:18px;fill:currentColor}
.kd-veil{position:fixed;inset:0;background:rgba(17,24,39,.38);z-index:99996;opacity:0;transition:opacity .2s}.kd-veil.on{opacity:1}.kd-veil[hidden]{display:none}

/* ---------------- CHAT (purple) ---------------- */
.kd-chat{left:18px;bottom:88px;width:370px;height:min(600px,calc(100vh - 110px));background:#fff;border-radius:22px;box-shadow:0 24px 60px -18px rgba(76,29,149,.45),0 0 0 1px rgba(124,58,237,.10);display:flex;flex-direction:column;overflow:hidden;transform:translateY(14px) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease}
.kd-chat.on{transform:none;opacity:1}
.kd-ch-h{display:flex;align-items:center;gap:10px;padding:14px 14px 14px 12px;background:linear-gradient(135deg,#7C3AED,#6D28D9);color:#fff}
.kd-av{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-weight:800;font-size:15px;position:relative;flex:none}.kd-av:after{content:"";position:absolute;bottom:1px;left:1px;width:10px;height:10px;border-radius:50%;background:#22C55E;border:2px solid #6D28D9}.kd-chat.is-away .kd-av:after{background:#F59E0B}
.kd-ch-t{flex:1;min-width:0}.kd-ch-t b{display:block;font-size:15px}.kd-ch-t small{display:block;font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-ch-b{flex:1;overflow-y:auto;padding:14px 14px 6px;background:#FAF8FF;scroll-behavior:smooth}
.kd-msg{max-width:84%;padding:9px 12px;border-radius:16px;margin:0 0 8px;font-size:14px;line-height:1.75;white-space:pre-wrap;word-wrap:break-word;animation:kdin .18s ease}
@keyframes kdin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.kd-msg.me{margin-right:auto;margin-left:0;background:#7C3AED;color:#fff;border-bottom-left-radius:5px}
.kd-msg.them{margin-left:auto;background:#fff;border:1px solid #EDE9FE;border-bottom-right-radius:5px}
.kd-msg small{display:block;font-size:10.5px;opacity:.65;margin-top:2px}.kd-msg.is-pending{opacity:.6}.kd-msg.is-failed{background:#FEE2E2;color:#991B1B}
.kd-msg a{color:inherit;text-decoration:underline}
.kd-sys{text-align:center;font-size:12px;color:#7C6F9C;margin:6px 0 10px}
.kd-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.kd-chip{border:1px solid #DDD6FE;background:#fff;color:#5B21B6;border-radius:99px;padding:7px 12px;font-size:13px;cursor:pointer;transition:background .15s}.kd-chip:hover{background:#F3EEFF}
.kd-card{background:#fff;border:1px solid #FED7AA;border-radius:16px;padding:12px;margin:2px 0 10px;box-shadow:0 6px 16px -10px rgba(234,88,12,.4)}
.kd-card p{margin:0 0 8px;font-size:13.5px;line-height:1.7}.kd-card .kd-row{display:flex;flex-wrap:wrap;gap:6px}
.kd-tkbtn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;background:#FFF1E8;color:#C2410C}.kd-tkbtn:hover{background:#FFE4D1}.kd-tkbtn svg{width:16px;height:16px;fill:currentColor}
.kd-lnk{border:0;background:none;color:#6D28D9;font-size:12.5px;cursor:pointer;text-decoration:underline;padding:4px}
.kd-ch-f{border-top:1px solid #EEEAF8;padding:10px;background:#fff;display:flex;gap:8px;align-items:flex-end}
.kd-ch-f textarea{flex:1;resize:none;border:1px solid #E5E0F5;border-radius:16px;padding:10px 12px;font:inherit;font-size:14px;max-height:120px;min-height:44px;outline:0;background:#FBFAFF}.kd-ch-f textarea:focus{border-color:#A78BFA;background:#fff}
.kd-send{width:44px;height:44px;border-radius:50%;border:0;background:#7C3AED;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.kd-send svg{width:20px;height:20px;fill:currentColor;transform:scaleX(-1)}.kd-send:disabled{opacity:.45}
.kd-intro{padding:6px 2px}.kd-intro h4{margin:2px 0 4px;font-size:16px}.kd-intro p{margin:0 0 12px;font-size:13px;color:#6B7280;line-height:1.7}
.kd-f{display:block;margin:0 0 10px}.kd-f span{display:block;font-size:12.5px;font-weight:700;margin:0 0 5px;color:#374151}
.kd-f input,.kd-f select,.kd-f textarea{width:100%;border:1px solid #E5E7EB;border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;background:#fff;outline:0;color:#1F2430}.kd-f input:focus,.kd-f select:focus,.kd-f textarea:focus{border-color:#A78BFA}
.kd-tk .kd-f input:focus,.kd-tk .kd-f select:focus,.kd-tk .kd-f textarea:focus{border-color:#FB923C}
.kd-go{width:100%;border:0;border-radius:14px;padding:12px;font-size:15px;font-weight:800;cursor:pointer;background:#7C3AED;color:#fff}.kd-go:disabled{opacity:.5}
.kd-err{color:#B91C1C;font-size:12.5px;margin:0 0 8px}.kd-err:empty{display:none}
.kd-fine{font-size:11.5px;color:#9CA3AF;margin:8px 0 0;line-height:1.6}.kd-fine a{color:inherit}
.kd-closed{background:#F3F4F6;border-radius:14px;padding:10px;text-align:center;font-size:13px;color:#4B5563;margin:6px 0}
.kd-tkline{padding:6px 12px 10px;background:#fff;text-align:center}.kd-tkline button{border:0;background:none;color:#C2410C;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.kd-tkline svg{width:15px;height:15px;fill:currentColor}

/* ---------------- TICKET (orange) ---------------- */
.kd-tk{z-index:99997;left:50%;top:50%;width:min(520px,calc(100vw - 24px));max-height:min(720px,calc(100vh - 32px));transform:translate(-50%,-48%) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease;background:#fff;border-radius:20px;box-shadow:0 30px 70px -20px rgba(154,52,18,.45);display:flex;flex-direction:column;overflow:hidden;border-top:5px solid #EA580C}
.kd-tk.on{transform:translate(-50%,-50%);opacity:1}
.kd-tk-h{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#FFF7F1;border-bottom:1px dashed #FED7AA}
.kd-tk-ic{width:40px;height:40px;border-radius:12px;background:#EA580C;color:#fff;display:grid;place-items:center;flex:none}.kd-tk-ic svg{width:22px;height:22px;fill:currentColor}
.kd-tk-h b{display:block;font-size:15.5px;color:#7C2D12}.kd-tk-h small{display:block;font-size:12px;color:#9A3412;opacity:.85}
.kd-tk-h .kd-x{background:#FFE4D1;color:#9A3412}.kd-tk-h .kd-x:hover{background:#FED7AA}
.kd-steps{display:flex;gap:6px;margin-right:auto;margin-left:6px}.kd-steps i{width:22px;height:6px;border-radius:9px;background:#FED7AA}.kd-steps i.on{background:#EA580C}
.kd-tk-b{padding:16px;overflow-y:auto;flex:1}
.kd-kinds{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kd-kind{border:1.5px solid #F3E8E0;background:#fff;border-radius:16px;padding:14px 12px;text-align:right;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,transform .15s}.kd-kind:hover{border-color:#FB923C;transform:translateY(-1px)}
.kd-kind em{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff}.kd-kind em svg{width:20px;height:20px;fill:currentColor}
.kd-kind b{font-size:14.5px}.kd-kind small{font-size:12px;color:#6B7280;line-height:1.6}
.kd-pick{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.kd-pick button{border:1px solid #F3E8E0;background:#fff;border-radius:99px;padding:7px 12px;font-size:13px;cursor:pointer;color:#374151}.kd-pick button.on{border-color:#EA580C;background:#FFF1E8;color:#C2410C;font-weight:700}
.kd-note{background:#FFFBEB;border:1px solid #FDE68A;color:#92400E;border-radius:12px;padding:9px 12px;font-size:12.5px;line-height:1.7;margin:0 0 12px}
.kd-photo{display:flex;align-items:center;gap:10px;border:1.5px dashed #FDBA74;border-radius:14px;padding:10px 12px;cursor:pointer;color:#9A3412;font-size:13px;margin:0 0 12px;background:#FFFAF6}.kd-photo svg{width:20px;height:20px;fill:currentColor}.kd-photo input{display:none}.kd-photo img{width:44px;height:44px;border-radius:10px;object-fit:cover;margin-right:auto}
.kd-tk-f{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #F5EDE6;background:#fff}
.kd-tk .kd-go{background:#EA580C}.kd-back{border:1px solid #E5E7EB;background:#fff;border-radius:14px;padding:12px 16px;font-size:14px;cursor:pointer;color:#374151}
.kd-ok{text-align:center;padding:18px 6px}.kd-ok em{width:64px;height:64px;border-radius:50%;background:#DCFCE7;color:#15803D;display:grid;place-items:center;margin:0 auto 12px}.kd-ok em svg{width:34px;height:34px;fill:currentColor}
.kd-ok b{display:block;font-size:17px;margin-bottom:6px}.kd-ok p{font-size:13.5px;color:#4B5563;line-height:1.8;margin:0 0 6px}.kd-ok .kd-no{display:inline-block;font-size:15px;font-weight:800;background:#FFF1E8;color:#C2410C;border-radius:10px;padding:4px 12px;margin:4px 0 10px;direction:ltr}
.kd-load{display:flex;justify-content:center;padding:30px}.kd-load i{width:26px;height:26px;border-radius:50%;border:3px solid #FED7AA;border-top-color:#EA580C;animation:kdsp 1s linear infinite}.kd-chat .kd-load i{border-color:#DDD6FE;border-top-color:#7C3AED}@keyframes kdsp{to{transform:rotate(360deg)}}

@media (max-width:560px){
  .kd-chat{left:0;right:0;bottom:0;width:auto;height:min(86vh,680px);border-radius:22px 22px 0 0}
  .kd-tk{left:0;right:0;top:auto;bottom:0;width:auto;max-height:90vh;border-radius:20px 20px 0 0;transform:translateY(16px);}
  .kd-tk.on{transform:none}
  .kd-fab{left:14px;bottom:calc(14px + var(--kd-lift,0px));width:54px;height:54px}
}
@media (prefers-reduced-motion:reduce){.kd-chat,.kd-tk,.kd-msg,.kd-fab{transition:none;animation:none}}