/*
 * YNBSoft SMM Panel — Modern Theme v0.6.1
 * Safe/scoped theme layer. No PHP/functionality changes.
 * Accent: #bef264
 */

/* -------------------------------------------------------
   TOKENS
------------------------------------------------------- */
body.theme-modern{
  --m-accent:#bef264;
  --m-accent-hover:#a3e635;
  --m-accent-soft:#f0fcca;
  --m-accent-ink:var(--m-accent-ink);

  --m-bg:#f5f7f3;
  --m-surface:#ffffff;
  --m-surface-soft:#fafbf9;
  --m-surface-muted:#f1f3f0;

  --m-ink:#151918;
  --m-text:#303633;
  --m-muted:#717973;
  --m-faint:#98a09a;

  --m-border:#e3e7e1;
  --m-border-strong:#d4d9d2;

  --m-dark:#171b19;
  --m-dark-soft:#222725;

  --m-radius-sm:8px;
  --m-radius:12px;
  --m-radius-lg:16px;

  margin:0;
  background:var(--m-bg)!important;
  color:var(--m-text)!important;
  font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px;
  line-height:1.55;
  letter-spacing:-.006em;
}

body.theme-modern *,
body.theme-modern *::before,
body.theme-modern *::after{
  box-sizing:border-box;
}

body.theme-modern h1,
body.theme-modern h2,
body.theme-modern h3,
body.theme-modern h4,
body.theme-modern h5,
body.theme-modern h6{
  color:var(--m-ink);
  font-weight:750;
  letter-spacing:-.035em;
}

body.theme-modern p{
  color:var(--m-muted);
}

body.theme-modern .container{
  width:100%;
}

/* -------------------------------------------------------
   LINKS + BUTTONS
------------------------------------------------------- */
body.theme-modern a{
  text-decoration:none;
}

body.theme-modern .btn{
  border-radius:var(--m-radius-sm)!important;
  font-weight:700!important;
  font-size:12px;
  box-shadow:none!important;
  transition:none!important;
}

body.theme-modern .btn:focus,
body.theme-modern .btn:active{
  box-shadow:none!important;
}

body.theme-modern .btn-dark{
  background:var(--m-dark)!important;
  border-color:var(--m-dark)!important;
  color:#fff!important;
}

body.theme-modern .btn-dark:hover{
  background:var(--m-dark-soft)!important;
  border-color:var(--m-dark-soft)!important;
}

body.theme-modern .btn-primary,
body.theme-modern .btn-warning{
  background:var(--m-accent)!important;
  border-color:var(--m-accent)!important;
  color:#1d290e!important;
}

body.theme-modern .btn-primary:hover,
body.theme-modern .btn-warning:hover{
  background:var(--m-accent-hover)!important;
  border-color:var(--m-accent-hover)!important;
}

body.theme-modern .btn-outline-dark{
  background:#fff!important;
  border-color:var(--m-border-strong)!important;
  color:var(--m-ink)!important;
}

body.theme-modern .btn-outline-dark:hover{
  background:var(--m-dark)!important;
  border-color:var(--m-dark)!important;
  color:#fff!important;
}

body.theme-modern .btn-outline-secondary{
  background:#fff!important;
  border-color:var(--m-border)!important;
  color:#505852!important;
}

body.theme-modern .btn-outline-secondary:hover{
  background:var(--m-surface-soft)!important;
  border-color:var(--m-border-strong)!important;
  color:var(--m-ink)!important;
}

body.theme-modern .btn-outline-light{
  color:#dce2de!important;
  border-color:#3a403d!important;
}

body.theme-modern .btn-outline-light:hover{
  background:#2b302d!important;
  color:#fff!important;
  border-color:#464d49!important;
}

/* -------------------------------------------------------
   FORMS
------------------------------------------------------- */
body.theme-modern .form-label{
  color:#515952;
  font-weight:700;
  font-size:11px;
}

body.theme-modern .form-control,
body.theme-modern .form-select{
  background:#fff!important;
  color:var(--m-ink)!important;
  border:1px solid var(--m-border-strong)!important;
  border-radius:var(--m-radius-sm)!important;
  min-height:40px;
  font-size:12px;
  box-shadow:none!important;
}

body.theme-modern textarea.form-control{
  min-height:auto;
}

body.theme-modern .form-control::placeholder{
  color:#a0a7a1;
}

body.theme-modern .form-control:focus,
body.theme-modern .form-select:focus{
  border-color:var(--m-accent-hover)!important;
  box-shadow:0 0 0 3px rgba(190,242,100,.22)!important;
}

body.theme-modern .input-group-text{
  background:var(--m-surface-soft)!important;
  border-color:var(--m-border-strong)!important;
  color:#626a64!important;
  font-size:11px;
}

body.theme-modern .form-text{
  color:#929a94!important;
  font-size:9px;
}

/* -------------------------------------------------------
   CARDS / TABLES / MODALS
------------------------------------------------------- */
body.theme-modern .card,
body.theme-modern .panel-card,
body.theme-modern .service-card,
body.theme-modern .table-card,
body.theme-modern .form-card,
body.theme-modern .service-table-wrap{
  background:var(--m-surface)!important;
  border:1px solid var(--m-border)!important;
  border-radius:var(--m-radius)!important;
  box-shadow:none!important;
}

body.theme-modern .card-header,
body.theme-modern .table-card .head{
  background:#fff!important;
  border-bottom:1px solid var(--m-border)!important;
  color:var(--m-ink)!important;
  font-weight:750;
}

body.theme-modern .service-card{
  transition:none!important;
}

body.theme-modern .service-card:hover{
  transform:none!important;
  box-shadow:none!important;
  border-color:var(--m-border-strong)!important;
}

body.theme-modern .table-responsive{
  border-radius:inherit;
}

body.theme-modern .table{
  --bs-table-bg:transparent;
  --bs-table-striped-bg:#fafbf9;
  --bs-table-hover-bg:#f7f9f5;
  color:var(--m-text)!important;
  margin-bottom:0;
}

body.theme-modern .table thead th{
  background:#fafbf9!important;
  color:#747d76!important;
  border-color:var(--m-border)!important;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.045em;
}

body.theme-modern .table tbody td{
  color:#424943;
  border-color:#edf0ec!important;
}

body.theme-modern .modal-content{
  border:1px solid var(--m-border)!important;
  border-radius:var(--m-radius-lg)!important;
  box-shadow:none!important;
  overflow:hidden;
}

body.theme-modern .modal-header{
  background:#fff!important;
  border-bottom:1px solid var(--m-border)!important;
}

body.theme-modern .modal-footer{
  border-top:1px solid var(--m-border)!important;
}

body.theme-modern .alert{
  border-radius:10px!important;
  box-shadow:none!important;
}

body.theme-modern .badge{
  border-radius:999px!important;
  font-size:9px;
  font-weight:750!important;
}

body.theme-modern .text-bg-success{
  background:var(--m-accent-soft)!important;
  color:var(--m-accent-ink)!important;
}

body.theme-modern .text-bg-danger{
  background:#feecec!important;
  color:#b42318!important;
}

body.theme-modern .text-bg-warning{
  background:#fff6d8!important;
  color:#8a6116!important;
}

body.theme-modern .text-secondary,
body.theme-modern .muted{
  color:var(--m-muted)!important;
}

/* -------------------------------------------------------
   PUBLIC WEBSITE NAV
   Deliberately only targets the public navbar structure.
------------------------------------------------------- */
body.theme-modern > nav.navbar:not(.customer-navbar){
  min-height:72px!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid var(--m-border)!important;
}

body.theme-modern > nav.navbar:not(.customer-navbar) .navbar-brand{
  color:var(--m-ink)!important;
  font-weight:850!important;
  letter-spacing:-.04em;
}

body.theme-modern > nav.navbar:not(.customer-navbar) .nav-link{
  color:#5c655f!important;
  font-size:12px;
  font-weight:650;
  border-radius:7px;
}

body.theme-modern > nav.navbar:not(.customer-navbar) .nav-link:hover{
  color:var(--m-ink)!important;
  background:#f4f6f2;
}

body.theme-modern > nav.navbar:not(.customer-navbar) .navbar-toggler{
  border-color:var(--m-border-strong)!important;
}

/* -------------------------------------------------------
   PUBLIC HOME
------------------------------------------------------- */
body.theme-modern .hero{
  padding:92px 0 76px!important;
  background:transparent!important;
}

body.theme-modern .hero .eyebrow,
body.theme-modern .eyebrow{
  color:var(--m-accent-ink)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}

body.theme-modern .hero h1{
  color:var(--m-ink)!important;
  font-size:clamp(42px,6vw,72px)!important;
  line-height:1!important;
  letter-spacing:-.06em!important;
  font-weight:820!important;
  max-width:900px;
}

body.theme-modern .hero p{
  max-width:650px;
  color:#6a736d!important;
  font-size:17px;
  line-height:1.7;
}

body.theme-modern .hero .btn-dark,
body.theme-modern .hero .btn-primary{
  background:var(--m-accent)!important;
  border-color:var(--m-accent)!important;
  color:#1d290e!important;
}

body.theme-modern .hero .btn-outline-dark{
  background:#fff!important;
}

body.theme-modern .panel-card{
  padding:24px!important;
}

body.theme-modern .service-card .price{
  color:var(--m-accent-ink)!important;
}

/* -------------------------------------------------------
   PUBLIC SERVICES TABLE
------------------------------------------------------- */
body.theme-modern .service-table-wrap{
  overflow:hidden!important;
}

body.theme-modern .service-table thead th{
  background:#fafbf9!important;
}

body.theme-modern .service-name{
  color:var(--m-ink)!important;
  font-weight:750!important;
}

body.theme-modern .service-category{
  color:#929a94!important;
}

body.theme-modern .service-price{
  color:#3f6212!important;
  font-weight:800!important;
}

body.theme-modern .desc-btn{
  background:#fff!important;
}

body.theme-modern .desc-btn:hover{
  background:var(--m-accent-soft)!important;
  border-color:var(--m-accent-soft)!important;
  color:var(--m-accent-ink)!important;
}

/* -------------------------------------------------------
   CUSTOMER NAVBAR
------------------------------------------------------- */
body.theme-modern .customer-navbar{
  min-height:68px!important;
  background:var(--m-dark)!important;
  border-bottom:1px solid #252b28!important;
}

body.theme-modern .customer-navbar .container{
  max-width:1220px;
}

body.theme-modern .customer-navbar .navbar-brand{
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
}

body.theme-modern .customer-brand-mark{
  width:32px!important;
  height:32px!important;
  background:var(--m-accent)!important;
  color:#21310c!important;
  border:1px solid var(--m-accent)!important;
  border-radius:9px!important;
}

body.theme-modern .customer-nav-link{
  color:#bac1bc!important;
  background:transparent!important;
  font-size:10.5px!important;
  font-weight:650!important;
  padding:7px 8px!important;
  border-radius:7px!important;
}

body.theme-modern .customer-nav-link i{
  color:#8f9892;
}

body.theme-modern .customer-nav-link:hover{
  color:#fff!important;
  background:#222825!important;
}

body.theme-modern .customer-nav-link.active{
  color:#fff!important;
  background:#262c29!important;
}

body.theme-modern .customer-nav-link.active i{
  color:var(--m-accent)!important;
}

/* No pseudo elements in nav: avoids alignment bugs */
body.theme-modern .customer-nav-link.active::before{
  content:none!important;
}

body.theme-modern .customer-balance{
  background:#202522!important;
  border:1px solid #323936!important;
  border-radius:8px!important;
  padding:6px 9px!important;
}

body.theme-modern .customer-balance i{
  color:var(--m-accent)!important;
}

body.theme-modern .customer-balance small{
  color:#879089!important;
}

body.theme-modern .customer-user{
  color:#e7ebe8!important;
}

body.theme-modern .customer-avatar{
  background:#262c29!important;
  border-color:#39413d!important;
  color:#fff!important;
  border-radius:8px!important;
}

body.theme-modern .customer-navbar .navbar-toggler{
  border:1px solid #3c433f!important;
  box-shadow:none!important;
}

/* -------------------------------------------------------
   CUSTOMER LAYOUT
------------------------------------------------------- */
body.theme-modern .customer-page{
  max-width:1220px!important;
  padding-top:30px!important;
  padding-bottom:55px!important;
}

body.theme-modern .dashboard-title h2{
  font-weight:820!important;
  color:var(--m-ink)!important;
}

body.theme-modern .summary-card{
  min-height:118px;
}

body.theme-modern .summary-card .card-body{
  padding:18px!important;
}

body.theme-modern .summary-label{
  color:#858e87!important;
}

body.theme-modern .summary-value{
  color:var(--m-ink)!important;
  font-size:22px!important;
  font-weight:820!important;
}

body.theme-modern .summary-meta{
  color:#9ba39d!important;
}

body.theme-modern .order-card .card-body{
  padding:22px!important;
}

body.theme-modern .order-card h5{
  font-size:15px!important;
}

body.theme-modern .order-service-info{
  background:#f7f9f4!important;
  border:1px solid #e4eadf!important;
  border-radius:9px!important;
}

body.theme-modern #new-order-form .btn-dark{
  background:var(--m-accent)!important;
  border-color:var(--m-accent)!important;
  color:#1d290e!important;
}

body.theme-modern #summaryTotal{
  color:var(--m-accent-ink)!important;
  font-weight:850!important;
}

body.theme-modern .quick-card{
  background:#fff!important;
  border:1px solid var(--m-border)!important;
  border-radius:11px!important;
  color:var(--m-text)!important;
  transition:none!important;
}

body.theme-modern .quick-card:hover{
  border-color:var(--m-border-strong)!important;
  color:var(--m-ink)!important;
}

body.theme-modern .quick-icon{
  width:36px!important;
  height:36px!important;
  background:var(--m-accent-soft)!important;
  border:1px solid var(--m-accent-soft)!important;
  border-radius:9px!important;
  color:var(--m-accent-ink)!important;
}

body.theme-modern .quick-card strong{
  color:var(--m-ink)!important;
}

body.theme-modern .quick-card span{
  color:#929a94!important;
}

/* -------------------------------------------------------
   AUTH / GENERIC PUBLIC FORMS
------------------------------------------------------- */
body.theme-modern .container.py-5 > .row .card,
body.theme-modern .container.py-4 > .row .card{
  border-radius:var(--m-radius-lg)!important;
}

body.theme-modern hr{
  border-color:var(--m-border)!important;
  opacity:1;
}

/* -------------------------------------------------------
   FOOTER
------------------------------------------------------- */
body.theme-modern footer{
  background:var(--m-dark)!important;
  color:#b8c0bb!important;
  border-top:0!important;
}

body.theme-modern footer a{
  color:#dce1dd!important;
}

body.theme-modern footer .text-secondary{
  color:#858f88!important;
}

/* -------------------------------------------------------
   RESPONSIVE
------------------------------------------------------- */
@media (max-width:1199.98px){
  body.theme-modern .customer-navbar .navbar-collapse{
    border-top:1px solid #2e3531!important;
    padding-top:12px!important;
    margin-top:10px!important;
  }

  body.theme-modern .customer-nav-link{
    padding:9px 8px!important;
  }

  body.theme-modern .customer-right{
    padding-top:4px;
  }
}

@media (max-width:767.98px){
  body.theme-modern .hero{
    padding:64px 0 50px!important;
  }

  body.theme-modern .hero h1{
    font-size:42px!important;
  }

  body.theme-modern .hero p{
    font-size:15px!important;
  }

  body.theme-modern .customer-page{
    padding-top:20px!important;
  }

  body.theme-modern .summary-card{
    min-height:auto;
  }

  body.theme-modern .order-card .card-body{
    padding:17px!important;
  }

  body.theme-modern .table-card,
  body.theme-modern .form-card,
  body.theme-modern .card{
    border-radius:10px!important;
  }
}
\n/* -------------------------------------------------------\n   CUSTOMER ACCOUNT CLUSTER — v0.6.3\n------------------------------------------------------- */\nbody.theme-modern .account-cluster{\n  display:flex!important;\n  align-items:center!important;\n  gap:5px!important;\n  min-height:42px!important;\n  padding:4px!important;\n  background:#202522!important;\n  border:1px solid #333a36!important;\n  border-radius:10px!important;\n}\nbody.theme-modern .account-balance,\nbody.theme-modern .account-user{\n  min-height:34px!important;\n  display:flex!important;\n  align-items:center!important;\n  gap:7px!important;\n  padding:0 7px!important;\n  color:#f4f7f5!important;\n  background:transparent!important;\n  text-decoration:none!important;\n}\nbody.theme-modern .account-balance:hover{background:#272d2a!important;border-radius:7px!important}\nbody.theme-modern .account-icon,\nbody.theme-modern .account-avatar{\n  width:28px!important;height:28px!important;flex:0 0 28px!important;\n  border-radius:7px!important;display:grid!important;place-items:center!important;\n}\nbody.theme-modern .account-icon{\n  background:var(--m-accent)!important;\n  border:1px solid var(--m-accent)!important;\n  color:#24320f!important;\n  font-size:10px!important;\n}\nbody.theme-modern .account-avatar{\n  background:#2c322f!important;\n  border:1px solid #414943!important;\n  color:#fff!important;\n  font-size:9px!important;\n  font-weight:800!important;\n}\nbody.theme-modern .account-text{line-height:1.05!important;min-width:0!important}\nbody.theme-modern .account-text small{\n  display:block!important;color:#89928c!important;font-size:7px!important;\n  font-weight:700!important;text-transform:uppercase!important;letter-spacing:.045em!important;margin-bottom:2px!important;\n}\nbody.theme-modern .account-text strong{\n  display:block!important;color:#f7f9f8!important;font-size:9.5px!important;font-weight:780!important;\n  white-space:nowrap!important;max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;\n}\nbody.theme-modern .account-separator{width:1px!important;height:22px!important;background:#39413c!important;flex:0 0 1px!important}\nbody.theme-modern .account-logout{\n  min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;\n  padding:0 9px!important;border-radius:7px!important;background:#272d2a!important;border:1px solid #3e4741!important;\n  color:#e8ece9!important;font-size:9px!important;font-weight:750!important;text-decoration:none!important;white-space:nowrap!important;\n}\nbody.theme-modern .account-logout i{color:var(--m-accent)!important;font-size:9px!important}\nbody.theme-modern .account-logout:hover{background:#303733!important;border-color:#4a544d!important;color:#fff!important}\n@media(max-width:1199.98px){\n  body.theme-modern .customer-right{width:100%!important}\n  body.theme-modern .account-cluster{width:100%!important;justify-content:flex-start!important}\n}\n@media(max-width:575.98px){\n  body.theme-modern .account-cluster{display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}\n  body.theme-modern .account-separator{display:none!important}\n  body.theme-modern .account-text strong{max-width:82px!important}\n}\n