:root{
  --bg_idea:#fff; 
  --text_idea:#111; 
  --muted_idea:#6b7280; 
  --accent_idea:#2563eb; 
  --ring_idea:rgba(37,99,235,.25); 
  --card_idea:#f8fafc; 
  --border_idea:#e5e7eb;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}

.body-locked_getidea{overflow:hidden}

/* Button mở form */
.feedback-btn_getidea{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 16px;border:2px dashed var(--accent_idea);
  background:transparent;color:var(--accent_idea);border-radius:12px;
  cursor:pointer;font-weight:600;transition:.2s;
}
.feedback-btn_getidea:hover{box-shadow:0 0 0 4px var(--ring_idea)}

/* Modal (overlay cuộn toàn bộ) */
.modal_getidea{
  position:fixed; inset:0; display:none;z-index: 10000;
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:4vh 16px; /* chừa khoảng trên/dưới để dễ chạm kéo */
}
.modal_getidea.is-open_getidea{display:block}

/* Backdrop dưới, cố định toàn màn hình */
.modal__backdrop_getidea{
  position:fixed; inset:0; z-index:0;
  background:rgba(0,0,0,.5);
  animation:fadeIn_getidea .2s;
}

/* Panel KHÔNG cuộn, để overlay cuộn; bỏ max-height/overflow ở panel */
.modal__panel_getidea{
  position:relative; z-index:1;
  width:min(92vw,760px);
  margin:0 auto;
  background:var(--bg_idea);
  border-radius:16px;
  padding:16px 16px 12px;
  box-shadow:0 15px 60px rgba(0,0,0,.25);
  animation:scaleIn_getidea .18s ease-out;
  touch-action:pan-y; /* gợi ý trình duyệt cho thao tác kéo dọc */
}

/* Nút đóng tuyệt đối để không gây xung đột cuộn */
.modal__close_getidea{
  position:absolute; right:12px; top:10px;
  border:none; background:#f1f5f9;
  width:36px; height:36px; border-radius:10px; cursor:pointer; font-size:18px;
  display:inline-flex; align-items:center; justify-content:center;
}
.modal__close_getidea:hover{background:#e2e8f0}

.modal__title_getidea{margin:6px 0 14px;font-size:20px}

/* Grid form */
.grid_getidea{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){
  .grid_getidea{grid-template-columns:1fr}
}

/* Fields */
.label_getidea{display:block;font-size:14px;margin:8px 0}
.control_getidea{
  display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--border_idea);
  border-radius:10px;background:var(--card_idea);outline:none;transition:.15s;font-size:14px
}
.control_getidea:focus{box-shadow:0 0 0 4px var(--ring_idea);border-color:var(--accent_idea)}
.textarea_getidea{resize:vertical;min-height:110px}
.counter_getidea{display:block;text-align:right;color:var(--muted_idea);margin-top:6px;font-size:12px}

/* Thumbs */
.thumbs_getidea{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
.thumbs_getidea img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--border_idea)}

/* Actions */
.actions_getidea{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.btn_getidea{padding:10px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:600}
.btn-primary_getidea{background:var(--accent_idea);color:#fff}
.btn-secondary_getidea{background:#f3f4f6}
.btn_getidea[disabled]{opacity:.6;cursor:not-allowed}

/* Toast (tuỳ chọn) */
.toast_getidea{position:fixed;right:18px;bottom:18px;background:#111;color:#fff;
       padding:12px 14px;border-radius:10px;opacity:0;transform:translateY(8px);
       animation:toast_getidea .25s forwards}
@keyframes toast_getidea{to{opacity:1;transform:translateY(0)}}
@keyframes scaleIn_getidea{from{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@keyframes fadeIn_getidea{from{opacity:0}to{opacity:1}}

/* ===== Success Popup (center) ===== */
.success-overlay_getidea{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.4); animation:fadeIn_getidea .2s ease-out;
}
.success-card_getidea{
  width:min(92vw,420px); background:#fff; color:#111;
  border-radius:16px; padding:24px 20px; text-align:center;
  box-shadow:0 20px 70px rgba(0,0,0,.35);
  animation:scaleIn_getidea .18s ease-out;
}
.success-icon_getidea{
  width:64px; height:64px; margin:0 auto 12px;
  border-radius:50%; background:#22c55e1a; display:grid; place-items:center;
}
.success-icon_getidea svg{ width:34px; height:34px; display:block }
.success-title_getidea{ font-size:18px; font-weight:700; margin:6px 0 2px }
.success-desc_getidea{ font-size:14px; color:#6b7280; margin:2px 0 0 }
/*Menu_AI*/
.app-bar_menuAI{pointer-events: none;margin:0;position:fixed;bottom:0;left:0;width:100%;padding:.5rem 0;text-align:center;overflow-x:auto;white-space:nowrap;z-index:99999999999999}.app-bar_menuAI .app-bar-item_menuAI,.app-bar_menuAI .popup-menu_menuAI{pointer-events:auto}.app-bar_menuAI::-webkit-scrollbar{height:6px}.app-bar_menuAI::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.app-bar-items_menuAI{display:inline-flex;align-items:center}.app-bar-item_menuAI{border-radius:50%;border: 1px solid #00FFFF;position:relative;flex:0 0 auto;margin:0 .75rem;text-decoration:none;color:rgba(255,255,255,.9);font-size:.7rem;text-align:center;transition:color 0.2s}.icon-wrap_menuAI{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background 0.2s,transform 0.2s;margin:0 auto;transform:scale(1)}.icon-wrap_menuAI img{width:60%;height:auto;object-fit:contain;pointer-events:none}.app-bar-item_menuAI:hover .icon-wrap_menuAI{background:rgba(255,255,255,.25);transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer}.app-bar-item_menuAI.active .icon-wrap_menuAI{background:rgba(255,255,255,.35);box-shadow:0 2px 10px rgba(0,0,0,.4)}.tooltip_menuAI{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) scale(0);padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:.65rem;border-radius:4px;white-space:nowrap;pointer-events:none;transition:transform 0.15s,opacity 0.15s;opacity:0}.app-bar-item_menuAI:hover .tooltip_menuAI{transform:translateX(-50%) scale(1);opacity:1}@keyframes popupFadeIn_menuAI{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.popup-menu_menuAI{position:fixed;top:50%;left:50%;background:#0f172a;border-radius:12px;padding:1rem;box-shadow:0 8px 24px rgba(0,0,0,.2);width:90%;max-width:400px;opacity:0;transform:translate(-50%,-50%) scale(.8);pointer-events:none;visibility:hidden;transition:all 0.25s ease;z-index:999}.popup-menu_menuAI.show{animation:popupFadeIn_menuAI 0.3s ease forwards;pointer-events:auto;visibility:visible}.popup-list_menuAI{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.popup-item_menuAI{background:rgba(255,255,255,.1);border-radius:8px;padding:10px;text-align:center;text-decoration:none;color:#fff;font-size:.75rem;transition:background 0.2s,transform 0.2s}.popup-item_menuAI:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.popup-item_menuAI .icon-wrap_menuAI{width:32px;height:32px;margin:0 auto 4px}.popup-item_menuAI .icon-wrap_menuAI img{width:100%;height:100%;object-fit:contain}.popup-close_menuAI{margin-top:12px;width:100%;padding:10px;background:rgba(255,255,255,.05);border:none;border-radius:8px;color:#fff;font-size:.8rem;cursor:pointer;transition:background 0.2s}.popup-close_menuAI:hover{background:rgba(255,255,255,.15)}