:root{
  --ba-blue:#003b71;
  --ba-green:#00a99d;
  --ba-yellow:#f9b000;
  --ba-text:#172033;
  --ba-muted:#64748b;
  --ba-border:#dce6ef;
  --ba-soft:#f5f9fc;
  --ba-shadow:0 20px 60px rgba(0,35,70,.24);
}
#barkod-assistant-root *{box-sizing:border-box;font-family:Inter,Arial,sans-serif}
.ba-mobile-dock{display:none}.ba-chat-panel{display:none}
@media(max-width:1024px){
  body{padding-bottom:82px}
  .mobile-whatsapp{display:none!important}
  .ba-mobile-dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:999998;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ba-dock-btn{min-height:56px;border:0;border-radius:18px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:900;box-shadow:0 14px 38px rgba(0,45,80,.20);cursor:pointer;color:#fff;letter-spacing:.1px}
  .ba-dock-btn span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.20);font-size:17px}
  .ba-dock-assistant{background:linear-gradient(135deg,var(--ba-blue),var(--ba-green));animation:baShake 2.2s infinite}
  .ba-dock-whatsapp{background:linear-gradient(135deg,#10b981,#087b55)}
  @keyframes baShake{0%,78%,100%{transform:translateX(0)}82%{transform:translateX(-2px) rotate(-1deg)}86%{transform:translateX(2px) rotate(1deg)}90%{transform:translateX(-2px) rotate(-1deg)}94%{transform:translateX(2px) rotate(1deg)}}
  .ba-dock-assistant:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:var(--ba-yellow);margin-left:124px;margin-top:-38px;box-shadow:0 0 0 0 rgba(249,176,0,.65);animation:baPulse 1.6s infinite}
  @keyframes baPulse{70%{box-shadow:0 0 0 12px rgba(249,176,0,0)}100%{box-shadow:0 0 0 0 rgba(249,176,0,0)}}
  .ba-chat-panel{position:fixed;left:10px;right:10px;bottom:82px;z-index:999999;max-height:calc(100vh - 104px);display:none;border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--ba-shadow);border:1px solid rgba(220,230,239,.95);color:var(--ba-text)}
  .ba-chat-panel.ba-open{display:block;animation:baUp .22s ease-out}
  @keyframes baUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
  .ba-chat-head{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#003b71,#00a99d);color:#fff;padding:14px 14px}
  .ba-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:21px;flex:0 0 auto}
  .ba-chat-head strong{display:block;font-size:16px;font-weight:950;line-height:1.1}.ba-chat-head small{display:block;font-size:12px;opacity:.9;margin-top:3px}.ba-close{margin-left:auto;width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.15);color:#fff;font-size:22px;cursor:pointer;line-height:1}
  .ba-chat-body{padding:14px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);max-height:calc(100vh - 178px);overflow:auto}.ba-progress{height:7px;border-radius:99px;background:#e5edf5;overflow:hidden;margin-bottom:13px}.ba-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--ba-green),var(--ba-yellow));transition:.25s;border-radius:99px}
  .ba-msg{display:flex;margin:9px 0}.ba-msg.ba-bot{justify-content:flex-start}.ba-msg.ba-user{justify-content:flex-end}.ba-bubble{max-width:86%;border-radius:20px;padding:12px 14px;box-shadow:0 8px 20px rgba(0,35,70,.07);line-height:1.45}.ba-bot .ba-bubble{background:#fff;border:1px solid var(--ba-border);border-top-left-radius:8px}.ba-user .ba-bubble{background:linear-gradient(135deg,#e7f7f4,#f0fbfa);border:1px solid #bce9e2;border-top-right-radius:8px;font-weight:800;color:#0f504d}.ba-step-count{font-size:11px;font-weight:900;letter-spacing:.35px;text-transform:uppercase;color:var(--ba-green);display:block;margin-bottom:5px}.ba-bubble h3{font-size:17px;line-height:1.25;margin:0 0 7px;font-weight:950;color:var(--ba-text)}.ba-bubble p{font-size:13px;line-height:1.45;margin:0;color:var(--ba-muted)}
  .ba-option-wrap{display:grid;gap:8px;margin-top:12px}.ba-chip{width:100%;text-align:left;border:1px solid var(--ba-border);background:#fff;border-radius:16px;padding:13px 14px;font-size:14px;font-weight:900;color:var(--ba-text);cursor:pointer;box-shadow:0 7px 18px rgba(0,35,70,.05)}.ba-chip:active{transform:scale(.99)}.ba-input-form{display:flex;gap:8px;margin-top:12px}.ba-input{flex:1;border:1px solid var(--ba-border);border-radius:15px;padding:13px 12px;font-size:14px;outline:none;background:#fff}.ba-input:focus{border-color:var(--ba-green);box-shadow:0 0 0 4px rgba(0,169,157,.12)}.ba-send{border:0;border-radius:15px;background:linear-gradient(135deg,var(--ba-blue),var(--ba-green));color:#fff;font-weight:950;padding:0 15px;cursor:pointer}
  .ba-chat-actions{display:flex;gap:10px;margin-top:12px}.ba-link-btn{border:0;background:#eaf2f8;color:#24405d;font-weight:900;border-radius:14px;padding:10px 12px;cursor:pointer}.ba-summary-card{background:#fff;border:1px solid var(--ba-border);border-radius:18px;margin:12px 0;padding:12px;display:grid;gap:8px}.ba-summary-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #dbe7ef;padding-bottom:8px}.ba-summary-row:last-child{border-bottom:0;padding-bottom:0}.ba-summary-row span{font-size:12px;color:var(--ba-muted);font-weight:800}.ba-summary-row strong{font-size:12px;color:var(--ba-text);text-align:right}.ba-whatsapp-send{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-decoration:none;border-radius:16px;background:linear-gradient(135deg,#10b981,#087b55);color:#fff;font-weight:950;padding:14px 12px;box-shadow:0 12px 28px rgba(16,185,129,.24)}
}

/* barkodbasvurusu.com entegrasyon: mobilde Barkod Asistanı sol alanda, mevcut telefon/WhatsApp sağ alanda kalsın */
@media(max-width:1024px){
  .ba-mobile-dock{left:12px;right:auto;bottom:12px;width:32%;grid-template-columns:1fr;z-index:999998}
  .ba-dock-whatsapp{display:none!important}
  .ba-dock-btn{min-height:48px;border-radius:16px;font-size:12px;padding:8px 7px;line-height:1.1}
  .ba-dock-btn span{width:24px;height:24px;font-size:15px}
  .ba-dock-assistant:after{margin-left:96px;margin-top:-34px}
  .ba-chat-panel{bottom:76px}
}