/* CSS fix cho cac loi layout PHAT SINH DO BAN DICH TIENG VIET DAI HON BAN GOC
   TIENG ANH (khac voi hide-menu.css - file do chuyen an tinh nang tra phi).
   NocoDB tu thiet ke fix-width gia dinh nhan tieng Anh ngan, ban dich tieng Viet
   (vi-i18n-override.js) dai hon lam vo cac gia dinh do. */

/* Modal "Them thanh vien vao Co so" (Cai dat co so > Moi thanh vien > Them thanh
   vien) va modal "Moi vao Khong gian lam viec" (dung chung 1 component, da verify
   ca 2 noi qua Playwright): hang chua o nhap email + nut chon vai tro
   (.nc-invite-role-selector) bi tran ra ngoai bien phai modal.
   Nguyen nhan that (verify bang computed style qua Playwright, khong doan selector):
   - Hang (flex, md:flex-row, md:justify-between, gap-3) rong 592px (modal
     nc-modal-size-medium 640px - padding).
   - O nhap email (div cha truc tiep cua input#email) bi ep min-width 384px
     (class Tailwind md:!min-w-96) - kich thuoc nay hop ly voi ban Anh nhung thua
     khi cong voi nut vai tro.
   - Nut vai tro hien nhan tieng Viet dai ("Khong co quyen truy cap" thay vi "No
     Access"), chu ben trong co white-space:nowrap nen khong the tu co lai duoi
     kich thuoc noi dung (~238px).
   - Tong 384 + 238 + gap 12 = 634px > 592px kha dung -> nut vai tro tran ra ngoai.
   Fix: bo min-width ep cung cua o nhap email (gan qua input#email on dinh, khong
   dua vao chuoi class Tailwind de khoi vo khi NocoDB doi class luc nang cap) de
   flexbox tu co o email lai nhuong cho nut vai tro - giu nut vai tro nguyen dang
   1 dong, khong tran, khong doi UX cua flow moi thanh vien. */
div:has(> #email) {
  min-width: 0 !important;
}