/* Shared */
.kna-wrap { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.kna-dot { width:10px; height:10px; border-radius:50%; background:#01ff98; }

/* Widget root positioning */
#kna-faq-chat-widget-root.kna-widget-root {
  position: fixed;
  right: 18px;
  bottom: 7%;
  z-index: 999999;
}

/* Launcher */
.kna-launcher {
  display:flex; 
  align-items:center; 
  gap:10px;
  width: 175px;
  border:0; cursor:pointer;
  padding: 12px 14px;
  border-radius: 999px;
  background:#111; color:#fff;
  font-weight:800;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  font-family: 'Yanone';
  font-size: 1em;
}
.kna-launcher:hover { background:#000; }

/* Panel */
.kna-panel {
  width: 380px;
  max-width: calc(100vw - 36px);
  height: 600px;
  max-height: calc(100vh - 110px);
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:16px;
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
  overflow:hidden;
  display:none;
  margin-bottom: 10px;
}

/* Widget open behaviour */
#kna-faq-chat-widget-root.kna-open .kna-panel { display:block; }

/* Embedded: always visible */
.kna-panel--embedded { display:block; width:100%; height: 620px; max-height:none; box-shadow: 0 12px 40px rgba(0,0,0,.10); }

/* Header/body */
.kna-head {
  background:#0b0b0b; color:#fff;
  padding:14px 14px 12px;
  display:flex; justify-content:space-between; align-items:flex-start;
}
.kna-title { font-size:15px; font-weight:900; }
.kna-sub { font-size:11px; opacity:.85; margin-top:4px; }

.kna-close {
  background:transparent; border:0; color:#fff;
  cursor:pointer; font-size:18px; line-height:18px;
  padding:6px 8px; border-radius:10px;
}
.kna-close:hover { background:rgba(255,255,255,.08); }
.kna-footer button.kna-btn {
  padding: 2%;
  font-size: 0.9em;
  border: 0; text-decoration: underline;
}
.kna-body {
  padding: 10px 14px 0;
  height: calc(100% - 62px);
  display:flex; flex-direction:column;
}
.kna-breadcrumb { font-size: 11px; color:#666; min-height:16px; margin-bottom:8px;font-family: 'Yanone'; }

.kna-card {
  border:1px solid #eee;
  border-radius:14px;
  padding:12px;
  overflow:auto;
  flex: 1;
}
.kna-q {  font-weight: 900; margin: 4px 0 5px;font-family: 'Penta'; font-size: 1.5em; line-height: 22px; }
.kna-a { font-size: 13px; line-height: 1.55; color:#222; font-size: 0.9em;
  line-height: 21px;
  font-family: 'Yanone';}
.kna-a p { margin: 0 0 10px; }

.kna-note {
  border-left: 4px solid #01ff98;
  padding: 10px 12px;
  margin: 10px 0;
  font-family: 'Yanone';
  font-size: 1em;
  line-height: 20px;
  text-align: center;
}

.kna-link { color:#111; font-weight:900; text-decoration:underline; }

.kna-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; flex-direction: column; }

.kna-btn {
  border:1px solid #ddd;
  background:#fff; color:#111;
  padding: 10px 13px;
  line-height: 16px;
  border-radius:12px;
  cursor:pointer;
  font-weight:800;
  font-size:1.1em;
  font-family: 'Yanone';
}
.kna-btn:hover { background:#f3f3f3; }

.kna-primary { background:#01ff98; color:#111; border: 0;  }
.kna-primary:hover { background:#000; color:#fff; }

.kna-footer { display:flex; gap:8px; padding:10px 0 12px; flex-wrap:wrap; justify-content: space-between; }

.kna-form { display:grid; gap:8px; margin-top:8px; }
.kna-form label { font-size:11px; color:#333; font-weight:900; }
.kna-form input, .kna-form textarea { width:100%; border:1px solid #ddd; border-radius:12px; padding:10px 10px; font-size:13px; }

.kna-small { font-size:11px; color:#666; margin-top:2px; }

.kna-send-status { margin-top:10px; padding:10px 12px; border-radius:12px; font-size:12.5px; }
.kna-ok { background:#f0fdf4; border:1px solid #86efac; color:#14532d; }
.kna-bad { background:#fff5f5; border:1px solid #fecaca; color:#7f1d1d; }

textarea#kna_message {
  height: 150px;
}
.kna-select{
  width:100%;
  border:1px solid #ddd;
  border-radius:12px;
  padding:10px 10px;
  font-size:13px;
  font-weight:800;
  background:#fff;
}

input#kna_track_pc, #kna_track_order {
  text-transform: uppercase;
  font-size: 1.3em;
  font-family: 'Yanone' !important;
}

/* ✅ BBT Tracking Result Area - Allow BBT styles to work */
#kna_track_result {
  margin-top: 12px;
}

/* Don't interfere with BBT's own styles */
#kna_track_result * {
  font-family: inherit;
}

/* Make sure BBT buttons work */
#kna_track_result button,
#kna_track_result .bbt-fallback-btn,
#kna_track_result .bbt-global-btn {
  all: revert; /* Allow BBT's button styles */
}

/* Ensure BBT tables display correctly */
#kna_track_result table {
  width: 100%;
  border-collapse: collapse;
}

#kna_track_result .bbt-result-table {
  display: block !important;
  width: 100% !important;
}

/* Mobile responsive */
@media (max-width: 420px) {
  .kna-panel { width: calc(100vw - 36px); height: 88vh; }
  .kna-panel--embedded { height: 70vh; }
}



.kna-actions.kna_actions button.kna-btn {
	    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 10px 4px;
    margin: 1%;
    border: 1px solid #f1f1f1;
    font-weight: 300;
    font-size: 1.1em;
	text-align: left;
}
	
.kna-q {
	color: black;
}
.kna-note {
	padding: 0;
}
.kna-card {
	padding: 1%;
	border: 0;
}