/* ============================================================
   recharge24 — Theme Modern (فلت متریال، رز #CE3557 + فیروزه‌ای)
   فقط ظاهر و رنگ — هیچ تغییری در ساختار، منو، فرم‌های مرحله‌ای و JS
   این فایل باید آخرِ همه CSSها لود شود.
   ============================================================ */

:root{
  --tm-red:#CE3557;        /* رنگ برند فلت (هدر، فوتر، دکمه اصلی) */
  --tm-red-dark:#AE2749;
  --tm-red-deep:#8C1D3A;
  --tm-red-tint:#FAEBF0;
  --tm-teal:#22A7B8;
  --tm-teal-strong:#0E7C8C;
  --tm-teal-tint:#E6FAFC;
  --tm-ink:#1E242C;
  --tm-muted:#5B6472;
  --tm-line:#E9EDF2;
  --tm-bg:#F7F8FA;
  --tm-radius:18px;
  --tm-radius-sm:12px;
  --tm-shadow:0 10px 30px rgba(23,29,41,.06);
  --tm-shadow-sm:0 2px 8px rgba(23,29,41,.05);
}

/* ================= Base ================= */
html{
  background:#F7F8FA;
}
/* سایت: پس‌زمینه طراحی‌شده — هاله‌های نرم برند در گوشه‌ها (رز بالا، فیروزه‌ای پایین) */
body:not(.sidebar-mini),
body:not(.sidebar-mini).hold-transition{
  background:
    radial-gradient(680px 420px at 88% -60px, rgba(206,53,87,.10), transparent 70%),
    radial-gradient(760px 480px at -100px 26%, rgba(74,207,221,.10), transparent 70%),
    radial-gradient(560px 380px at 104% 76%, rgba(74,207,221,.09), transparent 70%),
    radial-gradient(640px 420px at 6% 104%, rgba(206,53,87,.07), transparent 70%),
    #F7F8FA !important;
}
body.hold-transition{
  background:#F7F8FA !important;
  background-image:none !important;
}

/* نیم‌بولد فقط برای عناصر مهم — چون IRANYekan وزن Medium ندارد */
nav.navbar .nav-link,
.particle-button,
.mobile-footer-menu nav ul li a,
footer.footer.bg-danger a.link,
.content-header h1,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link{
  -webkit-text-stroke:.3px currentColor;
}

/* ================= Navbar عمومی (bg-danger در کل سایت) ================= */
nav.navbar.bg-danger,
.main-header.navbar.bg-danger{
  background:#CE3557 !important;
  background-color:#CE3557 !important;
  box-shadow:0 10px 28px -10px rgba(140,29,58,.45);
}
/* فقط ناوبار عمومی بالای سایت: چسبان و گوشه گرد */
body:not(.sidebar-mini) nav.navbar.navbar-expand-lg.bg-danger{
  position:sticky;top:0;z-index:1030;
  border-radius:0 0 20px 20px;
  border:none;
}
nav.navbar .nav-link{
  color:rgba(255,255,255,.92) !important;
  font-weight:500;
  border-radius:12px;
  transition:background-color .2s,color .2s;
  padding-top:.4rem !important;
  padding-bottom:.4rem !important;
}
nav.navbar .nav-link:hover,
nav.navbar .nav-link:focus{
  background:rgba(255,255,255,.14);
  color:#fff !important;
}
nav.navbar .dropdown-menu{
  border-radius:14px;
  border:1px solid #E9EDF2;
  box-shadow:0 22px 50px rgba(23,29,41,.14);
  padding:.5rem;
}
nav.navbar .dropdown-item{
  border-radius:10px;
  color:#1E242C !important; /* خنثی‌سازی color:black!important اینلاین صفحه */
  font-weight:500;
  padding:.45rem .75rem;
}
nav.navbar .dropdown-item:hover{
  background:#E6FAFC;
  color:#0B7285 !important;
}
.navbar-toggler{
  border-radius:12px !important;
  padding:.35rem .6rem;
}

/* ================= کارت‌ها ================= */
.card{
  border-radius:18px !important;
  border:1px solid #E9EDF2 !important;
  box-shadow:0 10px 30px rgba(23,29,41,.06) !important;
}
.card .card-title,
.modal .card-title{
  font-weight:800;
}
.card-footer{background:transparent;border-top:1px solid #E9EDF2}
.card-header{background:transparent;border-bottom:1px solid #E9EDF2}

/* ================= فرم‌ها ================= */
.form-control,
select.form-control{
  border:1.5px solid #E9EDF2 !important;
  border-radius:12px !important;
  transition:border-color .2s,box-shadow .2s;
}
.form-control:focus{
  border-color:#22A7B8 !important;
  box-shadow:0 0 0 4px rgba(74,207,221,.18) !important;
  outline:none;
}
.input-group-text{border-radius:12px;border-color:#E9EDF2}
label{font-weight:600}

/* select2 */
.select2-container--default .select2-selection--single{
  border:1.5px solid #E9EDF2 !important;
  border-radius:12px !important;
  height:46px !important;
  box-shadow:none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:43px !important;
  color:#1E242C;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:44px !important}
.select2-dropdown{
  border:1px solid #E9EDF2 !important;
  border-radius:12px !important;
  box-shadow:0 18px 40px rgba(23,29,41,.14);
  overflow:hidden;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color:#22A7B8 !important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
  background-color:#E6FAFC;color:#0B7285;
}

/* ================= دکمه‌ها ================= */
.btn{border-radius:12px;font-weight:700;transition:transform .2s,box-shadow .25s,background-color .2s}
.btn:hover{transform:translateY(-1px)}
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active{
  background:#0E7C8C !important;border-color:#0E7C8C !important;
}
.btn-primary:hover{background:#0B6673 !important;border-color:#0B6673 !important}
.btn-danger,
.btn-danger:not(:disabled):not(.disabled):active{
  background:#CE3557 !important;border-color:#CE3557 !important;
}
.btn-danger:hover{background:#AE2749 !important;border-color:#AE2749 !important}
.btn-success,
.btn-success:not(:disabled):not(.disabled):active{
  background:#1E9E55 !important;border-color:#1E9E55 !important;
}
.btn-success:hover{background:#178A47 !important;border-color:#178A47 !important}

/* ================= دکمه‌های سرویس صفحه اصلی (particle-button → کاشی مدرن) ================= */
.particle-button{
  background:#fff !important;
  color:#1E242C !important;
  border:1.5px solid #E9EDF2;
  border-radius:18px !important;
  box-shadow:0 2px 8px rgba(23,29,41,.05);
  padding:18px 16px !important;
  width:100% !important;
  margin-bottom:0 !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:14.5px !important;
  line-height:1.9;
}
.particle-button:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(23,29,41,.1);
  animation:none !important;
}
.particle-button:active{transform:scale(.98);background:#fff !important;box-shadow:0 2px 8px rgba(23,29,41,.08)}
/* ذرات قدیمی کلیک حذف می‌شوند؛ ::after برای زیرنویس کاشی استفاده می‌شود */
.particle-button:before{display:none !important}
.particle-button.animate:before{display:none !important}
.particle-button:after,
.particle-button.animate:after{display:none !important}
.particle-button img{
  width:120px !important;height:120px !important;object-fit:contain;
  border-radius:22px;padding:14px;
  background:#fff;
  box-shadow:0 2px 8px rgba(23,29,41,.06);
}

/* ردیف سرویس‌ها → گرید واقعی: همه کاشی‌ها هم‌عرض و هم‌ارتفاع (float بوت‌سترپ ۳ خنثی می‌شود) */
body:has(.particle-button) .card .row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
body:has(.particle-button) .card .row > .col-md-6{
  float:none !important;
  width:auto !important;
  max-width:none !important;
  display:flex;
  margin:0 !important;
}
body:has(.particle-button) .card .row > .col-md-6 a.link{display:flex;width:100%}
body:has(.particle-button) .card .row > .col-md-6 .particle-button{flex:1;width:100% !important}
body:has(.particle-button) .card .row > .col-md-6:nth-child(1) .particle-button{--tint:#E6FAFC;background:#E6FAFC !important;border-color:rgba(34,167,184,.35) !important}
body:has(.particle-button) .card .row > .col-md-6:nth-child(2) .particle-button{--tint:#FAEBF0;background:#FAEBF0 !important;border-color:rgba(206,53,87,.26) !important}
body:has(.particle-button) .card .row > .col-md-6:nth-child(3) .particle-button{--tint:#F1EBFF;background:#F1EBFF !important;border-color:rgba(109,58,201,.24) !important}
body:has(.particle-button) .card .row > .col-md-6:nth-child(4) .particle-button{--tint:#FFF4E0;background:#FFF4E0 !important;border-color:rgba(169,106,0,.26) !important}
body:has(.particle-button) .card .row > .col-md-6:nth-child(5) .particle-button{--tint:#E5F7EC;background:#E5F7EC !important;border-color:rgba(23,138,71,.3) !important}

/* کاشی آخر (حساب کاربری) هر دو ستون را می‌گیرد و افقی است */
body:has(.particle-button) .card .row > .col-md-6:last-child{grid-column:1 / -1}
.card .row > .col-md-6:last-child .particle-button{
  flex-direction:row;
  justify-content:flex-start;
  text-align:right;
  gap:14px;
  padding:16px 18px !important;
  background:#E5F7EC !important;
  border-color:rgba(74,207,221,.45);
}
.card .row > .col-md-6:last-child .particle-button img{width:120px !important;height:120px !important}
@media (max-width:640px){
  body:has(.particle-button) .card .row{grid-template-columns:1fr}
  .particle-button{
    flex-direction:row;
    justify-content:flex-start;
    text-align:right;
    gap:12px;
    padding:13px 14px !important;
  }
  /* همه آیکون‌ها (حتی حساب کاربری با سلکتور قوی‌ترش) در موبایل ۷۲px */
  .card .row > .col-md-6:last-child .particle-button img,
  .particle-button img{width:72px !important;height:72px !important;margin:0;border-radius:16px;padding:9px}
  .particle-button br{display:none}
}
.row > .col-md-6:last-child .particle-button img{width:56px;height:56px}

/* فقط صفحه اصلی: حذف <br>های انتهایی که فاصله مرده می‌سازند */
body:has(.particle-button) main > br{display:none}

/* هاله ملایم رز بالا و فیروزه‌ای پایین (سطح فلت، بدون پترن) + کارت پهن‌تر تا صفحه خالی نماند */
body{
  background:
    radial-gradient(1200px 460px at 50% -140px, rgba(206,53,87,.12), rgba(206,53,87,0) 70%),
    radial-gradient(1000px 400px at 12% 108%, rgba(74,207,221,.08), rgba(74,207,221,0) 70%),
    #F7F8FA !important;
}
/* ستون وسط صفحه اصلی پهن‌تر می‌شود (به‌جای col-sm-8 باریک) — flex-basis بوت‌سترپ هم خنثی می‌شود */
body:has(.particle-button) .seo-h1-wrap,
body:has(.particle-button) #recharge_form{
  float:none !important;
  flex:0 0 100% !important;
  width:100% !important;
  max-width:960px !important;
  margin-right:auto !important;
  margin-left:auto !important;
}

/* چیپ تیک کنار «انتخاب کنید» (فقط صفحه اصلی) */
body:has(.particle-button) .card-body > .card-title::before{
  content:"✓";
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:9px;
  background:#FAEBF0;color:#CE3557;
  font-size:13px;font-weight:800;
  margin-left:9px;vertical-align:middle;
}

/* زیرعنوان داخل نوار تیتر صفحه اصلی */
.seo-h1::after{
  content:"شارژ مستقیم سیم‌کارت‌های داخلی و خارجی، گیفت‌کارت و کارت شارژ با تحویل خودکار و فوری";
  display:block;
  font-size:11px;
  font-weight:400;
  line-height:1.7;
  opacity:.92;
  margin-top:2px;
}

/* ================= نوار اعتماد: ردیف یکپارچه بالای فوتر ================= */
footer.footer.bg-danger::before{
  content:"تحویل خودکار و فوری   ·   پرداخت امن   ·   پشتیبانی ۲۴ ساعته";
  display:block;
  padding:16px 20px;
  margin:0 0 8px;
  border-bottom:1px solid rgba(255,255,255,.16);
  font-size:12.5px;
  font-weight:700;
  color:#fff;
  text-align:center;
  letter-spacing:.2px;
}

/* ================= صفحه شارژ داخلی/گیفت/پین (کارت‌های انتخاب) ================= */
/* این قواعد با ویژگی بالاتر و !important، استایل‌های داخلی خود صفحه را روی میز کشیده و
   منطق کلاس selected که JS می‌گذارد دست‌نخورده می‌ماند */
.operators-grid .operator-card,
.packages-container .package-card,
div.package-card,
div.operator-card{
  border-radius:16px !important;
  border:1.5px solid #E9EDF2 !important;
  box-shadow:0 2px 8px rgba(23,29,41,.05) !important;
  background:#fff;
  transition:transform .2s,border-color .2s,box-shadow .2s,background-color .2s;
}
div.operator-card:hover,
div.package-card:hover{
  transform:translateY(-3px);
  border-color:rgba(74,207,221,.65) !important;
  box-shadow:0 10px 24px rgba(23,29,41,.1) !important;
}
div.operator-card.selected,
div.package-card.selected{
  border-color:#22A7B8 !important;
  background:#E6FAFC !important;
  background-image:linear-gradient(160deg,#E6FAFC,#fff 70%) !important;
  box-shadow:0 8px 22px rgba(34,167,184,.18) !important;
  position:relative;
}
div.operator-card.selected::after,
div.package-card.selected::after{
  content:"";
  position:absolute;top:-8px;inset-inline-start:-8px;
  width:24px;height:24px;border-radius:50%;
  background:#22A7B8 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>') center/13px no-repeat;
  box-shadow:0 4px 10px rgba(21,144,163,.4);
}
.payment-methods-container .payment-method-card,
div.payment-method-card{
  border-radius:14px !important;
  border:1.5px solid #E9EDF2 !important;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
div.payment-method-card:hover{border-color:rgba(74,207,221,.65) !important;transform:translateY(-2px)}
div.payment-method-card.selected{
  border-color:#22A7B8 !important;
  background:#E6FAFC !important;
  box-shadow:0 8px 22px rgba(34,167,184,.18) !important;
}
.payment-method-card.selected .payment-name{color:#0B7285 !important}

/* ================= آلرت‌ها، مودال‌ها ================= */
.alert{border-radius:14px !important;border:none}
.modal-content{border-radius:16px !important;border:none;overflow:hidden}
.modal-header{border-bottom:1px solid #E9EDF2}
.download-modal .modal-header{background:#0E7C8C}
.download-option{border-radius:12px !important;border:1.5px solid #E9EDF2 !important;background:#fff !important}
.download-option:hover{background:#E6FAFC !important;color:#0B7285 !important;border-color:#22A7B8 !important;transform:translateY(-2px)}

/* ================= فوتر عمومی ================= */
footer.footer.bg-danger{
  background:#CE3557 !important;
  background-color:#CE3557 !important;
  border-radius:24px 24px 0 0;
  box-shadow:none;
  margin-top:34px;
  padding-bottom:26px;
}
footer.footer.bg-danger .material-navbar__link.link{color:#fff}
footer.footer.bg-danger a.link:hover{color:#E6FAFC}
.icon-image{border-radius:8px;transition:transform .2s}
footer a:hover .icon-image{transform:translateY(-2px)}

/* ================= منوی پایین موبایل (داک شناور) ================= */
.mobile-footer-menu{
  background:transparent !important;
  box-shadow:none !important;
  bottom:0;left:0;right:0;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
}
.mobile-footer-menu nav ul{
  background:rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border:1px solid #E9EDF2;
  border-radius:22px;
  box-shadow:0 12px 34px rgba(23,29,41,.18) !important;
  padding:7px !important;
}
.mobile-footer-menu nav ul li a{
  color:#5B6472 !important;
  border-radius:15px;
  position:relative;
  padding:8px 2px 6px !important;
}
.mobile-footer-menu nav ul li a span{font-size:9.5px !important;font-weight:700}
.mobile-footer-menu nav ul li a:hover,
.mobile-footer-menu nav ul li a:focus{background:transparent !important;color:#1E242C !important}
.mobile-footer-menu nav ul li a.active{
  background:#FAEBF0 !important;
  color:#CE3557 !important;
}
.mobile-footer-menu nav ul li a.active::before{
  content:"";
  position:absolute;top:-4px;inset-inline:26%;height:3px;border-radius:3px;
  background:#CE3557;
}
@media screen and (max-width:768px){
  body{padding-bottom:92px !important} /* جای داک شناور بلندتر از قبل */
}
/* پاپ‌آپ حساب کاربری داخل داک */
.dropdown-content{
  background:#fff !important;
  border:1px solid #E9EDF2;
  border-radius:16px !important;
  box-shadow:0 18px 40px rgba(23,29,41,.18) !important;
  bottom:calc(100% + 10px) !important;
  left:50% !important;
  transform:translateX(50%);
  padding:8px !important;
}
.dropdown-content a{color:#1E242C !important;border-radius:10px}
.dropdown-content a:hover{background:#FAEBF0}
.div-dropdown{border-color:#22A7B8 !important}

/* ================= لودینگ ================= */
.loading{background:rgba(20,10,12,.55) !important}
.loading .path{stroke:#4ACFDD}

/* ================= جزئیات متفرقه ================= */
a:hover{color:#22A7B8}
.single-article-content a,
.single-article-content a:link,
.single-article-content a:visited{color:#1a5c96 !important} /* لینک مقالات دست‌نخورده (خوانایی) */
.table td,.table th{border-color:#E9EDF2}
.pagination .page-link{border-radius:10px;margin:0 3px;border:1px solid #E9EDF2;color:#5B6472}
.pagination .page-item.active .page-link{background:#CE3557;border-color:#CE3557;color:#fff}
.pagination .page-link:hover{background:#FAEBF0;color:#CE3557}

/* ================= پنل کاربری (AdminLTE) — هم‌رنگ شدن کامل با سایت ================= */

/* محتوای پنل روی زمینه روشن سایت */
.content-wrapper{background:#F7F8FA !important}

/* تیتر بالای هر صفحه + بردکرامب (قبلاً سفید روی سفید بود) */
.content-header h1{color:#1E242C !important;font-weight:800}
.content-header .breadcrumb{background:transparent;padding:0}
.content-header .breadcrumb-item a{color:#5B6472}
.content-header .breadcrumb-item.active{color:#CE3557;font-weight:700}

/* هدر پنل */
.main-header.navbar.bg-danger{border-bottom:none}
.main-header .nav-link{color:#fff !important}

/* سایدبار: رز فلت هماهنگ با ناوبار سایت */
.main-sidebar{background-color:#CE3557 !important}
.sidebar-dark-primary .brand-link{
  background:#AE2749 !important;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link{
  color:rgba(255,255,255,.88);
  border-radius:12px;
  margin:2px 8px;
  transition:background-color .2s;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover,
.sidebar-dark-primary .nav-sidebar > .nav-item.nav-open > .nav-link,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active{
  background:rgba(255,255,255,.16);
  color:#fff !important;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active{
  font-weight:800;
  border-inline-start:3px solid #4ACFDD;
}
.sidebar-dark-primary .nav-sidebar .nav-header{color:rgba(255,255,255,.6)}
.sidebar-dark-primary .nav-sidebar .nav-treeview{background:rgba(0,0,0,.12);border-radius:12px}
.sidebar-dark-primary .nav-sidebar .nav-treeview .nav-link{margin:0 4px}
.sidebar-dark-primary .user-panel{border-bottom:1px solid rgba(255,255,255,.14)}

/* کارت‌های پنل: مدرن (گرد + سایه)؛ واریانت‌های رنگی AdminLTE و کارت‌های خرید
   رنگ وضعیت خودشان را نگه می‌دارند — فقط کارت بدون واریانت، اکسنت رز می‌گیرد */
.content-wrapper .card{
  border-radius:16px !important;
  border:1px solid #E9EDF2 !important;
  box-shadow:0 6px 20px rgba(23,29,41,.06) !important;
  overflow:hidden;
}
.content-wrapper .card:not(.card-success):not(.card-danger):not(.card-info):not(.card-primary):not(.card-warning):not(.card-dark):not(.purchase-card){
  border-top:3px solid #CE3557 !important;
  background:#fff;
}
.content-wrapper .card:not(.card-success):not(.card-danger):not(.card-info):not(.card-primary):not(.card-warning):not(.card-dark) .card-header{
  background:#fff !important;
  border-bottom:1px solid #E9EDF2;
}
.content-wrapper .card:not(.card-success):not(.card-danger):not(.card-info):not(.card-primary):not(.card-warning):not(.card-dark) .card-header .card-title{color:#1E242C !important}
.content-wrapper .card-header .card-title{font-weight:800}
.content-wrapper .card-header a,
.content-wrapper .card-header .btn-tool{color:#5B6472 !important}
.content-wrapper .card-outline{border-top:3px solid #CE3557 !important}

/* کارت‌های خرید (purchase-card): گرادیان وضعیت خودشان + گوشه و سایه مدرن */
.content-wrapper .purchase-card{
  border-radius:16px !important;
  border:1px solid #E9EDF2 !important;
  box-shadow:0 6px 20px rgba(23,29,41,.06) !important;
}

/* دکمه‌های رنگی پراکنده پنل به خانواده برند می‌روند */
.content-wrapper .btn-warning,
.content-wrapper .btn-warning:not(:disabled):not(.disabled):active,
.content-wrapper .bg-orange.btn,
.content-wrapper .btn.btn-orange{
  background:#CE3557 !important;border-color:#CE3557 !important;color:#fff !important;
}
.content-wrapper .btn-purple,
.content-wrapper .bg-purple.btn{
  background:#0E7C8C !important;border-color:#0E7C8C !important;color:#fff !important;
}
.content-wrapper .btn-info{background:#0E7C8C !important;border-color:#0E7C8C !important;color:#fff !important}
.content-wrapper .btn-default,
.content-wrapper .btn-secondary{background:#fff !important;border:1.5px solid #E9EDF2 !important;color:#5B6472 !important}

/* جدول‌ها و فرم‌ها */
.content-wrapper .table thead th{
  background:#F7F8FA;color:#5B6472;border-color:#E9EDF2;font-weight:700;
}
.content-wrapper .table td,.content-wrapper .table th{border-color:#E9EDF2;vertical-align:middle}
.content-wrapper .table-hover tbody tr:hover{background:#FAEBF0}

/* آلرت‌ها و اطلاعات — گرادیان بنفش/فیروزه‌ای قدیمی custom-style هم حذف می‌شود */
.content-wrapper .alert{background-image:none !important}
.content-wrapper .alert-info{background-color:#E6FAFC !important;border:1px solid rgba(74,207,221,.4) !important;color:#0B7285 !important}
.content-wrapper .alert-info a{color:#0B7285 !important}
.content-wrapper .alert-danger{background-color:#FAEBF0 !important;border:1px solid rgba(206,53,87,.35) !important;color:#8C1D3A !important}
.content-wrapper .alert-success{background-color:#E5F7EC !important;border:1px solid rgba(30,158,85,.35) !important;color:#178A47 !important}
.content-wrapper .alert-warning{background-color:#FFF4E0 !important;border:1px solid rgba(169,106,0,.3) !important;color:#A96A00 !important}

/* باکس‌های آماری داشبورد */
.content-wrapper .small-box,
.content-wrapper .info-box{
  border-radius:16px !important;border:1px solid #E9EDF2 !important;
  box-shadow:0 6px 20px rgba(23,29,41,.06) !important;background:#fff !important;
}
.content-wrapper .small-box > .small-box-footer{background:rgba(206,53,87,.08) !important;color:#CE3557 !important}
.content-wrapper .info-box-icon{border-radius:12px !important}

/* تب‌ها */
.content-wrapper .nav-tabs{border-bottom:2px solid #E9EDF2}
.content-wrapper .nav-tabs .nav-link{color:#5B6472;border:none;border-radius:10px 10px 0 0}
.content-wrapper .nav-tabs .nav-link.active{
  background:#fff;color:#CE3557 !important;font-weight:800;
  border:1px solid #E9EDF2;border-bottom:2px solid #CE3557;
}

/* بج و لیبل */
.content-wrapper .badge,.content-wrapper .label{border-radius:8px;font-weight:700}