/* ═══════════════════════════════════════
   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(10,15,30,.6); backdrop-filter:blur(3px); }
.table-container {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:80%; max-height:80%; background:#fff; border-radius:14px;
  padding:18px; overflow:auto; box-shadow:0 24px 70px rgba(15,25,55,.3);
  animation: fbPop .28s var(--wa-ease-bounce);
}
.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-content th    { background:linear-gradient(180deg,#f7f7f7,#f0f0f0); font-weight:700; }
.table-close {
  position:absolute; top:10px; right:12px;
  border:none; background:var(--wa-grad-navy); color:#fff;
  font-size:16px; cursor:pointer; padding:5px 11px; border-radius:8px;
  transition: box-shadow .2s, transform .2s;
}
.table-close:hover { box-shadow:var(--wa-glow-navy); transform:scale(1.06); }
.table-wrapper     { position:relative; margin-top:6px; }
.table-expand-btn  {
  position:absolute; top:-10px; right:0;
  background:var(--wa-grad-navy); color:#fff; border:none;
  font-size:12px; padding:5px 9px; border-radius:7px; cursor:pointer;
  transition:box-shadow .2s, transform .2s;
}
.table-expand-btn:hover { box-shadow:var(--wa-glow-navy); transform:translateY(-1px); }

#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(10,15,30,.5); backdrop-filter:blur(3px); }
.fb-box {
  position:relative; background:#fff; border-radius:18px;
  padding:26px; width:340px; box-shadow:0 28px 76px rgba(15,25,55,.32);
  z-index:1; animation:fbPop .3s var(--wa-ease-bounce);
  border-top:3px solid transparent;
  background-image: linear-gradient(#fff,#fff), var(--wa-grad-brand);
  background-origin: border-box; background-clip: padding-box, border-box;
}
@keyframes fbPop { from{opacity:0;transform:scale(.86) translateY(8px)} to{opacity:1;transform:scale(1) translateY(0)} }
.fb-box h3 { font-size:15.5px; font-weight:800; 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:7px 11px;
  border-radius:12px; border:2px solid transparent;
  transition:all .22s var(--wa-ease-bounce); background:#F5F5F5;
}
.fb-emoji:hover,
.fb-emoji.fb-em-active { background:var(--wa-grad-soft); border-color:var(--wa-red); transform:scale(1.08); box-shadow:0 4px 12px rgba(204,0,0,.16); }

.fb-textarea {
  width:100%; border:1.5px solid var(--wa-border); border-radius:10px;
  padding:10px 13px; font-size:12px; font-family:var(--font-body);
  resize:none; outline:none; color:var(--wa-text); transition:border-color .2s, box-shadow .2s; box-sizing:border-box;
}
.fb-textarea:focus { border-color:var(--wa-red); box-shadow:0 0 0 4px rgba(204,0,0,.1); }

.fb-actions  { display:flex; justify-content:flex-end; gap:8px; margin-top:12px; }
.fb-cancel {
  background:#F0F0F0; border:none; color:#888; padding:8px 17px;
  border-radius:8px; font-size:12px; cursor:pointer; font-weight:700; transition:background .2s;
}
.fb-cancel:hover { background:#E4E4E4; }
.fb-submit {
  background:var(--wa-grad-btn); border:none; color:#fff; padding:8px 19px;
  border-radius:8px; font-size:12px; font-weight:700; cursor:pointer;
  box-shadow:var(--wa-glow-red); transition:box-shadow .2s, transform .2s;
}
.fb-submit:hover { box-shadow:var(--wa-glow-red-lg); transform:translateY(-2px); }

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

.fb-thankyou { text-align:center; padding:10px 0 4px; }
.fb-thankyou .fb-ty-icon { font-size:38px; margin-bottom:8px; animation: fbPop .4s var(--wa-ease-bounce); }
.fb-thankyou h3 { font-size:15.5px; font-weight:800; color:var(--wa-navy); margin:0 0 4px; }
.fb-thankyou p  { font-size:12px; color:#888; margin:0; }