/* TU SINH tu Unit2Web/public/giao-vien.css + gv-dien-thoai.css (chi luat cua hop Tao bai bang AI) boi Taode/tools/chep_hop_ai.py. KHONG SUA - sua ben HUEVERSE. */
.ai-info{display:flex;gap:10px;align-items:flex-start;background:#e0f2fe;border:1px solid #7dd3fc;color:#0c4a6e;
           border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}
.ai-info .bieu{flex:none;width:22px;height:22px;border-radius:50%;background:#0ea5e9;color:#fff;font-weight:800;
                 display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:1px}
.ai-info b{display:block;font-size:15px;margin-bottom:2px}
.ai-tieu{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--chu-mo);margin:18px 0 10px;font-weight:700}
.ai-tieu::before,.ai-tieu::after{content:"";flex:1;height:1px;background:var(--vien)}
.ai-luoi{display:grid;grid-template-columns:1fr;gap:10px}
.ai-nhanh{border:1.5px dashed var(--xanh);border-radius:12px;padding:10px 12px;background:#F0F8FD;margin-bottom:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ai-nhanh .nh-nhom{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}
.ai-nhanh label.nh-tich{display:flex;align-items:center;gap:5px;margin:0;font-size:14px;font-weight:600;cursor:pointer}
.ai-nhanh .ai-tao{margin:0;padding:7px 14px;font-size:14px;white-space:nowrap}
.ai-nhanh-tt{flex-basis:100%;font-size:13px;color:var(--chu-mo);min-height:0}
.ai-nhanh-tt:empty{display:none}
.ai-nhanh-tt.loi{color:#b91c1c;font-weight:700}
.ai-nhanh-tt.ok{color:#047857;font-weight:700}
.ai-dai{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px dashed var(--vien);padding-top:10px}
.ai-dai-chu{font-size:13px;font-weight:700;color:var(--chu-mo)}
.ai-dan-ca{flex-basis:100%;font-size:13px}
.ai-dan-ca summary{cursor:pointer;color:var(--chu-mo);font-weight:600}
.ai-dan-ca textarea{width:100%;min-height:90px;margin:6px 0;font-size:13px;font-family:inherit;box-sizing:border-box}
.ai-o .ai-chon{width:18px;height:18px;margin:0;accent-color:var(--xanh);cursor:pointer;flex:none}
.ai-o{border:1px solid var(--vien);border-radius:10px;padding:10px 12px;background:#fff}
.ai-o-hang{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ai-o .ten{flex:1;min-width:130px;font-size:14px;font-weight:600}
.ai-so{display:inline-flex;align-items:stretch;border:1.5px solid var(--vien);border-radius:8px;overflow:hidden;background:#fff}
.ai-so:focus-within{border-color:var(--xanh)}
.ai-so input{width:48px;border:none !important;outline:none;padding:6px 4px 6px 10px;font-size:15px;font-family:inherit;border-radius:0;background:transparent}
.ai-so-nut{border:none;border-left:1.5px solid var(--vien);background:#EDF4F9;color:var(--xanh);width:30px;font-size:14px;cursor:pointer;padding:0}
.ai-so-nut:hover{background:#D5E4EF}
.ai-so-menu{position:fixed;z-index:200;background:#fff;border:1.5px solid var(--xanh);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);
              max-height:200px;overflow-y:auto;padding:4px;display:flex;flex-direction:column}
.ai-so-menu button{border:none;background:none;font-weight:600;font-size:15px;font-family:inherit;color:inherit;padding:8px 14px;text-align:left;border-radius:6px;cursor:pointer}
.ai-so-menu button:hover{background:#E8F1F8}
.ai-so-menu button.on{background:var(--xanh);color:#fff}
.ai-o input[type=number]{width:64px;padding:6px 8px;font-size:15px;border:1.5px solid var(--vien);border-radius:8px;text-align:left;font-family:inherit}
.ai-o input[type=number]:focus{outline:none;border-color:var(--xanh)}
.ai-o label.bd{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--chu-mo);margin:0;font-weight:600;cursor:pointer}
.ai-o label.bd.tat{opacity:.45;cursor:not-allowed}
.ai-o.co{border-color:var(--xanh);background:#F0F8FD}
.ai-o .ai-tao{margin:0;padding:7px 14px;font-size:14px;white-space:nowrap}
.ai-o .ai-tao:disabled{opacity:.4;cursor:not-allowed}
.ai-tt{font-size:13.5px;margin-top:8px;display:none;line-height:1.45}
.ai-tt.hien{display:block}
.ai-tt.loi{color:#b91c1c}
.ai-tt.ok{color:#166534}
.ai-tt.cho{color:#1e40af}
.ai-tt a{color:var(--xanh);font-weight:700;cursor:pointer;text-decoration:underline}
.ai-tay{margin-top:8px;font-size:13.5px}
.ai-tay summary{cursor:pointer;color:var(--chu-mo);font-weight:600}
.ai-tay textarea{width:100%;min-height:80px;margin-top:6px;font-size:14px}
.ai-kq{margin-top:10px;border-top:1px dashed var(--vien);padding-top:8px;display:none}
.ai-kq.hien{display:block}
.ai-cau{position:relative}
.ai-cau-nut{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:1}
.ai-cau-nut .nut-diem{padding:4px 9px;font-size:12.5px;background:#fff}
.ai-cau .xem-cau .t{padding-right:132px}
.ai-sua{border:2px solid var(--xanh);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#fff}
.ai-sua .t{font-weight:800;font-size:14.5px;color:var(--xanh)}
.ai-sua label{font-size:13px;margin:8px 0 3px}
.ai-sua textarea,.ai-sua input[type=text],.ai-sua select{width:100%;font-size:14.5px;padding:7px 9px;font-family:inherit}
.ai-sua textarea{min-height:0;resize:vertical}
.ai-sua-h{display:flex;gap:6px;align-items:center;margin-bottom:5px}
.ai-sua-h input[type=radio],.ai-sua-h input[type=checkbox]{flex:none;width:18px;height:18px;margin:0}
.ai-sua-h select{flex:none;width:92px}
.ai-hoi{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:14px}
.ai-hoi select{width:auto;padding:6px 8px;font-size:14px}
.ai-o .ai-kep{margin:0;padding:6px 10px;font-size:13px;white-space:nowrap;background:#fff}
.ai-diem{display:none;margin-top:8px;gap:6px 8px;align-items:center;flex-wrap:wrap;font-size:13.5px}
.ai-diem.hien{display:flex}
.ai-diem .nut-diem{padding:5px 11px;font-size:13px;background:#fff}
.ai-diem .nut-diem.on{border-color:var(--xanh);color:var(--xanh)}
.ai-diem-tt{color:var(--chu-mo)}
.ai-chia{flex:1 1 100%;background:#fff;border:1.5px dashed var(--xanh);border-radius:10px;padding:8px 10px;line-height:2.1}
.ai-chia .o-diem{width:70px !important;padding:5px 8px !important;font-size:15px !important}
.ai-chia .nut{margin:0}
.ai-chia-loi{display:none;color:#b91c1c;font-weight:700;line-height:1.4}
.ai-chia-loi.hien{display:block}
.ai-gc{display:none;margin-top:8px}
.ai-gc.hien{display:block}
.ai-gc textarea{width:100%;min-height:0;font-size:14.5px;padding:8px 10px;font-family:inherit;resize:vertical}
.ai-o .ai-kep.co{border-color:var(--xanh);color:var(--xanh)}
.ai-tep{font-size:13px;margin-top:8px;display:none;line-height:1.5;color:#1e40af}
.ai-tep.hien{display:block}
.ai-tep .the-tep{display:inline-flex;gap:6px;align-items:center;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:99px;padding:2px 10px;margin:0 6px 4px 0;font-weight:700;color:#0c4a6e}
.ai-tep .the-tep a{cursor:pointer;color:#b91c1c;text-decoration:none;font-weight:800}
.ai-cau .doan.khoi{border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;padding:10px 12px;margin:0 0 8px}
.ai-cau .doan.khoi h3{padding-right:70px}
.ai-sua .hang-tep{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px;margin-top:6px}
.ai-info2{background:#e0f2fe;border:1px solid #7dd3fc;color:#0c4a6e;border-radius:10px;padding:8px 12px;font-size:13.5px;margin-bottom:6px}
.ai-info2 summary{cursor:pointer;font-weight:700}
.ai-info2 p{margin:6px 0 2px;line-height:1.5}
.ai-chung{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}
@media(max-width:640px){
  .ai-chung{grid-template-columns:1fr}
}
.ai-file{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-weight:500;font-size:14px;margin-top:8px;flex:1 1 100%}
.ai-file .nut{margin:0}
.ai-tai-lieu{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0}
.ai-tai-lieu small{color:#64748b}
.ai-tai-lieu .the-tep{display:inline-flex;gap:6px;align-items:center;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:99px;padding:2px 10px;font-weight:700;color:#0c4a6e;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-tai-lieu .the-tep a{cursor:pointer;color:#b91c1c;text-decoration:none;font-weight:800}
.ai-tai-lieu .ai-tl-loi{color:#b91c1c;flex:1 1 100%}
.ai-chu{font-size:13px;color:var(--chu-mo);margin:10px 0 0;line-height:1.5}
.ai-tong{font-weight:800;font-size:14px;margin:12px 0 8px}
.ai-tong.vuot{color:#b91c1c}
.ai-canh{display:flex;gap:8px;align-items:center;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;
           padding:10px 12px;font-size:14px;font-weight:600}
.ai-canh.vuot{background:#fee2e2;border-color:#fca5a5;color:#991b1b}
.ai-canh.ok{background:#dcfce7;border-color:#86efac;color:#166534}
#manThem{padding:12px;overflow:hidden}
#manThem .hop-ai{display:flex;flex-direction:column;height:calc(100dvh - 24px);margin:0 auto;padding:0;overflow:hidden}
.ai-dau{padding:16px 20px 10px;border-bottom:1px solid var(--vien)}
.ai-dau-tren{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ai-x{border:none;background:#f3f4f6;width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer;color:var(--chu-mo)}
.ai-tabs{display:flex;gap:6px;margin-top:10px;margin-bottom:-11px}
.ai-tab{flex:1;border:none;background:#f3f4f6;color:var(--chu-mo);font-family:inherit;font-weight:700;font-size:14px;padding:9px 6px;
          border-radius:10px 10px 0 0;cursor:pointer;line-height:1.25;border-bottom:3px solid transparent}
.ai-tab small{display:block;font-weight:600;font-size:11.5px;opacity:.85}
.ai-tab:hover{background:#ececf0}
.ai-tab.on{background:#fff;color:var(--xanh);border-bottom-color:var(--xanh)}
.ai-than{flex:1;min-height:0;overflow-y:auto;padding:12px 20px 18px;-webkit-overflow-scrolling:touch}
.ai-pan{display:none}
.ai-pan.hien{display:block;animation:aiHien .18s ease}
.ai-chan2{display:none;gap:10px;align-items:center;padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--vien);background:#fff}
.ai-chan2.hien{display:flex}
.ai-chan2 .nut{margin:0;flex:0 0 auto}
.ai-chan2 .nut.chinh{flex:1}
@media(max-width:640px){
  .ai-dau,.ai-than,.ai-chan2{padding-left:14px;padding-right:14px}
}
.loc-tm button,.loc-tag button,.goi-tag button{padding:6px 13px;font-size:14px;font-weight:700;border-radius:99px;
    border:2px solid var(--vien);background:#fff;color:inherit;cursor:pointer;font-family:inherit}
.goi-tag{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.goi-tag button{padding:3px 10px;font-size:13px}
.xem-cau{border:1px solid var(--vien);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#F0F8FD}
.xem-cau .t{font-weight:700;font-size:15px}
.xem-cau .l{font-size:14px;margin-top:4px}
.xem-cau .l b{color:var(--luc)}
.xem-cau.tl{background:#fffdf5;border-color:#fde68a}
.chia-diem{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;
             padding:8px 12px;font-size:14px;margin:8px 0}
#manTL{z-index:60}
.ai-tufile{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;margin-bottom:6px;border-radius:14px;
  border:2px solid var(--xanh);background:linear-gradient(135deg,#F5FAFE,#fff)}
.ai-tufile-chu{flex:1 1 260px;display:flex;flex-direction:column;gap:3px;line-height:1.4}
.ai-tufile-chu b{font-size:16px}
.ai-tufile-chu span{font-size:13.5px;color:var(--chu-mo)}
.ai-tufile-nut{margin:0;white-space:nowrap}
.ai-tufile-ct{flex-basis:100%;font-size:13px;color:var(--chu-mo)}
.ai-tufile-ct summary{cursor:pointer;font-weight:600;width:max-content;max-width:100%}
.ai-tufile-ct p{margin:4px 0 0;line-height:1.45}
.ai-tufile-tt{flex-basis:100%;font-size:14px;color:var(--chu-mo)}
.ai-tufile-tt:empty{display:none}
.ai-tufile-tt.loi{color:#b91c1c;font-weight:700}
.ai-tufile-tt.ok{color:#047857;font-weight:700}
.ai-tufile-tt a{cursor:pointer;text-decoration:underline;margin-left:6px}
.ai-hang{flex-basis:100%;display:flex;flex-direction:column;gap:6px}
.ai-hang:empty{display:none}
.ai-nhieu{flex-wrap:wrap;font-weight:600 !important}
.ai-nhieu select{width:auto;margin:0;padding:6px 8px;font-size:14px}
.de-tabbar{flex:0 0 auto;display:flex;align-items:flex-end;gap:2px;padding:8px 10px 0;background:#E6EFF6;border-bottom:1px solid var(--vien);
  overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;border-radius:18px 18px 0 0}
.de-tabbar.an{display:none}
.de-tabbar:not(.an) + .ai-dau{padding-top:12px}
@media(max-width:640px){
  .de-tabbar{padding:6px 6px 0}
}
.de-viec{display:none}
.de-viec.hien{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;margin-bottom:12px;border-radius:12px;
  background:#fff;border:1.5px solid var(--xanh)}
.de-viec.xong{border-color:#86efac;background:#f6fef9}
.de-viec.loi{border-color:#fca5a5;background:#fef2f2}
.de-viec.xong .dv-chu span{color:#047857;font-weight:600}
.de-viec.loi .dv-chu span{color:#b91c1c;font-weight:600}
.ai-pan.bi-khoa{opacity:.45;pointer-events:none;user-select:none}
.ai-tufile-chon{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;align-items:center}
.ai-tufile-chon label{display:flex;align-items:center;gap:6px;margin:0;font-weight:600;flex-wrap:wrap}
.ai-tufile-chon input{width:auto;margin:0}
.ai-tufile-chon select{width:auto;margin:0;padding:4px 8px;font-size:14px}
.ai-tufile-chon small{font-weight:500;color:var(--chu-mo)}
.ai-nhieu.nhay{animation:aiNhay 1s ease-in-out 3;border-radius:10px}
.chon-them{max-width:600px;display:flex;flex-direction:column;gap:10px}
.chon-them .ai-dau-tren{margin-bottom:4px}
.ct-o{display:flex;gap:14px;align-items:flex-start;text-align:left;width:100%;margin:0;padding:14px 16px;border-radius:14px;
  border:1.5px solid var(--vien);background:#fff;font-family:inherit;color:var(--chu);cursor:pointer;transition:border-color .12s, background .12s}
.ct-o:hover{border-color:var(--xanh);background:#F7FBFE}
.ct-o i{font-style:normal;font-size:26px;line-height:1.1;flex:0 0 auto}
.ct-o > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ct-o > div > b{font-size:16px}
.ct-o span{font-size:13.5px;color:var(--chu-mo);line-height:1.45}
.ct-tiep{border-color:var(--xanh);background:var(--xanh-nhat)}
.ct-nd{cursor:default}
.ct-nd:hover{background:#fff}
.ct-hang{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.ct-hang label{margin:0;font-weight:700;font-size:14px}
.ct-hang select{width:auto;margin:0;padding:6px 8px;font-size:14px}
.ct-hang .nut{margin:0}
.ct-goc{display:flex;gap:6px;align-items:center;font-size:13.5px;font-weight:500;margin:4px 0 0;color:var(--chu-mo);cursor:pointer}
.ct-goc input{width:auto;margin:0}
@media(max-width:640px){
  #manThem .ai-dau-tren h2{font-size:18px;line-height:1.3}
  .ct-o{padding:12px}
  .ct-o i{font-size:22px}
}
#manThem .ai-dau-tren{gap:8px}
.ct-tm{display:none;padding:10px 14px;border-radius:12px;background:#fff7e6;border:1.5px solid #fcd34d;color:#78350f;font-size:14px;line-height:1.45}
.ct-tm.hien{display:block}
.o-sao{grid-column:1/-1}
.o-sao label small{font-weight:500;color:var(--chu-mo)}
.chon-sao{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.chon-sao button{border:none;background:none;font-size:28px;line-height:1;padding:2px 3px;cursor:pointer;color:#e5d3db;transition:transform .1s,color .1s}
.chon-sao button.on{color:#f5a623}
.chon-sao button:hover{transform:scale(1.15)}
.chon-sao .ten-sao{margin-left:8px;font-weight:700;font-size:14px;color:var(--chu)}
.chon-sao a{margin-left:10px;font-size:13px;color:var(--chu-mo);cursor:pointer;text-decoration:underline}
#aiThan:not(.che-up) .up-de{display:none}
#aiThan.che-up:not(.up-xong) #aiP1 > :not(.up-de){display:none}
#aiThan.che-up.up-xong #aiP1 > :not(.up-de){pointer-events:none;user-select:none;opacity:.7}
.ai-tabs.che-up #aiT1n{display:none}
.up-de{display:flex;flex-direction:column;gap:14px;padding:4px 0 8px}
.up-o{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin:0;padding:34px 18px;border:2.5px dashed var(--xanh);
  border-radius:18px;background:var(--nen);color:inherit;cursor:pointer;font:inherit;text-align:center;transition:background .15s,border-color .15s}
.up-o:hover,.up-o.keo{background:var(--xanh-nhat);border-color:var(--xanh-dam)}
.up-o i{font-style:normal;font-size:44px;line-height:1}
.up-o b{font-size:19px}
.up-o span{font-size:14px;color:var(--chu-mo);line-height:1.45}
.up-de.da-co .up-o{padding:14px 16px;flex-direction:row;justify-content:center;gap:10px}
.up-de.da-co .up-o i{font-size:24px}
.up-de.da-co .up-o b{font-size:15px}
.up-de.da-co .up-o span{display:none}
.up-tt:empty{display:none}
.up-tt{border:1px solid var(--vien);border-radius:14px;padding:14px 16px;background:#fff;font-size:14px;line-height:1.5}
.up-tt h4{margin:0 0 8px;font-size:16px}
.up-tt .up-file{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.up-tt .up-file span{background:#f1f5f9;border-radius:99px;padding:2px 10px;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up-tt .up-cho{color:var(--chu-mo)}
.up-tt .up-cho.loi{color:#b91c1c;font-weight:700}
.up-tt .up-so{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:10px 0}
.up-tt .up-so div{border:1px solid var(--vien);border-radius:12px;padding:8px 10px;background:var(--nen)}
.up-tt .up-so b{display:block;font-size:22px;line-height:1.1;color:var(--xanh-dam)}
.up-tt .up-so small{color:var(--chu-mo);font-size:12.5px}
.up-tt .up-phan{margin:6px 0 0;padding-left:18px;color:var(--chu-mo);font-size:13px}
.up-tt .up-nut{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.up-tt .up-nut .nut{margin:0}
@media (max-width:700px){
  .up-tt .up-so{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .up-tt .up-so div{padding:6px 8px}
  .up-tt .up-so b{font-size:19px}
  .up-tt .up-so small{font-size:11.5px;line-height:1.25;display:block}
  .up-o{padding:24px 14px}
}
#aiP1 .ai-tufile{padding:10px 14px;gap:6px 12px;border-width:1.5px}
#aiP1 .ai-tufile-chu{flex:1 1 auto}
#aiP1 .ai-tufile-chu b{font-size:15px}
#aiP1 .ai-tufile-nut{padding:7px 14px;font-size:14px}
#aiP1 .ai-tufile-chon{flex-basis:auto;flex:1 1 auto;font-size:13.5px}
#aiP1 .ai-tufile-chon label{font-weight:500}
#aiP1 .ai-tufile-ct{flex-basis:auto}
#aiP1 .ai-tufile-ct[open]{flex-basis:100%}
#aiP1 .ai-tieu{margin:10px 0 6px}
#aiP1 .ai-info2:not([open]){background:none;border:none;padding:0 2px;margin:0 0 4px;color:var(--chu-mo);font-size:13px}
#aiP1 .ai-info2:not([open]) summary{font-weight:600}
#aiP1 .ai-chung{gap:8px 10px}
#aiP1 .ai-chung label{margin-bottom:3px}
#aiP1 .ai-chung input[type=text]{padding:8px 10px}
#aiP1 .ai-chung textarea{min-height:40px!important;height:40px!important;padding:8px 10px}
#aiP1 .o-sao{display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap}
#aiP1 .o-sao label{margin:0}
#aiP1 .o-sao label small{display:none}
#aiP1 .o-sao .chon-sao button{font-size:22px}
#aiP1 .ai-hoi{margin-top:8px;gap:8px 12px}
#aiP1 .ai-file{flex:0 1 auto;margin-top:0}
#aiP1 .ai-tai-lieu:empty{display:none}
#aiP1 .ai-tufile-chon small{display:none}
#aiP1 .ai-tufile-chon{gap:4px 14px}
@media (max-width:640px){
  #aiP1 .ai-tufile{padding:9px 11px}
  #aiP1 .ai-tufile-chu b{font-size:14px}
  #aiP1 .ai-tufile-nut{flex:1 1 100%}
  #aiP1 .ai-chung label{font-size:13px}
  #aiP1 .o-sao .chon-sao button{font-size:20px;padding:1px 2px}
  #aiP1 .o-sao .chon-sao .ten-sao{font-size:12.5px;margin-left:4px}
  #aiP1 .ai-hoi{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 8px}
  #aiP1 .ai-hoi select{width:100%;min-width:0}
  #aiP1 .ai-hoi .ai-file{grid-column:1/-1}
}
#aiP1 .ai-tufile-chon label{flex-wrap:nowrap;white-space:nowrap}
@media (max-width:640px){
  #aiP1 .ai-tufile-chon{font-size:13px}
  #aiP1 .ai-tufile-chon label{gap:4px}
}
#aiP1 .ai-hoi:empty{display:none}
#aiP1 .ai-chung .ai-file{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#aiP1 .ai-chung .ai-file .nut{padding:5px 12px;font-size:13px}
#aiP1 .ai-chung .nhan-hang{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:3px}
#aiP1 .ai-chung .nhan-hang label{margin:0}
#aiP1 .ai-chung .ai-tl-nut{margin:0;padding:3px 10px;font-size:12.5px;white-space:nowrap}
#aiP1 .ai-chung > div > label{display:flex;align-items:center;min-height:26px;margin-bottom:3px}
#aiP1 .ai-chung .ai-tai-lieu{margin-top:4px}
#aiP1 .ai-chung .nhan-hang{min-height:26px}
#aiP1 .ai-chung .o-sao .ai-info2{margin:0 0 0 auto}
#aiP1 .ai-chung .o-sao .ai-info2[open]{flex-basis:100%;margin:4px 0 0}
#aiP1 .ai-chung > div > label{margin:0 0 3px}
@media (max-width:640px){
  #aiP1 .ai-chung .an-dt{display:none}
  #aiP1 .ai-chung .o-sao label{width:auto;flex:0 0 auto;font-size:13px}
  #aiP1 .ai-chung .o-sao .chon-sao{flex:0 1 auto;width:auto}
  #aiP1 .ai-chung .o-sao{gap:4px 6px}
  #aiP1 .ai-chung .o-sao input[type=hidden]{display:none}
  #aiP1 .ai-chung .o-sao .chon-sao button{font-size:19px;padding:1px}
}
#aiP1 .ai-chung.ai-chung-gon{display:block}
#aiP1 .hang-ten{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap}
#aiP1 .hang-ten #tTen{flex:1 1 220px;min-width:0;margin:0;padding:8px 10px}
#aiP1 .hang-ten .o-sao{flex:0 0 auto;flex-wrap:nowrap;gap:4px 6px}
#aiP1 .hang-ten .o-sao label{margin:0;white-space:nowrap}
#aiP1 .hang-nd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;margin-top:8px;align-items:start}
#aiP1 .hang-nd textarea{grid-column:1;grid-row:1/3;margin:0}
#aiP1 .hang-nd .ai-tl-nut{grid-column:2;grid-row:1;margin:0;padding:5px 12px;font-size:13px;white-space:nowrap}
#aiP1 .hang-nd .ai-info2{grid-column:2;grid-row:2;margin:0;justify-self:end;font-size:12.5px}
#aiP1 .hang-nd .ai-info2[open]{grid-column:1/-1;grid-row:3;justify-self:stretch;font-size:13.5px}
#aiP1 .hang-nd .ai-tai-lieu{grid-column:1/-1;margin:0}
@media (max-width:640px){
  #aiP1 .hang-ten #tTen{flex-basis:100%}
  #aiP1 .hang-nd .ai-tl-nut{padding:5px 9px;font-size:12.5px}
  #aiP1 .hang-nd{grid-template-columns:auto minmax(0,1fr)}
  #aiP1 .hang-nd textarea{grid-column:1/-1;grid-row:1}
  #aiP1 .hang-nd .ai-tl-nut{grid-column:1;grid-row:2}
  #aiP1 .hang-nd .ai-info2{grid-column:2;grid-row:2;align-self:center}
  #aiP1 .hang-nd .ai-info2[open]{grid-row:3}
}
@media(max-width:640px){
  #manThem .hop-ai{border-radius:20px}
  #manThem .ai-dau{padding:12px 14px 0}
  #manThem .ai-dau-tren h2{font-size:17px}
  #manThem .ai-x{width:34px;height:34px;font-size:15px}
  #manThem .ai-tabs{margin-top:8px;gap:4px}
  #manThem .ai-tab{padding:7px 4px;font-size:13.5px;border-radius:12px 12px 0 0}
  #manThem .ai-tab small{font-size:10.5px;line-height:1.2}
  #manThem .ai-than{padding:10px 14px 14px}
  #aiP1 .ai-chung input[type=text]{padding:9px 12px;border-radius:12px;font-size:15.5px}
  #aiP1 .o-sao{gap:2px 8px;margin:-2px 0 0}
  #aiP1 .o-sao label{font-size:13px}
  #aiP1 .o-sao .chon-sao button{font-size:21px;padding:0 1px}
  #aiP1 .hang-nd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
  #aiP1 .hang-nd textarea{flex:1 1 100%;border-radius:12px;min-height:54px!important;height:54px!important;padding:9px 12px;font-size:15.5px!important}
  #aiP1 .hang-nd .ai-tl-nut{flex:none;border-radius:999px;padding:6px 12px;font-size:13px;margin:0}
  #aiP1 .hang-nd .ai-info2{flex:1;min-width:0;margin:0!important;text-align:right}
  #aiP1 .hang-nd .ai-info2[open]{flex:1 1 100%;text-align:left}
  #aiP1 .ai-info2 summary{font-size:13px;white-space:nowrap}
  #aiP1 .ai-hoi{display:flex!important;flex-wrap:nowrap;gap:8px;margin-top:8px}
  #aiP1 .ai-hoi label{display:none}
  #aiP1 .ai-hoi select{flex:1 1 0;min-width:0;width:100%;padding:8px 10px;font-size:14.5px;border-radius:12px}
  #aiP1 .ai-tieu{display:block;text-align:center;font-size:12px;font-weight:600;margin:10px 0 6px}
  #aiP1 .ai-tieu::before,#aiP1 .ai-tieu::after{display:none}
  .ai-nhanh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px 8px;border-radius:14px}
  .ai-nhanh > .nh-nhom:first-child{grid-column:1/-1;font-size:13.5px}
  .ai-nhanh > label.nh-tich{font-size:12px;white-space:nowrap;gap:4px;min-width:0}
  .ai-nhanh > *{min-width:0}
  .ai-nhanh .ai-tao{width:100%;justify-content:center;padding:9px 8px;font-size:14px;border-radius:12px}
  .ai-nhanh > .ai-nhieu{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;font-size:0}
  .ai-nhanh > .ai-nhieu select{flex:none;width:auto;margin:0;padding:7px 4px;font-size:14px;border-radius:10px}
  .ai-nhanh > .ai-nhieu .ai-tao{flex:1;min-width:0;font-size:12.5px;padding:9px 4px;white-space:nowrap}
  .ai-nhanh-tt{grid-column:1/-1}
  .ai-luoi{gap:8px}
  .ai-o{padding:9px 10px;border-radius:14px}
  .ai-o-hang{gap:6px 8px}
  .ai-o .ten{flex:1 1 calc(100% - 140px);min-width:0;font-size:14px;line-height:1.25}
  .ai-o label.bd{font-size:12px}
  .ai-o .ai-kep{padding:5px 9px;font-size:12.5px;border-radius:999px}
  .ai-o .ai-tao{padding:6px 12px;font-size:13px;border-radius:999px}
  .ai-o .ai-tao:last-of-type{margin-left:auto}
  .ai-chu{font-size:12px;margin-top:8px}
  #manThem .ai-chan2{padding:8px 14px calc(8px + env(safe-area-inset-bottom));gap:8px}
  #manThem .ai-chan2 .nut{padding:10px 14px;font-size:15px;border-radius:14px}
  #manThem .ai-chan2{flex-wrap:wrap}
  #manThem #aiF2 .nut.chinh{flex:1 1 100%;order:-1}
  #manThem #aiF2 .nut:not(.chinh){flex:1 1 0;min-width:0}
}