/* ============================================================
   TBS GROUP — Cổng khách hàng: skin cao cấp (2026-07-10)
   Toàn bộ scoped dưới body.dashboard-page — không ảnh hưởng
   trang đăng nhập (.member-page) hay site marketing.
   ============================================================ */
.dashboard-page{
	background:#eef2f8;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
	color:#1e293b;
	-webkit-font-smoothing:antialiased;
}

/* ---------- Header ---------- */
.dashboard-page header{
	background:#fff;
	box-shadow:0 1px 0 #e3e9f2, 0 6px 18px rgba(15,32,68,.06);
	position:sticky; top:0; z-index:500;
}
.dashboard-page header .container-fluid{
	display:flex; align-items:center; justify-content:space-between;
	padding:0 26px; min-height:62px;
}
.dashboard-page header .logo img{max-height:40px; width:auto;}
.dashboard-page .member-menu{
	display:flex; align-items:center; gap:4px;
	list-style:none; margin:0; padding:0;
}
.dashboard-page .member-menu li{position:relative; margin:0; padding:0;}
.dashboard-page .member-menu li a{
	display:flex; align-items:center; gap:6px;
	padding:9px 15px; border-radius:10px;
	color:#475569; font-size:13.5px; font-weight:600;
	text-decoration:none; transition:all .18s ease;
}
.dashboard-page .member-menu li a:hover{background:#eef4fc; color:#0b64c0;}
.dashboard-page .member-menu li.active>a{
	background:linear-gradient(120deg,#0b1f3a,#134a86);
	color:#fff; box-shadow:0 4px 12px rgba(11,31,58,.28);
}
.dashboard-page .member-menu .dropdown-menu{
	display:none;
	position:absolute; right:0; top:calc(100% + 6px); z-index:600;
	border:1px solid #e3e9f2; border-radius:12px;
	box-shadow:0 14px 34px rgba(15,32,68,.16);
	padding:6px; min-width:210px; background:#fff;
}
.dashboard-page .member-menu li.open>.dropdown-menu{display:block;}
.dashboard-page .member-menu li.open>a{background:#eef4fc; color:#0b64c0;}
.dashboard-page .member-menu .dropdown-item{
	display:block; padding:9px 13px; border-radius:8px;
	color:#334155; font-size:13px; text-decoration:none;
}
.dashboard-page .member-menu .dropdown-item:hover{background:#eef4fc; color:#0b64c0;}

/* ---------- Khung nội dung ---------- */
.dashboard-page .wrapper>.container-fluid{padding:20px 26px 30px;}
.dashboard-page .row.g-4{display:flex; flex-wrap:wrap; margin:0 -10px;}
.dashboard-page .row.g-4>[class*='col-']{padding:0 10px; width:100%; float:none;}
@media(min-width:1200px){
	.dashboard-page .col-xl-9{width:74%;}
	.dashboard-page .col-xl-3{width:26%;}
}

/* ---------- Hero chào khách ---------- */
.kh-hero{
	position:relative; overflow:hidden;
	display:flex; align-items:center; justify-content:space-between;
	flex-wrap:wrap; gap:14px;
	background:linear-gradient(118deg,#0b1f3a 0%,#123a6b 55%,#0a5ea8 100%);
	border-radius:16px; padding:24px 28px; margin-bottom:18px;
	box-shadow:0 10px 26px rgba(11,31,58,.22);
}
.kh-hero:before{
	content:''; position:absolute; top:-70%; right:-4%;
	width:340px; height:340px; border-radius:50%;
	background:radial-gradient(circle, rgba(0,175,254,.25) 0%, rgba(0,175,254,0) 70%);
}
.kh-hero:after{
	content:''; position:absolute; bottom:-60%; left:22%;
	width:260px; height:260px; border-radius:50%;
	background:radial-gradient(circle, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 70%);
}
.kh-hero-txt{position:relative;}
.kh-hero-txt h1,.kh-hero-txt h2{margin:0 0 10px; color:#fff; font-size:22px; font-weight:400; letter-spacing:.01em;}
.kh-hero-txt h1 b,.kh-hero-txt h2 b{font-weight:700;}
.kh-hero-meta{display:flex; flex-wrap:wrap; gap:8px;}
.kh-chip{
	display:inline-flex; align-items:center; gap:6px;
	background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18);
	border-radius:16px; padding:5px 13px;
	color:#cfe3f7; font-size:12px;
}
.kh-chip b{color:#fff;}
.kh-chip i{color:#57c4ff;}
.kh-hero-actions{position:relative; display:flex; gap:10px; flex-wrap:wrap;}
.kh-btn{
	display:inline-flex; align-items:center; gap:8px;
	padding:10px 18px; border-radius:11px;
	font-size:13px; font-weight:700; text-decoration:none;
	transition:all .18s ease;
}
.kh-btn i{font-size:13px;}
.kh-btn-light{background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.25);}
.kh-btn-light:hover{background:rgba(255,255,255,.24); color:#fff; text-decoration:none; transform:translateY(-1px);}
.kh-btn-gold{background:linear-gradient(120deg,#00affe,#0777d2); color:#fff; box-shadow:0 6px 16px rgba(0,140,220,.35);}
.kh-btn-gold:hover{filter:brightness(1.08); color:#fff; text-decoration:none; transform:translateY(-1px);}

/* ---------- KPI ---------- */
.kh-kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px;}
@media(max-width:860px){.kh-kpis{grid-template-columns:1fr;}}
.kh-kpi{
	display:flex; align-items:center; gap:15px;
	background:#fff; border:1px solid #e6ebf4; border-radius:14px;
	padding:18px 20px;
	box-shadow:0 3px 10px rgba(15,32,68,.05);
	transition:transform .2s ease, box-shadow .2s ease;
}
.kh-kpi:hover{transform:translateY(-3px); box-shadow:0 10px 24px rgba(15,32,68,.12);}
.kh-kpi-ico{
	flex:0 0 50px; width:50px; height:50px; border-radius:13px;
	display:flex; align-items:center; justify-content:center;
	font-size:20px; color:#fff;
}
.kh-kpi-ico.blue{background:linear-gradient(135deg,#38bdf8,#0369a1);}
.kh-kpi-ico.teal{background:linear-gradient(135deg,#2dd4bf,#0f766e);}
.kh-kpi-ico.green{background:linear-gradient(135deg,#4ade80,#15803d);}
.kh-kpi>div:last-child span{display:block; color:#64748b; font-size:12px; margin-bottom:3px;}
.kh-kpi>div:last-child b{display:block; color:#0b1f3a; font-size:22px; line-height:1.1;}

/* ---------- Biểu đồ ---------- */
.kh-charts{display:grid; grid-template-columns:1.9fr 1fr; gap:14px; margin-bottom:18px;}
@media(max-width:991px){.kh-charts{grid-template-columns:1fr;}}
.kh-chart-box{position:relative; height:250px;}
.kh-chart-side .kh-chart-box{height:270px;}
.kh-chart-empty{padding:40px 16px; text-align:center; color:#94a3b8; font-size:13px;}
.kh-chart-empty i{display:block; font-size:26px; margin-bottom:8px; opacity:.5;}

/* ---------- Card chung ---------- */
.kh-card{
	background:#fff; border:1px solid #e6ebf4; border-radius:14px;
	padding:20px; margin-bottom:18px;
	box-shadow:0 3px 10px rgba(15,32,68,.05);
}
.kh-card-head{
	display:flex; align-items:center; justify-content:space-between;
	margin-bottom:14px;
}
.kh-card-head h6{
	margin:0; font-size:14.5px; font-weight:700; color:#0b1f3a;
	display:flex; align-items:center; gap:8px;
}
.kh-card-head h6 i{color:#0a5ea8;}
.kh-link{color:#0b64c0; font-size:12.5px; font-weight:600; text-decoration:none;}
.kh-link:hover{color:#083d78; text-decoration:none;}
.kh-muted{color:#94a3b8;}

/* ---------- Ví: thẻ ngân hàng ---------- */
.kh-wallet{
	position:relative; overflow:hidden; color:#dbe7f5;
	background:linear-gradient(135deg,#0b1f3a 0%,#12365f 60%,#155086 100%);
	border:none;
	box-shadow:0 12px 28px rgba(11,31,58,.3);
}
.kh-wallet:before{
	content:''; position:absolute; top:-45%; right:-18%;
	width:270px; height:270px; border-radius:50%;
	background:radial-gradient(circle, rgba(0,175,254,.22) 0%, rgba(0,175,254,0) 70%);
}
.kh-wallet-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; position:relative;}
.kh-wallet-brand{font-size:13.5px; font-weight:700; color:#fff; display:flex; align-items:center; gap:8px;}
.kh-wallet-brand i{color:#57c4ff;}
.kh-link-light{color:#8fc6ee; font-size:12px; font-weight:600; text-decoration:none;}
.kh-link-light:hover{color:#fff; text-decoration:none;}
.kh-wallet-err{
	position:relative; background:rgba(255,120,120,.15); border:1px solid rgba(255,120,120,.3);
	border-radius:9px; padding:9px 12px; font-size:12px; color:#ffc9c9; margin-bottom:12px;
}
.kh-wallet-balance{position:relative; margin-bottom:16px;}
.kh-wallet-balance span{display:block; font-size:11.5px; color:#9db8d4; text-transform:uppercase; letter-spacing:.06em; margin-bottom:3px;}
.kh-wallet-balance b{display:block; font-size:27px; color:#fff; letter-spacing:.01em;}
.kh-wallet-rows{position:relative;}
.kh-wallet-rows>div{
	display:flex; align-items:center; justify-content:space-between;
	padding:9px 0; border-top:1px solid rgba(255,255,255,.09);
	font-size:12.5px;
}
.kh-wallet-rows>div span{color:#9db8d4;}
.kh-wallet-rows>div b{color:#fff; font-weight:600;}
.kh-wallet-cannap{
	position:relative; display:flex; align-items:center; justify-content:space-between;
	margin-top:14px; padding:11px 14px; border-radius:11px; font-size:13px;
}
.kh-wallet-cannap span{display:flex; align-items:center; gap:7px; font-weight:600;}
.kh-wallet-cannap.warn{background:rgba(245,185,66,.16); border:1px solid rgba(245,185,66,.4); color:#ffd98a;}
.kh-wallet-cannap.warn b{color:#ffcf6b; font-size:15px;}
.kh-wallet-cannap.ok{background:rgba(74,222,128,.13); border:1px solid rgba(74,222,128,.35); color:#a7ecbf;}
.kh-wallet-cannap.ok b{color:#7fe3a3; font-size:15px;}

/* ---------- Timeline giao dịch ---------- */
.kh-history .kh-timeline{position:relative; padding-left:18px; max-height:420px; overflow-y:auto;}
.kh-history .kh-timeline:before{
	content:''; position:absolute; left:4px; top:6px; bottom:6px; width:2px;
	background:linear-gradient(180deg,#bcd7f0,#e8f0fa);
	border-radius:2px;
}
.kh-tl-item{position:relative; padding:8px 0 10px;}
.kh-tl-dot{
	position:absolute; left:-18px; top:14px;
	width:10px; height:10px; border-radius:50%;
	background:#0a8fe0; border:2px solid #d8ecfb;
}
.kh-tl-note{font-size:12.5px; color:#334155; line-height:1.5;}
.kh-tl-time{font-size:11px; color:#94a3b8; margin-top:3px;}
.kh-tl-time i{margin-right:4px;}
.kh-tl-item+.kh-tl-item{border-top:1px dashed #eaeff7;}

/* ---------- Bảng đơn hàng ---------- */
.dashboard-page .kh-orders .table-responsive{border-radius:11px; border:1px solid #e6ebf4;}
.dashboard-page .kh-orders table{margin:0; background:#fff;}
.dashboard-page .kh-orders table thead tr th{
	background:#f2f6fc; color:#33415c;
	font-size:11.5px; text-transform:uppercase; letter-spacing:.04em;
	border-bottom:2px solid #dfe7f2; border-top:none;
	padding:11px 9px; white-space:nowrap;
}
.dashboard-page .kh-orders table tbody td{
	font-size:12.5px; color:#334155; vertical-align:middle;
	border-color:#edf1f8; padding:10px 9px;
}
.dashboard-page .kh-orders table tbody tr{transition:background .13s ease;}
.dashboard-page .kh-orders table tbody tr:hover{background:#f6faff;}
.dashboard-page .kh-orders img.lazy{
	border-radius:9px; border:1px solid #e6ebf4;
	width:50px; height:50px; object-fit:cover;
}
.dashboard-page .kh-orders .r_sku{font-size:11px; color:#64748b;}
.dashboard-page .kh-orders .r_note{font-size:11px; color:#8a5a00; background:#fff7e6; border-radius:6px; padding:3px 7px; margin-top:4px;}
.dashboard-page .btn-detail,
.dashboard-page .kh-orders .btn-detail{
	display:inline-block;
	background:#eef4fc !important; color:#0b64c0 !important; border:1px solid #cfe0f5 !important;
	border-radius:9px !important; font-size:12px; font-weight:700;
	height:auto !important; line-height:1.4 !important; padding:6px 14px !important;
	text-decoration:none; transition:all .15s ease; opacity:1 !important;
}
.dashboard-page .btn-detail:hover,
.dashboard-page .kh-orders .btn-detail:hover{background:#0b64c0 !important; color:#fff !important; border-color:#0b64c0 !important;}

/* Nhãn trạng thái dạng pill (áp cho mọi .label trong dashboard) */
.dashboard-page .label{
	display:inline-block; padding:5px 11px; border-radius:13px;
	font-size:11px; font-weight:700; letter-spacing:.02em; white-space:nowrap;
}
.dashboard-page .label-success{background:#e2f7ec; color:#0f7b4d;}
.dashboard-page .label-info{background:#e2f2fd; color:#0b64c0;}
.dashboard-page .label-primary{background:#e5e9fb; color:#3547b0;}
.dashboard-page .label-warning{background:#fdf3dd; color:#946200;}
.dashboard-page .label-danger{background:#fde5e5; color:#c02525;}
.dashboard-page .label-default{background:#eef1f6; color:#5b6b82;}

/* ---------- Tương thích card cũ (các view khác chưa redesign) ---------- */
.dashboard-page .card.card-white{
	background:#fff !important; border:1px solid #e6ebf4; border-radius:14px;
	box-shadow:0 3px 10px rgba(15,32,68,.05);
}

/* ---------- Trang Đơn hàng: form lọc ---------- */
.kh-filter{padding:16px 20px 10px;}
.kh-filter label{font-size:12px; font-weight:600; color:#475569; margin-bottom:5px;}
.kh-filter label small{color:#94a3b8; font-weight:400;}
.kh-filter .form-control{border:1px solid #dbe3ef; border-radius:10px; height:38px; font-size:13px; box-shadow:none; transition:all .15s ease;}
.kh-filter .form-control:focus{border-color:#00affe; box-shadow:0 0 0 3px rgba(0,175,254,.12);}
.kh-btn-search{
	background:linear-gradient(120deg,#0b64c0,#0a8fe0) !important;
	border:none !important; border-radius:10px !important;
	height:38px !important; padding:0 20px !important;
	font-weight:700; font-size:13px; color:#fff !important;
}
.kh-btn-search:hover{filter:brightness(1.1);}

/* ---------- Trang Đơn hàng: tiêu đề + tab ---------- */
.kh-page-head{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:12px;}
.kh-page-head h1,.kh-page-head h3{margin:0 !important; font-size:17px; font-weight:700; color:#0b1f3a; display:flex; align-items:center; gap:9px;}
.kh-page-head h1 i,.kh-page-head h3 i{color:#0a5ea8;}
.kh-total-chip{background:#e2f2fd; color:#0b64c0; border-radius:14px; padding:5px 13px; font-size:12px; font-weight:700;}
.dashboard-page .kh-tabs{display:flex; flex-wrap:wrap; gap:7px; list-style:none; margin:0 0 15px; padding:0;}
.dashboard-page .kh-tabs li{margin:0; padding:0; float:none; display:block;}
.dashboard-page .kh-tabs li a{
	display:inline-block; padding:7px 14px; border-radius:16px;
	background:#f1f5fb; border:1px solid #e2e9f4;
	color:#475569; font-size:12.5px; font-weight:600;
	text-decoration:none; transition:all .16s ease;
}
.dashboard-page .kh-tabs li a:hover{background:#e2ecfa; color:#0b64c0;}
.dashboard-page .kh-tabs li.active a{
	background:linear-gradient(120deg,#0b1f3a,#134a86);
	border-color:#134a86; color:#fff;
	box-shadow:0 4px 10px rgba(11,31,58,.25);
}
.dashboard-page .order-tabs-mobile{display:flex; flex-wrap:nowrap; overflow-x:auto; gap:7px; padding:4px 0 10px; -webkit-overflow-scrolling:touch;}
.dashboard-page .order-tabs-mobile a{
	flex:0 0 auto; float:none !important;
	padding:7px 13px; border-radius:16px;
	background:#f1f5fb; border:1px solid #e2e9f4;
	color:#475569; font-size:12px; font-weight:600;
	text-decoration:none; white-space:nowrap;
}
.dashboard-page .order-tabs-mobile a.active{background:linear-gradient(120deg,#0b1f3a,#134a86); border-color:#134a86; color:#fff;}

/* ---------- Trang Đơn hàng: bảng + phân trang ---------- */
.dashboard-page .kh-orders .table-striped>tbody>tr:nth-of-type(odd){background:#fbfdff;}
.dashboard-page .kh-orders tr.notenough{background:#fff5f5 !important;}
.dashboard-page .kh-orders tr.notenough td{border-color:#f8dcdc;}
.dashboard-page .kh-orders .wrong{color:#c02525; font-size:11.5px;}
.dashboard-page .kh-orders .notes{font-size:11px; color:#8a5a00; background:#fff7e6; border-radius:6px; padding:3px 7px; margin-top:4px; display:inline-block;}
.dashboard-page #Paging{margin-top:16px;}
.dashboard-page #Paging .pagination{margin:0;}
.dashboard-page a:focus-visible,.dashboard-page button:focus-visible,.dashboard-page input:focus-visible,.dashboard-page select:focus-visible,.dashboard-page [role="button"]:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;}
.kh-wallet-paging{margin-top:16px;}
.kh-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.dashboard-page #Paging a, .dashboard-page #Paging span{
	display:inline-block; min-width:34px; padding:7px 11px; margin:0 2px;
	border-radius:9px !important; border:1px solid #e2e9f4;
	background:#fff; color:#475569; font-size:12.5px; font-weight:600; text-decoration:none;
}
.dashboard-page #Paging a:hover{background:#eef4fc; color:#0b64c0;}
.dashboard-page #Paging a.active, .dashboard-page #Paging span.current,
.dashboard-page #Paging .pagination li.active a{
	background:linear-gradient(120deg,#0b1f3a,#134a86);
	border-color:#134a86; color:#fff;
}

/* ---------- Trang Đơn hàng: thẻ đơn trên mobile ---------- */
.dashboard-page .kh-orders-mb{padding:14px;}
.dashboard-page .kh-orders-mb .order-item{
	background:#fff; border:1px solid #e6ebf4; border-radius:13px;
	box-shadow:0 3px 9px rgba(15,32,68,.05);
	margin-bottom:13px; padding:13px 14px; text-align:left;
}
.dashboard-page .kh-orders-mb .order-item.notenough{border-color:#f5b9b9; background:#fff8f8;}
.dashboard-page .kh-orders-mb .item-header{border-bottom:1px dashed #e6ebf4; padding-bottom:7px; margin-bottom:7px;}
.dashboard-page .kh-orders-mb .item-label{color:#64748b; font-size:12px; margin:0;}
.dashboard-page .kh-orders-mb .item-info{color:#1e293b; font-size:12.5px; font-weight:600;}
.dashboard-page .kh-orders-mb img.lazy{border-radius:10px; border:1px solid #e6ebf4; max-width:100%;}
.dashboard-page .kh-orders-mb .r_sku{font-size:11.5px; color:#64748b;}
.dashboard-page .kh-orders-mb .r_note{font-size:11px; color:#8a5a00; background:#fff7e6; border-radius:6px; padding:3px 7px; margin-top:4px;}
.dashboard-page .kh-orders-mb .btn-detail{
	background:#eef4fc; color:#0b64c0; border:1px solid #cfe0f5;
	border-radius:9px; font-size:12.5px; font-weight:600; padding:7px 16px;
}

/* ---------- Ví của tôi: loại giao dịch + số tiền ---------- */
.kh-tt{display:inline-block; padding:4px 11px; border-radius:12px; font-size:11px; font-weight:700; white-space:nowrap;}
.kh-tt-0{background:#e2f7ec; color:#0f7b4d;}   /* Nạp tiền */
.kh-tt-1{background:#e2f2fd; color:#0b64c0;}   /* Thanh toán */
.kh-tt-2{background:#e8e9fb; color:#4338ca;}   /* Đặt cọc */
.kh-tt-3{background:#fdf3dd; color:#946200;}   /* Phí phát sinh */
.kh-tt-m1{background:#eef1f6; color:#5b6b82;}  /* Hủy đơn */
.kh-tt-m2{background:#dcf7f3; color:#0f766e;}  /* Hoàn tiền */
.kh-tt-m3{background:#fde5e5; color:#c02525;}  /* Rút ví */
.kh-amt.pos{color:#0f7b4d !important;}
.kh-amt.neg{color:#c02525 !important;}
.kh-note-cell{font-size:12px; color:#475569; max-width:340px;}
.dashboard-page .kh-orders tr.kh-total-row{background:#f2f6fc !important;}
.dashboard-page .kh-orders tr.kh-total-row td{border-top:2px solid #dfe7f2; font-size:13px;}
.kh-total-mb{display:flex; align-items:center; justify-content:space-between; padding:15px 18px;}
.kh-total-mb span{font-size:12.5px; font-weight:700; color:#33415c; letter-spacing:.04em;}
.kh-total-mb b{font-size:17px;}

/* ---------- Đổi mật khẩu ---------- */
.kh-pass-wrap{display:flex; justify-content:center; padding:34px 14px;}
.kh-pass{width:100%; max-width:470px; padding:30px 30px 26px;}
.kh-pass-head{text-align:center; margin-bottom:20px;}
.kh-pass-ico{
	width:62px; height:62px; margin:0 auto 13px; border-radius:18px;
	display:flex; align-items:center; justify-content:center;
	background:linear-gradient(135deg,#0b1f3a,#134a86);
	color:#57c4ff; font-size:24px;
	box-shadow:0 8px 20px rgba(11,31,58,.28);
}
.kh-pass-head h1,.kh-pass-head h3{margin:0 0 6px; font-size:20px; font-weight:700; color:#0b1f3a;}
.kh-pass-head p{margin:0; font-size:12.5px; color:#64748b;}
.kh-pass label{font-size:12.5px; font-weight:600; color:#475569;}
.kh-input-wrap{position:relative;}
.kh-pass .form-control{
	border:1px solid #dbe3ef; border-radius:10px; height:42px;
	font-size:13.5px; box-shadow:none; padding-right:40px;
	transition:all .15s ease;
}
.kh-pass .form-control:focus{border-color:#00affe; box-shadow:0 0 0 3px rgba(0,175,254,.12);}
.kh-eye{position:absolute; right:0; top:50%; width:44px; height:44px; transform:translateY(-50%); color:#64748b; cursor:pointer; font-size:14px; display:flex; align-items:center; justify-content:center;}
.kh-eye:hover{color:#0b64c0;}
.kh-hint{background:#eef6fe; border:1px solid #cfe6fb; border-radius:10px; padding:9px 13px; font-size:11.5px; color:#0b5394; margin-bottom:14px;}
.kh-hint i{margin-right:6px;}
.kh-alert-err{background:#fde5e5; border:1px solid #f5b9b9; border-radius:10px; padding:10px 13px; font-size:12.5px; color:#c02525; margin-bottom:14px;}
.kh-alert-err:empty{display:none;}
.kh-alert-ok{background:#e2f7ec; border:1px solid #a9e5c8; border-radius:10px; padding:14px; font-size:13.5px; color:#0f7b4d; text-align:center; margin-bottom:14px;}
.kh-btn-primary{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	width:100%; height:44px; border:none; border-radius:11px;
	background:linear-gradient(120deg,#0b64c0,#0a8fe0);
	color:#fff !important; font-size:14px; font-weight:700;
	transition:all .18s ease;
}
.kh-btn-primary:hover{filter:brightness(1.1); color:#fff; text-decoration:none;}
.kh-pass-actions{text-align:center;}

/* ---------- Mobile ---------- */
@media(max-width:767px){
	.dashboard-page input:not([type="hidden"]),.dashboard-page select,.dashboard-page textarea,.dashboard-page button,.dashboard-page .btn{min-height:44px;}
	.dashboard-page .member-menu>li>a,.dashboard-page .member-menu .dropdown-menu a{min-width:44px;min-height:44px;display:flex;align-items:center;}
	.dashboard-page .order-tabs a{min-height:44px;display:flex;align-items:center;}
	.dashboard-page #order_list a.text-primary,.dashboard-page #order_list a.btn-detail{min-height:44px;display:inline-flex;align-items:center;}
	.dashboard-page #order_list a.img{min-width:50px;min-height:50px;display:inline-flex;align-items:center;}
	.dashboard-page #Paging .pagination a{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}
	.dashboard-page .kh-btn,.dashboard-page .kh-link,.dashboard-page .kh-link-light{min-width:44px;min-height:44px;display:inline-flex;align-items:center;}
	.dashboard-page [data-zone="recent-orders"] a{min-height:44px;display:inline-flex;align-items:center;}
	.dashboard-page [data-zone="recent-orders"] a.img,.dashboard-page .order_notes a.img{min-width:50px;min-height:50px;}
	.dashboard-page .order_notes a.img{min-width:50px!important;min-height:50px!important;display:inline-flex!important;align-items:center;}
	.dashboard-page .card-header .title a{min-height:44px;display:inline-flex;align-items:center;}
	.member-page{overflow-x:hidden;}
	.member-page .row{margin-left:0!important;margin-right:0!important;}
	.member-page .regis-bg{display:none!important;}
	.member-page .col-sm-8{width:100%!important;padding-left:15px!important;padding-right:15px!important;}
	.member-page .regis-panel,.member-page .regis-panel .main{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;}
	.member-page .regis-box.login-box{width:100%!important;max-width:500px!important;margin:20px auto!important;padding:24px 18px!important;box-sizing:border-box;}
	.member-page .login-box .form-group,.member-page .login-box .form-control{width:100%!important;max-width:100%!important;}
	.member-page .login-box .form-control,.member-page .login-box .btn{min-height:44px;}
	.dashboard-page .wrapper>.container-fluid{padding:13px 12px 24px;}
	.kh-hero{padding:18px 16px; border-radius:13px;}
	.kh-hero-txt h1,.kh-hero-txt h2{font-size:18px;}
	.kh-btn{padding:9px 14px; font-size:12.5px;}
	.kh-kpis{gap:10px; margin-bottom:14px;}
	.kh-kpi{padding:14px 15px;}
	.kh-kpi>div:last-child b{font-size:19px;}
	.kh-card{padding:15px; border-radius:12px;}
	.kh-wallet-balance b{font-size:23px;}
}