/* =========================================================
   Etusul Admin — шинэ UI (style.min.css-ийн ДАРАА ачаална)
   PHP логикт хүрэхгүй, зөвхөн харагдах байдлыг өөрчилнө.
   ========================================================= */
:root{
  --eu-ink:#121A24;
  --eu-ink-2:#223043;
  --eu-ink-line:#243142;
  --eu-side-text:#C9D1DB;
  --eu-side-muted:#8C98A7;
  --eu-ground:#F3F4F6;
  --eu-surface:#FFFFFF;
  --eu-line:#E3E6EA;
  --eu-line-soft:#EEF0F2;
  --eu-text:#1A2230;
  --eu-muted:#5B6573;
  --eu-accent:#1D5FD1;
  --eu-accent-dark:#16479E;
  --eu-accent-soft:#DCE8FB;
  --eu-radius:12px;
  --eu-font:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --eu-mono:'IBM Plex Mono',ui-monospace,monospace;
}

/* ---------- Ерөнхий ---------- */
body,
#main-wrapper,
.auth-wrapper{
  font-family:var(--eu-font) !important;
  color:var(--eu-text);
  background:var(--eu-ground) !important;
}
h1,h2,h3,h4,h5,h6,.card-title,.page-title{
  font-family:var(--eu-font) !important;
  color:var(--eu-text) !important;
  letter-spacing:-0.01em;
}
.text-muted{color:var(--eu-muted) !important;}
a{color:var(--eu-accent);}
a:hover{color:var(--eu-accent-dark);}
.eu-mono{font-family:var(--eu-mono) !important;font-size:13px;}

/* ---------- Хажуу цэс ---------- */
#main-wrapper .left-sidebar,
#main-wrapper[data-sidebarbg] .left-sidebar,
.left-sidebar[data-sidebarbg="skin6"],
.left-sidebar .scroll-sidebar{
  background:var(--eu-ink) !important;
  box-shadow:none !important;
  border-right:0 !important;
}
.sidebar-nav ul{background:transparent !important;padding:12px 12px 0 !important;}
.sidebar-nav ul .sidebar-item{margin-bottom:4px;}
.sidebar-nav ul .sidebar-item .sidebar-link{
  color:var(--eu-side-text) !important;
  opacity:1 !important;
  border-radius:8px !important;
  padding:10px 12px !important;
  font-size:14px;
  display:flex;align-items:center;gap:12px;
}
.sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
.sidebar-nav ul .sidebar-item .sidebar-link i{
  color:var(--eu-side-text) !important;
  stroke:currentColor;
  width:18px;height:18px;margin-right:0 !important;
}
.sidebar-nav ul .sidebar-item .sidebar-link:hover{
  background:#1A2533 !important;color:#FFFFFF !important;
}
.sidebar-nav ul .sidebar-item.selected > .sidebar-link,
.sidebar-nav ul .sidebar-item .sidebar-link.active{
  background:var(--eu-ink-2) !important;
  color:#FFFFFF !important;
  font-weight:500;
  box-shadow:none !important;
}
.sidebar-nav ul .sidebar-item.selected > .sidebar-link i,
.sidebar-nav ul .sidebar-item.selected > .sidebar-link .feather-icon{color:#FFFFFF !important;}
.sidebar-nav .eu-nav-label{
  display:block;font-size:11px;letter-spacing:0.08em;color:var(--eu-side-muted);
  padding:18px 12px 6px;
}

/* ---------- Дээд мөр ---------- */
.topbar,
.topbar .top-navbar,
#main-wrapper[data-navbarbg="skin6"] .topbar{
  background:var(--eu-surface) !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--eu-line);
}
.topbar .top-navbar .navbar-header,
.topbar .top-navbar .navbar-header[data-logobg="skin6"]{
  background:var(--eu-ink) !important;
  border-right:0 !important;
}
.topbar .navbar-brand .logo-text{
  color:#FFFFFF !important;font-weight:600;letter-spacing:0.04em;font-size:18px;
}
.topbar .navbar-brand .logo-icon img{width:34px !important;height:auto;}
.topbar .nav-toggler,.topbar .topbartoggler{color:#FFFFFF !important;}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link{color:var(--eu-text) !important;}
.topbar .user-dd,.topbar .mailbox{border:1px solid var(--eu-line) !important;border-radius:var(--eu-radius) !important;box-shadow:0 8px 24px rgba(18,26,36,0.08) !important;}

/* ---------- Агуулгын хэсэг ---------- */
.page-wrapper{background:var(--eu-ground) !important;}
.page-wrapper > .container-fluid{padding:32px 40px !important;}
@media (max-width:767px){.page-wrapper > .container-fluid{padding:20px 16px !important;}}
.page-title{font-size:28px !important;font-weight:600 !important;margin-bottom:6px;}
.eu-subtitle{font-size:14px;color:var(--eu-muted);margin:0 0 20px;}

/* ---------- Карт ---------- */
.card{
  background:var(--eu-surface) !important;
  border:1px solid var(--eu-line) !important;
  border-radius:var(--eu-radius) !important;
  box-shadow:none !important;
  margin-bottom:24px;
}
.card-group > .card{border-radius:0 !important;}
.card-group > .card:first-child{border-radius:var(--eu-radius) 0 0 var(--eu-radius) !important;}
.card-group > .card:last-child{border-radius:0 var(--eu-radius) var(--eu-radius) 0 !important;}
.card .card-body{padding:24px;}
.card-subtitle{color:var(--eu-muted) !important;}

/* ---------- Товч ---------- */
.btn{
  font-family:var(--eu-font);font-weight:500;border-radius:8px !important;
  box-shadow:none !important;min-height:40px;
}
.btn-rounded{border-radius:8px !important;}
.btn-sm{min-height:34px;padding:0 14px;display:inline-flex;align-items:center;font-size:13px;}
.btn-primary,.btn-primary:not(:disabled):not(.disabled):active{
  background:var(--eu-accent) !important;border-color:var(--eu-accent) !important;color:#FFFFFF !important;
}
.btn-primary:hover,.btn-primary:focus{background:var(--eu-accent-dark) !important;border-color:var(--eu-accent-dark) !important;}
.btn-dark{background:var(--eu-ink) !important;border-color:var(--eu-ink) !important;}
.btn-secondary,.btn-light,.btn-outline-secondary{
  background:#FFFFFF !important;border:1px solid #D5DAE0 !important;color:var(--eu-text) !important;
}
.btn-success{background:#1F8A4C !important;border-color:#1F8A4C !important;}
.btn-danger{background:#C2352A !important;border-color:#C2352A !important;}

/* Төлвийн шүүлтүүрийн товчнууд (company_list.php) */
#statusFilter .btn{
  background:#FFFFFF !important;border:1px solid #D5DAE0 !important;color:var(--eu-text) !important;
  border-radius:999px !important;min-height:36px;padding:0 16px;font-size:13px;margin:0 6px 8px 0;
}
#statusFilter .btn.active{background:var(--eu-ink) !important;border-color:var(--eu-ink) !important;color:#FFFFFF !important;}

/* ---------- Төлвийн тэмдэг ---------- */
.badge{font-family:var(--eu-font);font-weight:500 !important;border-radius:999px !important;padding:5px 10px !important;font-size:12px !important;}
.badge.bg-success{background:#DDF3E4 !important;color:#146C34 !important;}
.badge.bg-info,.badge.bg-primary{background:var(--eu-accent-soft) !important;color:#1D4FA8 !important;}
.badge.bg-warning{background:#FBEFD5 !important;color:#7A4F00 !important;}
.badge.bg-danger{background:#FADBD8 !important;color:#A1261B !important;}

/* ---------- Хүснэгт ---------- */
.table{color:var(--eu-text);font-size:14px;}
.table thead th{
  background:#F8F9FA;color:var(--eu-muted);font-weight:500;font-size:12px;
  border-bottom:1px solid var(--eu-line) !important;border-top:0 !important;padding:12px 16px !important;
}
.table td{border-top:1px solid var(--eu-line-soft) !important;padding:14px 16px !important;vertical-align:middle !important;}
.table-bordered,.table-bordered td,.table-bordered th{border-left:0 !important;border-right:0 !important;}
.table-bordered{border:1px solid var(--eu-line) !important;border-radius:var(--eu-radius);overflow:hidden;}
.table-striped tbody tr:nth-of-type(odd){background:transparent !important;}
.table tbody tr:hover{background:#F8FAFC;}

/* DataTables */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{
  height:40px;border:1px solid #D5DAE0 !important;border-radius:8px !important;padding:0 12px;
}
.dataTables_wrapper .dataTables_info{color:var(--eu-muted) !important;font-size:13px;}
.page-item .page-link{border-radius:8px !important;margin:0 3px;border:1px solid #D5DAE0;color:var(--eu-text);min-width:36px;text-align:center;}
.page-item.active .page-link{background:var(--eu-accent) !important;border-color:var(--eu-accent) !important;color:#FFFFFF !important;}

/* ---------- Маягт ---------- */
.form-control,.custom-select,select.form-control{
  height:44px;border:1px solid #D5DAE0 !important;border-radius:8px !important;
  font-family:var(--eu-font);font-size:14px;color:var(--eu-text);box-shadow:none !important;
}
.form-control:focus{border-color:var(--eu-accent) !important;box-shadow:0 0 0 3px rgba(29,95,209,0.15) !important;}
label{color:var(--eu-muted);font-size:13px;}

/* ---------- Таб ---------- */
.nav-tabs{border-bottom:1px solid var(--eu-line) !important;}
.nav-tabs .nav-link{
  border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;
  color:var(--eu-muted) !important;padding:12px 14px;font-size:14px;margin-bottom:-1px;
}
.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{
  color:var(--eu-text) !important;font-weight:600;border-bottom-color:var(--eu-accent) !important;background:transparent !important;
}

/* ---------- Мэдэгдэл ---------- */
.alert{border:0 !important;border-radius:8px !important;font-size:14px;}
.alert-success{background:#E9F6EE !important;color:#146C34 !important;}
.alert-danger{background:#FCE9E7 !important;color:#A1261B !important;}
.alert-info{background:#E7EFFC !important;color:#1D4FA8 !important;}
.alert-warning{background:#FDF3DE !important;color:#7A4F00 !important;}

/* ---------- Хөл ---------- */
.footer{background:transparent !important;border:0 !important;color:var(--eu-muted) !important;font-size:12px;}

/* ---------- Хянах самбарын статистик (index.php) ---------- */
.eu-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;}
@media (max-width:991px){.eu-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
.eu-stat{background:var(--eu-surface);border:1px solid var(--eu-line);border-radius:var(--eu-radius);padding:20px;}
.eu-stat__label{font-size:13px;color:var(--eu-muted);display:block;margin-bottom:8px;}
.eu-stat__value{font-size:28px;font-weight:600;color:var(--eu-text);letter-spacing:-0.01em;}

/* ---------- Нэвтрэх хуудас (login.php) ---------- */
.eu-login{min-height:100vh;display:flex;flex-wrap:wrap;background:var(--eu-ground);}
.eu-login__brand{
  flex:1 1 420px;background:var(--eu-ink);color:var(--eu-side-text);padding:48px;
  display:flex;flex-direction:column;justify-content:space-between;gap:48px;box-sizing:border-box;
}
.eu-login__logo{display:flex;align-items:center;gap:12px;color:#FFFFFF;font-size:20px;font-weight:600;letter-spacing:0.04em;}
.eu-login__logo img{width:44px;height:auto;}
.eu-login__title{margin:0;font-size:40px;line-height:1.15;font-weight:600;color:#FFFFFF !important;letter-spacing:-0.02em;}
.eu-login__lead{margin:16px 0 0;font-size:16px;line-height:1.6;color:#A9B4C1;max-width:460px;}
.eu-login__credit{font-size:12px;color:var(--eu-side-muted);}
.eu-login__form-wrap{flex:1 1 420px;padding:48px 24px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
.eu-login__form{width:100%;max-width:380px;}
.eu-login__form h2{font-size:26px;font-weight:600;margin:0 0 6px;}
.eu-login__form p{font-size:14px;color:var(--eu-muted);margin:0 0 24px;}
.eu-login__form .form-control{height:48px;}
.eu-login__form .btn{height:48px;width:100%;font-size:15px;}
@media (max-width:767px){.eu-login__brand{padding:32px 24px;gap:24px;}.eu-login__title{font-size:28px;}}

/* =========================================================
   Харилцагчийн хэсэг (etusul.com) — нэмэлт
   ========================================================= */
.page-titles{background:transparent !important;padding:0 0 8px !important;margin:0 0 16px !important;box-shadow:none !important;border:0 !important;}
.page-titles h3,.text-themecolor{font-size:26px !important;font-weight:600 !important;color:var(--eu-text) !important;margin:0 !important;}
.page-titles .card-subtitle{font-family:var(--eu-mono);font-size:13px;}

/* Төлвийн тэмдэг (dashboard.php) */
.status-badge{display:inline-flex;align-items:center;height:26px;padding:0 12px !important;border-radius:999px !important;font-size:12px !important;font-weight:500;}
.status-active{background:#DDF3E4 !important;color:#146C34 !important;}
.status-expired{background:#FADBD8 !important;color:#A1261B !important;}
.status-test{background:#FBEFD5 !important;color:#7A4F00 !important;}

/* Татах материал */
.download-item{border:1px solid var(--eu-line) !important;border-radius:var(--eu-radius) !important;padding:16px !important;background:#FFFFFF;gap:14px;}
.download-item:hover{background:#F8FAFC !important;border-color:#C9D0D8 !important;}
.download-icon{background:var(--eu-accent-soft) !important;color:var(--eu-accent) !important;border-radius:10px !important;width:44px !important;height:44px !important;margin-right:0 !important;}
.download-info h4{font-size:15px !important;font-weight:600;}
.download-link{background:#FFFFFF !important;border:1px solid #D5DAE0;color:var(--eu-text) !important;border-radius:8px !important;height:38px;padding:0 14px !important;}
.download-link:hover{border-color:var(--eu-accent);color:var(--eu-accent) !important;}

/* Багц сонгох (payment.php) */
.pricing-card{background:#FFFFFF;border:1px solid var(--eu-line) !important;border-radius:var(--eu-radius) !important;padding:28px !important;}
.pricing-card:hover{border-color:#C9D0D8 !important;box-shadow:0 8px 24px rgba(18,26,36,0.06) !important;}
.pricing-card.featured{border:2px solid var(--eu-accent) !important;background:#FFFFFF !important;}
.pricing-card.premium-special{background:#FFFBF2 !important;border-color:#F0D9A8 !important;}
.pricing-card h3{font-size:18px !important;font-weight:600;}
.popular-badge{background:var(--eu-accent) !important;border-radius:999px !important;}
.exclusive-badge{background:#F4C76B !important;color:#3D2A00 !important;border-radius:999px !important;}
.price-main{color:var(--eu-text) !important;font-weight:600 !important;letter-spacing:-0.02em;font-size:32px !important;}
.features-list li{padding:8px 0 !important;font-size:14px;border-bottom:1px solid var(--eu-line-soft);}
.features-list li:last-child{border-bottom:0;}
.duration-card{border:1px solid var(--eu-line) !important;border-radius:10px !important;}
.duration-option input[type="radio"]:checked + .duration-card{border:2px solid var(--eu-accent) !important;background:var(--eu-accent-soft) !important;}
.modal-content{border-radius:16px !important;border:0 !important;}
.redeem-input{border:1px solid #D5DAE0 !important;border-radius:8px !important;height:48px;}