@font-face{font-family:"Be Vietnam Pro";src:url("/assets/fonts/BeVietnamPro-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("/assets/fonts/BeVietnamPro-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("/assets/fonts/BeVietnamPro-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("/assets/fonts/BeVietnamPro-Bold.ttf") format("truetype");font-weight:700;font-display:swap}

:root {
  color-scheme:light;
  --nen:#f5f6f3;--the:#fff;--chu:#26332b;--mo:#59645c;--vien:#dce2da;
  --nhan:#285b40;--nhan-nhat:#e7efe7;--tim:#59645c;--tim-nhat:#edf1eb;
  --do:#a3292f;--vang:#856115;--vang-nhat:#fcf6e7;--bong:none;
}
body{font-family:"Be Vietnam Pro",sans-serif;font-size:16px;line-height:1.65;background:#fff}
main{background:#fff}
nav{background:var(--nen);padding:32px 14px 18px}
nav .logo{font-size:24px;font-weight:600;letter-spacing:-.025em;padding-bottom:30px;line-height:1.4}
nav .logo small{font-size:13px;font-weight:400;letter-spacing:0;margin-top:8px}
nav button{font-size:15px;padding:11px 12px;border-radius:5px;min-height:46px;gap:12px}
nav button[aria-current=page]{color:#244d36;background:#e3ebe1;font-weight:600}
nav .nhom-nav{font-size:13px;margin-top:24px;margin-bottom:8px}
nav .chan label{font-size:14px;line-height:1.5}
nav .chan .nut{font-size:13px}
#dongKenh{display:grid!important;grid-template-columns:1fr 1fr;gap:5px 10px!important;margin-top:16px!important;margin-bottom:10px}
#dongKenh .chip{padding:0;background:none;border:0;border-radius:0;font-size:12px;color:var(--mo)}
#dongKenh .chip.ok{color:var(--nhan)}
.trang{max-width:1180px;padding:40px 44px 64px;margin:0 auto}
h1{font-size:30px;line-height:1.35;font-weight:600;letter-spacing:-.02em}
h2,.dau-kenh h2{font-size:18px;font-weight:600;line-height:1.5}
.mo,.field-help,.page-heading .mo{font-size:14px;line-height:1.75}
.trang>.mo{font-size:15px;max-width:72ch;margin-top:12px;margin-bottom:28px}
label.o{font-size:14px;font-weight:500;margin-bottom:8px;line-height:1.65}
input:not([type=checkbox]):not([type=file]),textarea,select{font-size:16px;min-height:48px;padding:10px 13px;border-color:#cbd5c9;background:#fff;border-radius:6px;line-height:1.55}
input::placeholder,textarea::placeholder{color:#6a746c}
textarea{min-height:110px}
.nut{font-size:15px;min-height:44px;padding:9px 16px;border-radius:6px;font-weight:500;border-color:#cbd5c9}
.nut.nho{font-size:14px;padding:7px 12px;min-height:44px}
.nut.chinh{padding:10px 19px;font-weight:500;background:var(--nhan);color:#fff}
.nut:hover:not(:disabled){background:#f0f4ee}
.nut.chinh:hover:not(:disabled){background:#204c34;filter:none}
.nut:disabled{opacity:.6}
.the,.luoi .the{border-radius:8px;box-shadow:none;padding:24px;border-color:var(--vien)}
.luoi .the:hover{box-shadow:none;border-color:#bdcbb9}
.settings-sheet{border:0;border-radius:0;background:none;overflow:visible}
.settings-row{padding:28px 0;grid-template-columns:minmax(150px,.62fr) minmax(0,1.38fr);gap:36px;border-top:1px solid var(--vien)}
.settings-row .mo{max-width:36ch}
.settings-row h2{margin-bottom:10px}
.settings-footer{padding:22px 0;border-color:var(--vien)}
.page-heading{margin-bottom:30px;gap:24px}
.page-heading .mo{font-size:15px;margin-top:12px}
.model-toolbar{gap:14px;margin-top:20px;align-items:center}
.model-toolbar .field-help{margin:0}
.vault-source{margin-top:10px}
.vault-auto{font-size:15px;line-height:1.65}
.manual-import>summary{font-size:15px;padding:12px 0}
.document-table.the{padding:0;border:0;border-radius:0}
table{font-size:15px;line-height:1.6}
th{font-size:13px;color:var(--mo);font-weight:500}
td{padding:14px 8px}
.document-name small{font-size:12px}
.document-table td:last-child{min-width:76px;white-space:nowrap}
.manual-model{font-size:14px}
.thanh-luu{box-shadow:none;border-radius:6px}
.ds{background:#fff}
.ds .dau{padding:26px 20px 16px}
.ds .dau h1{font-size:24px;margin-bottom:16px}
.ds .loc button{min-height:44px;font-size:13px;border-radius:5px;padding:5px 9px}
.ds li>button{padding:15px 18px}
.ten{font-size:15px;font-weight:600}
.tom{font-size:14px;margin-top:4px}
.gio{font-size:12px}
.chat{background:#f8f9f5}
.chat .dau{padding:16px 22px}
.tin{padding:24px;gap:12px}
.b{font-size:16px;line-height:1.65;border-radius:10px;padding:11px 15px}
.b small{font-size:12px}
.b.bot{background:#e8efe4}
.av{background:#e8eee3!important;color:#344d38;border-radius:10px}
.soan{padding:14px 18px;align-items:flex-end}
.soan textarea{font-size:16px;min-height:48px}
.chip{font-size:13px}
#manDangNhap{background:var(--nen)}
#manDangNhap .the{border:0;padding:36px;max-width:400px!important}
#thongbao{font-size:15px;background:#294733;color:#fff;padding:12px 20px}
@media(max-width:1100px){.trang{padding:32px 28px 48px}.settings-row{grid-template-columns:1fr;gap:20px}.settings-row .mo{max-width:68ch}}
@media(max-width:760px){
  nav{padding:8px 6px max(8px,env(safe-area-inset-bottom));background:#f4f6f1}
  nav button{font-size:13px;min-width:88px;min-height:58px;padding:7px 10px;gap:4px;white-space:nowrap}
  .trang{padding:26px 20px 40px}
  h1{font-size:28px}.ds .dau h1{font-size:24px}
  .page-heading{gap:18px;margin-bottom:24px}
  .settings-row{padding:24px 0;gap:18px}
  .settings-footer{padding:20px 0;gap:14px}
  .model-toolbar{align-items:flex-start}
  .hop{height:calc(100dvh - 82px)}
  .the,.luoi .the{padding:20px}
  .tin{padding:18px 14px}.b{max-width:90%;font-size:16px}
  .document-table.the{padding:0}
}

.inbox-pilot-tools{padding:12px 16px;border-top:1px solid var(--vien);max-height:42vh;overflow:auto;overflow-wrap:anywhere}
.inbox-pilot-tools label{display:block;margin:12px 0}.inbox-pilot-tools img{max-width:240px;max-height:200px;object-fit:contain}.inbox-pilot-tools textarea,.inbox-pilot-tools select{width:100%}
@media(max-width:760px){
 .pilot-nav button,.teaching-tabs button{min-height:44px}
 #bangThe tr,#bangMau tr{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:16px 0;border-bottom:1px solid var(--vien)}
 #bangThe td,#bangMau td{display:block;width:auto!important;padding:0;min-width:0}
 #bangThe td:nth-child(3),#bangMau td:nth-child(2){grid-column:1/-1}
 #bangThe td:last-child,#bangMau td:last-child{grid-column:2;justify-self:end}
 #bangThe input,#bangMau input,#bangMau textarea{width:100%}
}

#khungSoan>label{flex:0 0 52px;white-space:nowrap;min-height:44px;justify-content:center}