/* ═══════════════════════════════════════
   chatbot-modals.css — Winair
═══════════════════════════════════════ */

#table-modal {
  position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;
}
.table-overlay { position:absolute; width:100%; height:100%; background:rgba(0,0,0,.6); }
.table-container {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:80%; max-height:80%; background:#fff; border-radius:10px;
  padding:16px; overflow:auto;
}
.table-content table { width:100%; border-collapse:collapse; }
.table-content th,
.table-content td    { padding:8px; border:1px solid var(--wa-border); text-align:left; }
.table-close {
  position:absolute; top:10px; right:12px;
  border:none; background:var(--wa-navy); color:#fff;
  font-size:16px; cursor:pointer; padding:4px 10px; border-radius:6px;
}
.table-wrapper     { position:relative; margin-top:6px; }
.table-expand-btn  {
  position:absolute; top:-10px; right:0;
  background:var(--wa-navy); color:#fff; border:none;
  font-size:12px; padding:4px 8px; border-radius:6px; cursor:pointer;
}

#feedback-modal {
  position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000;
  display:flex; align-items:center; justify-content:center;
}
.fb-overlay  { position:absolute; width:100%; height:100%; background:rgba(0,0,0,.45); }
.fb-box {
  position:relative; background:#fff; border-radius:14px;
  padding:24px; width:320px; box-shadow:0 20px 60px rgba(0,0,0,.2);
  z-index:1; animation:fbPop .25s cubic-bezier(.34,1.56,.64,1);
}
@keyframes fbPop { from{opacity:0;transform:scale(.88)} to{opacity:1;transform:scale(1)} }
.fb-box h3 { font-size:15px; font-weight:700; color:var(--wa-navy); margin:0 0 4px; }
.fb-box p  { font-size:12px; color:#888; margin:0 0 14px; }

.fb-emoji-row { display:flex; justify-content:center; gap:10px; margin-bottom:14px; }
.fb-emoji {
  font-size:22px; cursor:pointer; padding:6px 10px;
  border-radius:10px; border:2px solid transparent;
  transition:all .15s; background:#F5F5F5;
}
.fb-emoji:hover,
.fb-emoji.fb-em-active { background:#FFE8E8; border-color:var(--wa-red); transform:scale(1.15); }

.fb-textarea {
  width:100%; border:1.5px solid var(--wa-border); border-radius:8px;
  padding:9px 12px; font-size:12px; font-family:var(--font-body);
  resize:none; outline:none; color:var(--wa-text); transition:border-color .15s; box-sizing:border-box;
}
.fb-textarea:focus { border-color:var(--wa-red); }

.fb-actions  { display:flex; justify-content:flex-end; gap:8px; margin-top:12px; }
.fb-cancel {
  background:#F0F0F0; border:none; color:#888; padding:7px 16px;
  border-radius:6px; font-size:12px; cursor:pointer; font-weight:600; transition:background .15s;
}
.fb-cancel:hover { background:#E4E4E4; }
.fb-submit {
  background:var(--wa-red); border:none; color:#fff; padding:7px 18px;
  border-radius:6px; font-size:12px; font-weight:700; cursor:pointer; transition:background .15s;
}
.fb-submit:hover { background:var(--wa-red-dark); }

.fb-close { position:absolute; top:12px; right:14px; background:none; border:none; font-size:16px; cursor:pointer; color:#aaa; }
.fb-close:hover { color:var(--wa-red); }

.fb-thankyou { text-align:center; padding:10px 0 4px; }
.fb-thankyou .fb-ty-icon { font-size:36px; margin-bottom:8px; }
.fb-thankyou h3 { font-size:15px; font-weight:700; color:var(--wa-navy); margin:0 0 4px; }
.fb-thankyou p  { font-size:12px; color:#888; margin:0; }