/* ===== Khung Tabcom cho moi trang con lai (tai khoan, khu vuc hoc vien, cua hang,
   cong tac vien, email, tim kiem...) =====
   Cac trang nay GIU NGUYEN CSS/JS cua Edumall, Tutor LMS, WooCommerce va plugin.
   Moi rule deu bat dau bang body.tabcom-shell hoac class tc-sh- — KHONG dung reset
   toan cuc — de khong lam vo giao dien plugin. Nap sau CSS theme (functions.php, uu tien 100). */

body.tabcom-shell,
body.tabcom-shell input,body.tabcom-shell select,body.tabcom-shell textarea,body.tabcom-shell button,
body.tabcom-shell h1,body.tabcom-shell h2,body.tabcom-shell h3,body.tabcom-shell h4,body.tabcom-shell h5{
  font-family:'Be Vietnam Pro',system-ui,-apple-system,sans-serif}

/* An header TCG (Elementor #36 kem thanh chu chay) va footer Edumall */
body.tabcom-shell .elementor-location-header,
body.tabcom-shell #page-footer-wrapper{display:none!important}

/* ---------- Header ---------- */
.tc-sh-head{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 2px 16px rgba(6,12,61,.07)}
body.admin-bar .tc-sh-head{top:32px}
.tc-sh-wrap{max-width:1180px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.tc-sh-head .tc-sh-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:74px}
.tc-sh-logo img{height:42px;width:auto;display:block}
.tc-sh-nav{display:flex;align-items:center;gap:22px}
.tc-sh-nav a{font-size:.92rem;font-weight:600;color:#060C3D!important;text-decoration:none!important;white-space:nowrap}
.tc-sh-nav a:hover{color:#0F2EDE!important}
.tc-sh-nav .tc-sh-nav-acc{display:none}
.tc-sh-cta{display:flex;align-items:center;gap:14px}
.tc-sh-link{font-weight:700;font-size:.9rem;color:#0F2EDE!important;text-decoration:none!important;white-space:nowrap}
.tc-sh-link:hover{color:#FF8A00!important}
.tc-sh-muted{color:#5a6480!important;font-weight:600}
.tc-sh-btn{display:inline-flex;align-items:center;white-space:nowrap;padding:11px 22px;border-radius:999px;font-weight:700;font-size:.9rem;color:#fff!important;text-decoration:none!important;background:linear-gradient(135deg,#FF8A00,#ffb340);box-shadow:0 8px 22px rgba(255,138,0,.32);transition:transform .2s,box-shadow .2s}
.tc-sh-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,138,0,.42)}
.tc-sh-toggle{display:none;background:none;border:none;font-size:1.6rem;line-height:1;color:#060C3D;cursor:pointer;padding:4px}

/* ---------- Footer ---------- */
.tc-sh-foot{background:#060C3D;color:rgba(255,255,255,.78);padding:56px 0 0;margin-top:60px}
.tc-sh-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:40px}
.tc-sh-foot-brand img{height:48px;width:auto;margin-bottom:14px}
.tc-sh-foot-brand p{font-size:.88rem;line-height:1.7;margin:0;color:rgba(255,255,255,.78)}
.tc-sh-foot-brand b{color:#fff}
.tc-sh-foot h4{color:#fff!important;font-size:.9rem!important;font-weight:800!important;margin:0 0 14px!important;text-transform:uppercase;letter-spacing:.06em}
.tc-sh-foot-links{display:grid;gap:9px;font-size:.88rem}
.tc-sh-foot-links a{color:rgba(255,255,255,.78)!important;text-decoration:none!important}
.tc-sh-foot-links a:hover{color:#0FDEC9!important}
.tc-sh-foot-contact{display:grid;gap:10px;font-size:.88rem}
.tc-sh-foot-contact b{color:#0FDEC9}
.tc-sh-foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 20px;text-align:center;font-size:.8rem;color:rgba(255,255,255,.5)}

/* ---------- Thanh tieu de trang cua Edumall -> dai xanh Tabcom ---------- */
body.tabcom-shell .page-title-bar{background:linear-gradient(135deg,#060C3D 0%,#0e28c5 55%,#0038FF 100%)!important;border:none!important}
body.tabcom-shell .page-title-bar .heading,
body.tabcom-shell .page-title-bar h1,
body.tabcom-shell .page-title-bar .page-title{color:#fff!important;font-weight:800!important}
body.tabcom-shell .page-title-bar .insight_core_breadcrumb a,
body.tabcom-shell .page-title-bar .breadcrumb a{color:rgba(255,255,255,.8)!important}
body.tabcom-shell .page-title-bar .insight_core_breadcrumb li,
body.tabcom-shell .page-title-bar .breadcrumb li{color:#0FDEC9!important}

/* ---------- Nut chung cua WooCommerce / Tutor -> cam Tabcom ---------- */
body.tabcom-shell .woocommerce a.button.alt,
body.tabcom-shell .woocommerce button.button.alt,
body.tabcom-shell .single_add_to_cart_button{background:linear-gradient(135deg,#FF8A00,#ffb340)!important;border:none!important;border-radius:999px!important;color:#fff!important;font-weight:700!important}

/* ---------- Trang dang nhap / dang ky: bo cuc 2 cot ---------- */
body.tabcom-shell.tabcom-auth{background:#f5f8ff}
body.tabcom-shell.tabcom-auth #page-main-content,
body.tabcom-shell.tabcom-auth .page-content{padding-top:0!important}
.tc-auth{display:grid;grid-template-columns:1fr 1.05fr;max-width:1040px;margin:44px auto 20px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 64px rgba(6,12,61,.12);border:1px solid #e3eaf7}
.tc-auth-side{position:relative;overflow:hidden;background:linear-gradient(145deg,#060C3D 0%,#0e28c5 55%,#0038FF 100%);color:#fff;padding:46px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:26px}
.tc-auth-side::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 240px at 100% 0,rgba(15,222,201,.25),transparent 60%);pointer-events:none}
.tc-auth-side>*{position:relative}
.tc-auth-tag{display:inline-block;background:rgba(15,222,201,.16);color:#0FDEC9;border:1px solid rgba(15,222,201,.4);font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:18px}
.tc-auth-side h2{color:#fff!important;font-size:1.8rem!important;font-weight:900!important;line-height:1.25!important;margin:0 0 12px!important}
.tc-auth-side h2 span{color:#0FDEC9}
.tc-auth-side p{color:rgba(255,255,255,.85);font-size:.95rem;line-height:1.65;margin:0}
.tc-auth-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tc-auth-list li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:rgba(255,255,255,.92);margin:0}
.tc-auth-list li::before{content:"✓";flex:0 0 24px;height:24px;border-radius:50%;background:#0FDEC9;color:#060C3D;font-weight:900;font-size:.78rem;display:flex;align-items:center;justify-content:center}
.tc-auth-more{font-size:.88rem;color:rgba(255,255,255,.8)}
.tc-auth-more a{color:#fff!important;font-weight:800;text-decoration:underline!important}
.tc-auth-form{padding:40px 42px}
.tc-auth-form .woocommerce{margin:0}
/* Form dang nhap Easy Login (Xoo) ben trong */
body.tabcom-auth .xoo-el-form-container,body.tabcom-auth .xoo-el-inmodal,body.tabcom-auth .xoo-el-form-inline{max-width:none!important;margin:0!important;box-shadow:none!important}
body.tabcom-auth .xoo-el-header .xoo-el-tabs{border-radius:12px!important;overflow:hidden;background:#e8f0ff!important}
body.tabcom-auth .xoo-el-tabs li{font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
body.tabcom-auth .xoo-aff-group input,
body.tabcom-auth .xoo-el-form-container input[type=text],
body.tabcom-auth .xoo-el-form-container input[type=email],
body.tabcom-auth .xoo-el-form-container input[type=password]{border:1.5px solid #dfe6f5!important;border-radius:12px!important;background:#fff!important;height:50px!important;box-shadow:none!important}
body.tabcom-auth .xoo-aff-group input:focus,
body.tabcom-auth .xoo-el-form-container input:focus{border-color:#0F2EDE!important;box-shadow:0 0 0 4px rgba(15,46,222,.1)!important}
body.tabcom-auth .xoo-el-action-btn,
body.tabcom-auth button.button.btn.xoo-el-action-btn{background:linear-gradient(135deg,#FF8A00,#ffb340)!important;border:none!important;border-radius:999px!important;height:52px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 10px 26px rgba(255,138,0,.32)!important}

/* ---------- May tinh bang / dien thoai ---------- */
@media(max-width:1100px){
  .tc-sh-nav{gap:16px}
  .tc-sh-nav a{font-size:.86rem}
}
@media(max-width:960px){
  .tc-sh-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:18px 22px;gap:16px;box-shadow:0 20px 40px rgba(6,12,61,.15)}
  .tc-sh-nav.open{display:flex}
  .tc-sh-nav .tc-sh-nav-acc{display:block;color:#0F2EDE!important;font-weight:800}
  .tc-sh-cta .tc-sh-link{display:none}
  .tc-sh-toggle{display:block}
  .tc-sh-foot-grid{grid-template-columns:1fr 1fr}
  .tc-auth{grid-template-columns:1fr;margin:24px 16px}
  .tc-auth-side{padding:32px 26px}
}
@media(max-width:560px){
  .tc-sh-head .tc-sh-wrap{height:64px}
  .tc-sh-logo img{height:34px}
  .tc-sh-btn{padding:9px 14px;font-size:.8rem}
  .tc-sh-nav{top:64px}
  .tc-sh-foot-grid{grid-template-columns:1fr}
  .tc-auth-form{padding:26px 20px}
  .tc-auth-side h2{font-size:1.45rem!important}
}

/* ===== Form Easy Login (Xoo) trong khung dang nhap / dang ky ===== */
/* Nut: chu dai xuong dong tren dien thoai -> nut phai cao theo chu, khong co dinh 52px */
body.tabcom-auth .xoo-el-action-btn{height:auto!important;min-height:52px!important;padding:14px 18px!important;line-height:1.3!important;white-space:normal!important}
/* O nhap rong bang nut Google */
body.tabcom-auth .xoo-el-fields-cont,
body.tabcom-auth .xoo-aff-group{width:100%!important;max-width:none!important;margin-right:0!important;padding-right:0!important}
/* "Nho tai khoan" cung dong voi o tich */
body.tabcom-auth .xoo-el-login-btm-fields{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 18px!important}
body.tabcom-auth .xoo-el-login-btm-fields label{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;font-size:.9rem!important;color:#5a6480!important}
body.tabcom-auth .xoo-el-login-btm-fields input[type=checkbox]{margin:0!important}

/* ===== Bo cuc 2 cot: form rong (vd dang ky Tutor 2 cot o nhap) khong duoc bop cot trai ===== */
.tc-auth{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
@media(max-width:960px){.tc-auth{grid-template-columns:minmax(0,1fr)}}

/* ===== Form Tutor LMS trong khung 2 cot (dang nhap khu vuc hoc vien, dang ky hoc vien/giang vien) ===== */
/* Bo khung long ben trong (the trong the) */
.tc-auth-form .tutor-template-segment,
.tc-auth-form .user-form-box,
.tc-auth-form .tutor-login-form-wrapper,
.tc-auth-form .tutor-form-wrap{border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;background:transparent!important;max-width:none!important}
.tc-auth-form .form-title,.tc-auth-form .tutor-login-title{font-size:1.5rem!important;font-weight:800!important;color:#060C3D!important;margin:0 0 6px!important;text-align:left!important}
.tc-auth-form .form-description{text-align:left!important;color:#5a6480!important;margin-bottom:22px!important}
.tc-auth-form .form-description a{color:#0F2EDE!important;font-weight:700;border:none!important}
.tc-auth-form label,.tc-auth-form .tutor-form-label{text-transform:none!important;letter-spacing:0!important;font-size:.85rem!important;font-weight:700!important;color:#060C3D!important}
.tc-auth-form input[type=text],.tc-auth-form input[type=email],.tc-auth-form input[type=password],
.tc-auth-form input[type=tel],.tc-auth-form .tutor-form-control{background:#fff!important;border:1.5px solid #dfe6f5!important;border-radius:12px!important;height:50px!important;padding:0 16px!important;box-shadow:none!important;font-size:.95rem!important}
.tc-auth-form input:focus,.tc-auth-form .tutor-form-control:focus{border-color:#0F2EDE!important;box-shadow:0 0 0 4px rgba(15,46,222,.1)!important;outline:none!important}
.tc-auth-form button[type=submit],.tc-auth-form input[type=submit],.tc-auth-form .tutor-button,.tc-auth-form .tutor-btn-primary{
  width:100%;background:linear-gradient(135deg,#FF8A00,#ffb340)!important;border:none!important;border-radius:999px!important;
  min-height:52px;height:auto!important;padding:14px 20px!important;color:#fff!important;font-weight:800!important;font-size:1rem!important;
  text-transform:none!important;letter-spacing:0!important;box-shadow:0 10px 26px rgba(255,138,0,.32)!important}
.tc-auth-form a{color:#0F2EDE}

/* ===== Trang cong tac vien (Indeed Affiliate Pro) ===== */
body.tabcom-shell .post-1667 .entry-content,
body.tabcom-shell .post-1668 .entry-content,
body.tabcom-shell .post-1670 .entry-content{max-width:640px;margin:40px auto 0}
body.tabcom-shell #uap_createuser,
body.tabcom-shell .uap-login-form-wrap{background:#fff;border:1px solid #e3eaf7;border-radius:20px;box-shadow:0 16px 48px rgba(6,12,61,.1);padding:32px 34px!important;margin:18px auto 0!important;max-width:640px}
body.tabcom-shell .uap-login-form-wrap{max-width:460px}
body.tabcom-shell #uap_createuser label,body.tabcom-shell .uap-labels-register{font-weight:700!important;color:#060C3D!important;font-size:.88rem!important}
body.tabcom-shell #uap_createuser input[type=text],body.tabcom-shell #uap_createuser input[type=email],
body.tabcom-shell #uap_createuser input[type=password],body.tabcom-shell #uap_createuser textarea,
body.tabcom-shell #uap_login_form input[type=text],body.tabcom-shell #uap_login_form input[type=password]{
  background:#fff!important;border:1.5px solid #dfe6f5!important;border-radius:12px!important;box-shadow:none!important;font-size:.95rem!important}
body.tabcom-shell #uap_createuser input:focus,body.tabcom-shell #uap_createuser textarea:focus,body.tabcom-shell #uap_login_form input:focus{border-color:#0F2EDE!important;box-shadow:0 0 0 4px rgba(15,46,222,.1)!important;outline:none!important}
body.tabcom-shell #uap_submit_bttn,body.tabcom-shell #uap_login_form input[type=submit]{
  background:linear-gradient(135deg,#FF8A00,#ffb340)!important;border:none!important;border-radius:999px!important;color:#fff!important;
  font-weight:800!important;font-size:1rem!important;min-height:52px;padding:14px 24px!important;box-shadow:0 10px 26px rgba(255,138,0,.32)!important;text-transform:none!important}
body.tabcom-shell #uap_createuser a,body.tabcom-shell .uap-login-form-wrap a{color:#0F2EDE!important;font-weight:700}

/* ===== Trang 404: Edumall ve them 1 logo rieng (branding) ngay duoi header -> an; nut theo mau Tabcom ===== */
body.tabcom-shell.error404 .branding{display:none!important}
body.tabcom-shell.error404 .page-404-content{padding:60px 0 80px}
body.tabcom-shell.error404 .error-404-title{color:#060C3D!important;font-weight:800!important}
body.tabcom-shell.error404 .error-buttons a,
body.tabcom-shell.error404 .error-buttons .tm-button{background:linear-gradient(135deg,#FF8A00,#ffb340)!important;border:none!important;border-radius:999px!important;color:#fff!important;font-weight:800!important;box-shadow:0 10px 26px rgba(255,138,0,.32)!important}
body.tabcom-shell.error404 .error-buttons a *{color:#fff!important}

/* ===== Vong sua 2 ===== */
/* Cot trai: noi dung don len tren, link "xem khoa hoc" xuong day (khong gian cach giua) */
.tc-auth-side{justify-content:flex-start}
.tc-auth-side>:last-child{margin-top:auto}
.tc-auth-form{min-width:0}
/* Form dang ky hoc vien (Edumall ve lai form Tutor bang .row/.col-sm-6): ep thanh luoi 2 cot vua khung */
.tc-auth-form .form-row.row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px;margin:0!important}
.tc-auth-form .form-row.row::before,.tc-auth-form .form-row.row::after{display:none!important}
.tc-auth-form .form-row.row>[class*=col-]{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;float:none!important}
.tc-auth-form .form-row{margin-bottom:6px!important}
@media(max-width:600px){.tc-auth-form .form-row.row{grid-template-columns:minmax(0,1fr)}}
/* Form dang ky giang vien: bo the trang long ben trong */
.tc-auth-form form{box-shadow:none!important;border:none!important;background:transparent!important;padding:0!important;margin:0!important}
.tc-auth-form .tutor-form-row{margin-left:0!important;margin-right:0!important}
/* Cong tac vien: doan gioi thieu nam giua cung khung form */
body.tabcom-shell article.post-1667,body.tabcom-shell article.post-1668{max-width:640px;margin:0 auto;padding-top:28px}
body.tabcom-shell article.post-1667>p{text-align:center;color:#5a6480;font-size:1rem;line-height:1.65}
body.tabcom-shell #uap_createuser .uap-form-sublabel{color:#8a93ab!important;font-size:.82rem!important;line-height:1.5}
body.tabcom-shell #uap_createuser .uap-register-row-left,body.tabcom-shell #uap_createuser .uap-register-row-right{float:none!important;width:100%!important;display:block}
body.tabcom-shell #uap_createuser #uap_submit_bttn{width:100%}
body.tabcom-shell #uap_createuser .uap-login-link{text-align:center;margin-top:14px}
body.tabcom-shell #uap_createuser .uap-login-link a{display:inline!important;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;color:#0F2EDE!important;font-weight:700!important;width:auto!important;height:auto!important;line-height:1.5!important}
body.tabcom-shell #uap_createuser .uap-login-link::before{content:"Đã là cộng tác viên? ";color:#5a6480}
body.tabcom-shell #uap_login_form input[type=submit]{line-height:1.2!important;height:auto!important;display:block;width:100%}
/* 404: nen nut Edumall ve bang ::before -> tat de gradient cam hien ra */
body.tabcom-shell.error404 .error-buttons .tm-button::before,body.tabcom-shell.error404 .error-buttons .tm-button::after{display:none!important}
body.tabcom-shell.error404 .error-buttons .tm-button{padding:0 30px!important}
/* Tim kiem: nut "Doc them" theo mau Tabcom */
body.tabcom-shell.search .post-read-more a,body.tabcom-shell.search .tm-button{background:#eef2ff!important;color:#0F2EDE!important;border-radius:999px!important;font-weight:700!important}
body.tabcom-shell.search .tm-button::before,body.tabcom-shell.search .tm-button::after{display:none!important}

/* ===== Vong sua 3 ===== */
/* O nhap Tutor/Edumall bi ep rong 670px -> day tran khung; ep vua cot */
.tc-auth-form .user-form-box,.tc-auth-form .user-form-wrap,.tc-auth-form form{width:auto!important;min-width:0!important}
.tc-auth-form input[type=text],.tc-auth-form input[type=email],.tc-auth-form input[type=password],.tc-auth-form input[type=tel]{width:100%!important;max-width:100%!important;min-width:0!important;display:block}
.tc-auth-form .form-row{margin-bottom:18px!important}
.tc-auth-form .form-row.row{gap:18px 16px}
/* Dang ky giang vien: Tutor boc form trong the rieng co bong */
.tc-auth-form #tutor-registration-wrap{box-shadow:none!important;padding:0!important;background:transparent!important;border:none!important}
/* Cong tac vien: link "Dang nhap" la chu thuong, khong phai o xanh */
body.tabcom-shell #uap_createuser .uap-login-link{background:none!important;padding:0!important;border:none!important;box-shadow:none!important;text-transform:none!important;height:auto!important}
body.tabcom-shell #uap_createuser .uap-login-link a{text-transform:none!important}
/* Khoang cach deu giua cac hang form dang ky hoc vien */
.tc-auth-form .form-row+.form-row{padding-top:16px!important}

/* =====================================================================
   KHU VUC HOC VIEN (dashboard Tutor, /tong-quan/...) khi da dang nhap
   Edumall: menu trai fixed 320px tu mep tren + body margin-left 320px.
   -> header Tabcom keo ra full ngang, menu trai nam duoi header, bo logo thua.
   ===================================================================== */
body.tabcom-shell.dashboard-page{background:#f4f7fd!important}
body.tabcom-shell.dashboard-page.dashboard-nav-fixed .tc-sh-head{margin-left:-320px;width:calc(100% + 320px)}
body.tabcom-shell.dashboard-page.dashboard-nav-fixed .tutor-dashboard-left-menu{top:74px!important;height:calc(100% - 74px)!important}
body.admin-bar.tabcom-shell.dashboard-page.dashboard-nav-fixed .tutor-dashboard-left-menu{top:106px!important;height:calc(100% - 106px)!important}
body.tabcom-shell.dashboard-page .dashboard-nav-header .branding{display:none!important}
body.tabcom-shell.dashboard-page.dashboard-nav-fixed .dashboard-nav-header{display:none!important}

/* Menu trai */
body.tabcom-shell .dashboard-nav-wrapper{background:#fff!important;border-right:1px solid #e3eaf7;box-shadow:none!important}
body.tabcom-shell .dashboard-nav-content{padding:18px 14px!important}
body.tabcom-shell .tutor-dashboard-permalinks{padding:0!important;margin:0!important}
body.tabcom-shell .tutor-dashboard-permalinks li a{display:flex!important;align-items:center;gap:12px;border-radius:12px!important;padding:12px 16px!important;
  color:#3a4466!important;font-weight:600!important;font-size:.93rem!important;background:transparent!important;transition:background .2s,color .2s}
body.tabcom-shell .tutor-dashboard-permalinks li a:hover{background:#f1f4ff!important;color:#0F2EDE!important}
body.tabcom-shell .tutor-dashboard-permalinks li.active>a,
body.tabcom-shell .tutor-dashboard-permalinks li.active a{background:linear-gradient(135deg,#0F2EDE,#0038FF)!important;color:#fff!important;box-shadow:0 8px 20px rgba(15,46,222,.25)}
body.tabcom-shell .tutor-dashboard-permalinks li a i,
body.tabcom-shell .tutor-dashboard-permalinks li a [class*=icon]{color:inherit!important;font-size:1.1rem}
body.tabcom-shell .tutor-dashboard-menu-divider{border-top:1px solid #e3eaf7!important;margin:12px 6px!important}
body.tabcom-shell .tutor-dashboard-menu-divider-header{color:#8a93ab!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;padding:10px 16px 4px!important}

/* Dai chao "Chao, ..." -> banner xanh Tabcom */
body.tabcom-shell .tutor-dashboard-header-wrap{background:linear-gradient(135deg,#060C3D 0%,#0e28c5 55%,#0038FF 100%)!important;border:none!important;padding:26px 0!important;position:relative;overflow:hidden}
body.tabcom-shell .tutor-dashboard-header-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 220px at 100% 0,rgba(15,222,201,.25),transparent 60%);pointer-events:none}
body.tabcom-shell .tutor-dashboard-header{position:relative}
body.tabcom-shell .tutor-dashboard-header-avatar img,
body.tabcom-shell .tutor-dashboard-header-avatar .tutor-avatar{border:3px solid rgba(255,255,255,.85)!important;border-radius:50%!important;box-shadow:0 8px 24px rgba(0,0,0,.25)}
body.tabcom-shell .tutor-dashboard-header-display-name{color:#fff!important;font-weight:800!important;font-size:1.35rem!important}
body.tabcom-shell .tutor-dashboard-header-display-name .welcome-text{color:#0FDEC9!important;font-weight:700!important}
body.tabcom-shell .tutor-dashboard-header-stats,body.tabcom-shell .tutor-dashboard-header-stats *{color:rgba(255,255,255,.85)!important}
body.tabcom-shell .dashboard-header-toggle-menu{color:#fff!important}
body.tabcom-shell #tutor-notifications-wrapper [class*=btn],
body.tabcom-shell .tutor-dashboard-header-button .tutor-iconic-btn{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}
body.tabcom-shell .tutor-dashboard-header-button .tutor-btn{background:linear-gradient(135deg,#FF8A00,#ffb340)!important;border:none!important;color:#fff!important;border-radius:999px!important;font-weight:800!important}

/* Noi dung */
body.tabcom-shell.dashboard-page .page-main-content{padding-top:34px!important;padding-bottom:60px!important}
body.tabcom-shell .tutor-dashboard-content .tutor-fs-5.tutor-fw-medium,
body.tabcom-shell .tutor-dashboard-content .tutor-dashboard-title,
body.tabcom-shell .tutor-dashboard-content>h3,
body.tabcom-shell .tutor-dashboard-content-inner>h3,
body.tabcom-shell .tutor-dashboard-content .dashboard-title{color:#060C3D!important;font-weight:800!important}
/* The so lieu (Da hoc / Dang mo / Hoan thanh) */
body.tabcom-shell .dashboard-info-card-box{background:#fff!important;border:1px solid #e3eaf7!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(6,12,61,.06)!important;transition:transform .2s,box-shadow .2s}
body.tabcom-shell .dashboard-info-card-box:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(6,12,61,.1)!important}
body.tabcom-shell .dashboard-info-card-box .dashboard-info-card-value,
body.tabcom-shell .dashboard-info-card-box h3,
body.tabcom-shell .dashboard-info-card-box .tutor-fs-3{color:#060C3D!important;font-weight:900!important}
body.tabcom-shell .dashboard-info-card-box .dashboard-info-card-heading,
body.tabcom-shell .dashboard-info-card-box p{color:#5a6480!important;font-weight:600!important}
/* Tab con (Dang hoc / Hoan thanh...) */
body.tabcom-shell .tutor-dashboard-content .tutor-nav{border-bottom:1px solid #e3eaf7!important}
body.tabcom-shell .tutor-dashboard-content .tutor-nav-link{color:#5a6480!important;font-weight:700!important}
body.tabcom-shell .tutor-dashboard-content .tutor-nav-link.is-active,
body.tabcom-shell .tutor-dashboard-content .tutor-nav-link:hover{color:#0F2EDE!important;border-bottom-color:#FF8A00!important}
/* Bang (lich su don hang, bai kiem tra) va trang thai rong */
body.tabcom-shell .tutor-dashboard-content .tutor-table-wrapper,
body.tabcom-shell .tutor-dashboard-content .tutor-empty-state,
body.tabcom-shell .tutor-dashboard-content .tutor-card{background:#fff!important;border:1px solid #e3eaf7!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(6,12,61,.05)!important;overflow:hidden}
body.tabcom-shell .tutor-dashboard-content .tutor-table th,
body.tabcom-shell .tutor-dashboard-content table th{background:#f4f7fd!important;color:#060C3D!important;font-weight:800!important}
/* Form cai dat / thong tin */
body.tabcom-shell .tutor-dashboard-content .tutor-form-control,
body.tabcom-shell .tutor-dashboard-content input[type=text],body.tabcom-shell .tutor-dashboard-content input[type=email],
body.tabcom-shell .tutor-dashboard-content input[type=password],body.tabcom-shell .tutor-dashboard-content input[type=tel],
body.tabcom-shell .tutor-dashboard-content textarea,body.tabcom-shell .tutor-dashboard-content select{background:#fff!important;border:1.5px solid #dfe6f5!important;border-radius:12px!important;box-shadow:none!important}
body.tabcom-shell .tutor-dashboard-content .tutor-form-control:focus,
body.tabcom-shell .tutor-dashboard-content input:focus,body.tabcom-shell .tutor-dashboard-content textarea:focus{border-color:#0F2EDE!important;box-shadow:0 0 0 4px rgba(15,46,222,.1)!important}
body.tabcom-shell .tutor-dashboard-content .tutor-form-label,
body.tabcom-shell .tutor-dashboard-content label{color:#060C3D!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
body.tabcom-shell .tutor-dashboard-content .tutor-btn-primary,
body.tabcom-shell .tutor-dashboard-content button[type=submit]{background:linear-gradient(135deg,#FF8A00,#ffb340)!important;border:none!important;color:#fff!important;border-radius:999px!important;font-weight:800!important;box-shadow:0 10px 24px rgba(255,138,0,.28)!important}
body.tabcom-shell .tutor-dashboard-content .tutor-btn-outline-primary{border-color:#0F2EDE!important;color:#0F2EDE!important;border-radius:999px!important;font-weight:700!important;background:#fff!important}
body.tabcom-shell .tutor-dashboard-content a:not(.tutor-btn):not(.tutor-nav-link){color:#0F2EDE}
/* The khoa hoc da dang ky */
body.tabcom-shell .tutor-dashboard-content .tutor-course-card,
body.tabcom-shell .tutor-dashboard-content .edumall-box{border-radius:18px!important;border:1px solid #e3eaf7!important;overflow:hidden;box-shadow:0 10px 30px rgba(6,12,61,.06)!important}
body.tabcom-shell .tutor-dashboard-content .tutor-progress-value,
body.tabcom-shell .tutor-dashboard-content .progress-bar{background:linear-gradient(90deg,#0FDEC9,#0038FF)!important}
/* Icon menu trai la a::before (absolute, left 20px, rong 30px) -> chua cho icon va can giua doc */
body.tabcom-shell .tutor-dashboard-permalinks li a{padding-left:58px!important}
body.tabcom-shell .tutor-dashboard-permalinks li a::before{top:50%!important;transform:translateY(-50%)!important;left:18px!important;color:inherit!important}
/* Nut X dong menu tren dien thoai nam tren nen trang -> mau navy (rule mau trang o tren chi danh cho nut mo trong banner) */
body.tabcom-shell .dashboard-nav-header .dashboard-header-close-menu,
body.tabcom-shell .dashboard-nav-header .dashboard-header-close-menu *{color:#060C3D!important}
body.tabcom-shell.dashboard-page:not(.dashboard-nav-fixed) .dashboard-nav-header{border-bottom:1px solid #e3eaf7;padding:14px 18px!important}


/* An header mac dinh cua Edumall (top bar +88..., logo thu 2) tren trang bai hoc / khoa hoc Tutor - da co header Tabcom o tren */
body.tabcom-shell header#page-header.page-header { display: none !important; }

/* Nhan bai hoc o cot "BAI GIANG" (trang hoc bai Tutor) — dong bo voi trang ban khoa hoc */
body.tabcom-shell .lesson-preview-badge,
body.tabcom-shell .lesson-pro-badge { font-size: 0 !important; line-height: 0; background: none !important; padding: 0 !important; }
body.tabcom-shell .lesson-preview-badge::after { content: 'Học thử'; font-size: .72rem; line-height: 1; font-weight: 700; color: #0a7f6f; background: rgba(15,222,201,.18); padding: 4px 10px; border-radius: 999px; display: inline-block; }
body.tabcom-shell .lesson-pro-badge::after { content: '🔒'; font-size: .8rem; line-height: 1; background: #f1f3f9; padding: 4px 8px; border-radius: 999px; display: inline-block; }
body.tabcom-shell.tabcom-free-course .lesson-badge-wrapper { display: none !important; }

/* Muc luc (trang khoa hoc cua hoc vien DA ghi danh — template goc Tutor) theo kieu Tabcom */
body.tabcom-shell .tutor-course-topics-wrap{background:#fff;border-radius:18px;padding:28px 28px 20px;box-shadow:0 8px 30px rgba(6,12,61,.06)}
body.tabcom-shell .tutor-course-topics-header{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;border:0}
body.tabcom-shell .tutor-course-topics-header .tutor-segment-title{font-size:1.35rem;font-weight:800;color:#060C3D;margin:0}
body.tabcom-shell .tutor-course-topics-header-right .topics-total-lessons{font-size:.85rem;color:#6b7280}
body.tabcom-shell .tutor-course-topic{border:1px solid #e6e9f5;border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff}
body.tabcom-shell .tutor-course-topic .tutor-course-title{padding:16px 20px;background:#f7f8fd;cursor:pointer}
body.tabcom-shell .tutor-course-topic .tutor-course-title h4{font-size:.98rem;font-weight:700;color:#060C3D;margin:0;display:flex;align-items:center;gap:10px}
body.tabcom-shell .tutor-course-topic .tutor-course-title h4 i{color:#0F2EDE;font-size:.8rem}
body.tabcom-shell .tutor-course-topic .tutor-topics-summery{padding:8px 20px 4px;color:#6b7280;font-size:.9rem}
body.tabcom-shell .tutor-course-lesson{padding:12px 20px;border-top:1px solid #eef0f8}
body.tabcom-shell .tutor-course-lesson h5{font-size:.95rem;font-weight:500;color:#1f2544;margin:0;display:flex;align-items:center;gap:10px}
body.tabcom-shell .tutor-course-lesson h5 a{color:inherit}
body.tabcom-shell .tutor-course-lesson h5 a:hover{color:#0F2EDE}
body.tabcom-shell .tutor-course-lesson h5 i{color:#0F2EDE}
body.tabcom-shell .tutor-course-lesson .lesson-preview-title{flex:1}
body.tabcom-shell .tutor-course-lesson .lesson-badge-wrapper{margin-left:auto}

/* ===== TRANG HOC BAI (Tutor lesson player) theo kieu Tabcom — 18/09/2026 ===== */
body.tabcom-shell .tutor-single-lesson-wrap{background:#f5f7ff;gap:24px;padding:24px 0}
body.tabcom-shell .tutor-lesson-sidebar-wrap,body.tabcom-shell #tutor-lesson-sidebar{background:transparent;border:0}
body.tabcom-shell .tutor-lesson-sidebar-inner{background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(6,12,61,.06);overflow:hidden}
body.tabcom-shell .tutor-tabs-btn-group{background:linear-gradient(135deg,#0F2EDE,#060C3D);border:0;padding:0}
body.tabcom-shell .tutor-tabs-btn-group a{color:#fff!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;padding:16px 18px;background:transparent!important;border:0!important;justify-content:center}
body.tabcom-shell .tutor-tabs-btn-group a.active{background:rgba(255,255,255,.14)!important}
body.tabcom-shell .tutor-tabs-btn-group a i{color:#0FDEC9;margin-right:8px}
body.tabcom-shell .tutor-topics-in-single-lesson{border:0;border-bottom:1px solid #eef0f8;margin:0}
body.tabcom-shell .tutor-topics-title{background:#f7f8fd;padding:14px 18px;display:flex;align-items:center;gap:10px;cursor:pointer}
body.tabcom-shell .tutor-topics-title h3{margin:0;font-size:.92rem;font-weight:700;color:#060C3D;line-height:1.4;flex:1}
body.tabcom-shell .tutor-topics-title.is-active h3{color:#0F2EDE}
body.tabcom-shell .tutor-topics-title button{background:none;border:0;color:#0F2EDE;font-size:.8rem;padding:0;cursor:pointer}
body.tabcom-shell .tutor-lessons-under-topic{background:#fff;padding:4px 0}
body.tabcom-shell .tutor-course-lesson{padding:0;margin:0;border:0;border-top:1px solid #f1f3f9}
body.tabcom-shell .tutor-course-lesson h5{margin:0}
body.tabcom-shell .tutor-course-lesson h5 a{display:block;padding:12px 18px 12px 16px;border-left:3px solid transparent;color:#1f2544;transition:.15s}
body.tabcom-shell .tutor-course-lesson h5 a:hover{background:#f7f8fd;color:#0F2EDE}
body.tabcom-shell .tutor-course-lesson.active h5 a{background:#eef1ff;border-left-color:#0F2EDE;color:#0F2EDE;font-weight:600}
body.tabcom-shell .lesson-preview-title{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;line-height:1.45}
body.tabcom-shell .lesson-preview-title>i{color:#0F2EDE;margin-top:3px;font-size:.85rem}
body.tabcom-shell .lesson-title-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
body.tabcom-shell .lesson-title-wrapper::after{content:'';flex-basis:100%;order:1;height:0}
body.tabcom-shell .lesson-badge-wrapper{order:2;flex:1;flex-basis:auto}
body.tabcom-shell .tutor-lesson-duration{order:3;margin-left:auto;font-size:.78rem;color:#8a90ad;font-variant-numeric:tabular-nums}
body.tabcom-shell .tutor-course-lesson:has(.lesson-pro-badge) h5 a{color:#8a90ad}
body.tabcom-shell .tutor-course-lesson:has(.lesson-pro-badge) .lesson-preview-title>i{color:#b7bccf}
body.tabcom-shell .tutor-single-page-top-bar{background:linear-gradient(90deg,#0F2EDE,#3352ff);border-radius:14px;padding:12px 18px;box-shadow:0 8px 24px rgba(15,46,222,.18)}
body.tabcom-shell .tutor-single-page-top-bar a,body.tabcom-shell .tutor-single-page-top-bar span{color:#fff}
body.tabcom-shell .tutor-lesson-content-area{background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(6,12,61,.06);padding:18px}
body.tabcom-shell .tutor-next-previous-pagination-wrap{display:flex;justify-content:space-between;gap:12px;padding:16px 0 4px}
body.tabcom-shell .tutor-next-previous-pagination-wrap .tm-button{background:linear-gradient(135deg,#FF8A00,#ffb340);color:#fff;border-radius:999px;padding:12px 26px;font-weight:700;border:0;box-shadow:0 8px 20px rgba(255,138,0,.28)}
body.tabcom-shell .tutor-next-previous-pagination-wrap .tm-button:hover{filter:brightness(1.05);color:#fff}
body.tabcom-shell .tutor-next-previous-pagination-wrap .tm-button::before,body.tabcom-shell .tutor-next-previous-pagination-wrap .tm-button::after{display:none!important}
body.tabcom-shell .tutor-next-previous-pagination-wrap .tm-button .button-text,body.tabcom-shell .tutor-next-previous-pagination-wrap .tm-button .button-icon,body.tabcom-shell .tutor-next-previous-pagination-wrap .tm-button i{color:#fff!important;opacity:1!important}

/* Popup bai dang khoa (dung chung voi trang khoa hoc — markup in ra tu functions.php) */
body.tabcom-shell .lock-modal{position:fixed;inset:0;z-index:99999;background:rgba(6,12,61,.55);display:flex;align-items:center;justify-content:center;padding:20px;font-family:inherit}
body.tabcom-shell .lock-modal[hidden]{display:none}
body.tabcom-shell .lock-modal-box{background:#fff;border-radius:20px;max-width:480px;width:100%;padding:36px 32px 28px;text-align:center;position:relative;box-shadow:0 30px 80px rgba(6,12,61,.35)}
body.tabcom-shell .lock-modal-close{position:absolute;top:12px;right:14px;border:0;background:none;font-size:1.6rem;line-height:1;color:#8a90ad;cursor:pointer}
body.tabcom-shell .lock-modal-icon{font-size:2.2rem;margin-bottom:8px}
body.tabcom-shell .lock-modal-box h3{font-size:1.25rem;font-weight:800;color:#060C3D;margin:0 0 6px}
body.tabcom-shell .lock-modal-lesson{font-size:.9rem;color:#0F2EDE;font-weight:600;margin:0 0 12px}
body.tabcom-shell .lock-modal-box p{color:#3b4160;font-size:.95rem;line-height:1.6;margin:0 0 18px}
body.tabcom-shell .lock-modal-actions{display:grid;gap:10px}
body.tabcom-shell .lock-modal-actions .btn{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;padding:13px 20px;border-radius:999px;font-weight:700;text-decoration:none}
body.tabcom-shell .lock-modal-actions .btn-primary{background:linear-gradient(135deg,#FF8A00,#ffb340);color:#fff}
body.tabcom-shell .lock-modal-actions .btn-outline{border:2px solid #0F2EDE;color:#0F2EDE;background:#fff}
body.tabcom-shell .lock-modal-note{margin-top:14px;font-size:.82rem;color:#8a90ad}

/* ===== Cot "Bai giang": co chu bang muc luc o trang khoa hoc (18/09/2026) =====
   Trang khoa hoc: ten bai .92rem (~14.7px), thoi luong .8rem, nhan .72rem, ten chuong 16px/700.
   Ap cho ca 2 kieu markup cua Tutor: h5 > a (da ghi danh/admin) va h5 chu tran (chua ghi danh). */
body.tabcom-shell #tutor-lesson-sidebar .tutor-topics-title h3{font-size:15px;font-weight:700;line-height:1.4}
body.tabcom-shell #tutor-lesson-sidebar .tutor-topics-title{padding:12px 16px}
body.tabcom-shell #tutor-lesson-sidebar .tutor-course-lesson h5,
body.tabcom-shell #tutor-lesson-sidebar .tutor-course-lesson h5 a,
body.tabcom-shell #tutor-lesson-sidebar .lesson-preview-title,
body.tabcom-shell #tutor-lesson-sidebar .lesson-title-wrapper,
body.tabcom-shell #tutor-lesson-sidebar .lesson_title,
body.tabcom-shell #tutor-lesson-sidebar .tutor-single-lesson-items a{font-size:14.5px;font-weight:500;line-height:1.45;font-family:'Be Vietnam Pro',system-ui,sans-serif}
body.tabcom-shell #tutor-lesson-sidebar .tutor-course-lesson.active h5,
body.tabcom-shell #tutor-lesson-sidebar .tutor-course-lesson.active h5 a{font-weight:600}
body.tabcom-shell #tutor-lesson-sidebar .tutor-course-lesson h5{margin:0;padding:0}
body.tabcom-shell #tutor-lesson-sidebar .tutor-course-lesson h5:not(:has(a)){display:flex;gap:10px;align-items:flex-start;padding:11px 16px 11px 14px;border-left:3px solid transparent;color:#8a90ad}
body.tabcom-shell #tutor-lesson-sidebar .tutor-course-lesson h5:not(:has(a))>i{color:#b7bccf;margin-top:3px;font-size:.85rem}
body.tabcom-shell #tutor-lesson-sidebar .tutor-course-lesson h5 a{padding:11px 16px 11px 14px}
body.tabcom-shell #tutor-lesson-sidebar .tutor-lesson-duration{font-size:12px}
body.tabcom-shell #tutor-lesson-sidebar .lesson-preview-badge,
body.tabcom-shell #tutor-lesson-sidebar .lesson-pro-badge{font-size:11px;padding:2px 9px}
body.tabcom-shell #tutor-lesson-sidebar .tutor-tabs-btn-group a{font-size:.74rem;padding:13px 16px}
body.tabcom-shell #tutor-lesson-sidebar .tutor-topics-title h3 .topic-title{font-weight:700;color:#060C3D}
body.tabcom-shell #tutor-lesson-sidebar .tutor-topics-title.is-active h3 .topic-title{color:#0F2EDE}

/* ===== DIEN THOAI / TABLET: trang hoc bai (19/09/2026) =====
   Tutor bien cot "Bai giang" thanh ngan keo (fixed, truot tu trai), nut mo nam THO ra ngoai mep
   ngan keo -> overflow:hidden o tren cat mat nut. Mo lai + lam nut de thay. */
@media (max-width:1200px){
  body.tabcom-shell .tutor-lesson-sidebar-inner{overflow:visible;border-radius:0 18px 18px 0}
  body.tabcom-shell .btn-toggle-lesson-sidebar{
    position:absolute;right:-46px;left:auto;top:80px;width:44px;height:44px;border-radius:0 12px 12px 0;
    background:linear-gradient(135deg,#0F2EDE,#3352ff);color:#fff;display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 20px rgba(15,46,222,.35);z-index:5}
  body.tabcom-shell .btn-toggle-lesson-sidebar i{color:#fff;font-size:1rem}
  body.tabcom-shell .tutor-single-lesson-wrap{padding:16px 0;gap:0}
  body.tabcom-shell .tutor-lesson-content-area{padding:14px}
  body.tabcom-shell .tutor-single-page-top-bar{padding:10px 14px;border-radius:12px}
  body.tabcom-shell .tutor-next-previous-pagination-wrap{gap:10px}
  body.tabcom-shell .tutor-next-previous-pagination-wrap .tm-button{padding:11px 18px;font-size:.88rem;flex:1;justify-content:center}
}
/* Khoi "Khong tim thay tep dinh kem": khong co tai lieu thi khong can chiem cho */
body.tabcom-shell .tutor-lesson-content-area .tutor-empty-state{display:none}

/* Khu vuc hoc vien / tai khoan tren dien thoai: bang khong tran, chu vua doc */
@media (max-width:560px){
  body.tabcom-shell{font-size:15px}
  body.tabcom-shell .tutor-dashboard-content,
  body.tabcom-shell .woocommerce-MyAccount-content{padding:16px 14px}
  body.tabcom-shell table.shop_table,body.tabcom-shell .tutor-table{display:block;overflow-x:auto;white-space:nowrap}
  body.tabcom-shell .tutor-dashboard-content-inner{overflow-x:auto}
}