/* ================================================================
   XUT FINAL XRT-STYLE UI V1
   Surface-specific XRT design language:
   - Public website / User / Reseller: charcoal + orange
   - Admin: classic XRT red sidebar + white workspace
   No loading animations, no external font dependency.
   ================================================================ */

:root{
  --xut-orange:#f57c20;
  --xut-orange-2:#ff9a4c;
  --xut-red:#b3202d;
  --xut-red-dark:#81131d;
  --xut-green:#20b983;
  --xut-yellow:#e9aa35;
  --xut-teal:#20a8a8;
  --xut-blue:#3182ce;

  --xut-dark:#090d12;
  --xut-dark-2:#0d131a;
  --xut-dark-3:#111923;
  --xut-dark-4:#151f2a;
  --xut-dark-line:rgba(255,255,255,.09);
  --xut-dark-text:#f5f7fa;
  --xut-dark-muted:#91a0b1;

  --xut-light-bg:#f4f6f9;
  --xut-light-card:#ffffff;
  --xut-light-line:#e0e5eb;
  --xut-light-text:#26384a;
  --xut-light-muted:#7c8a98;

  --xut-radius:10px;
  --xut-shadow:0 8px 24px rgba(23,39,56,.08);
}

/* No perceived UI delay */
html{scroll-behavior:auto!important}
*,*::before,*::after{
  animation-duration:0s!important;
  animation-delay:0s!important;
  scroll-behavior:auto!important;
}
a,button,.btn,input,select,textarea,.card,.navitem{
  transition:background-color .08s linear,border-color .08s linear,color .08s linear!important;
}
a:active,button:active,.btn:active{
  transform:none!important;
}

/* Base */
html,body{
  margin:0;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%}
a{text-decoration:none}

/* ================================================================
   PUBLIC WEBSITE + USER/RESELLER
   ================================================================ */

body.xut-final-public,
body.xut-final-user,
body.xut-final-reseller,
body.xut-final-auth{
  min-height:100vh;
  color:var(--xut-dark-text)!important;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 80% 5%,rgba(245,124,32,.10),transparent 24rem),
    linear-gradient(180deg,#0a0e13 0%,#090d12 100%)!important;
  background-size:44px 44px,44px 44px,auto,auto!important;
}

/* Public/site headers */
body.xut-final-public header,
body.xut-final-public .header,
body.xut-final-public .navbar,
body.xut-final-public .site-header,
body.xut-final-public .navigation,
body.xut-final-user header,
body.xut-final-user .navbar,
body.xut-final-reseller header,
body.xut-final-reseller .navbar,
body.xut-final-auth header,
body.xut-final-auth .navbar{
  background:#0b1016!important;
  color:#fff!important;
  border-bottom:1px solid var(--xut-dark-line)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14)!important;
}

body.xut-final-public header a,
body.xut-final-public .navbar a,
body.xut-final-user header a,
body.xut-final-user .navbar a,
body.xut-final-reseller header a,
body.xut-final-reseller .navbar a{
  color:#d6dde6!important;
  font-weight:700!important;
}

body.xut-final-public header a:hover,
body.xut-final-public .navbar a:hover,
body.xut-final-user header a:hover,
body.xut-final-user .navbar a:hover,
body.xut-final-reseller header a:hover,
body.xut-final-reseller .navbar a:hover{
  color:var(--xut-orange-2)!important;
}

/* Brand */
body.xut-final-public .brand,
body.xut-final-user .brand,
body.xut-final-reseller .brand,
body.xut-final-auth .brand{
  color:#fff!important;
}
body.xut-final-public .brandmark,
body.xut-final-user .brandmark,
body.xut-final-reseller .brandmark,
body.xut-final-auth .brandmark,
body.xut-final-public .logo-badge,
body.xut-final-user .logo-badge{
  background:linear-gradient(135deg,var(--xut-orange),var(--xut-orange-2))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

/* Public hero */
body.xut-final-public .hero,
body.xut-final-public .hero-section,
body.xut-final-public .home-hero,
body.xut-final-public .landing-hero{
  background:
    radial-gradient(circle at 78% 35%,rgba(245,124,32,.14),transparent 22rem),
    linear-gradient(180deg,#0d131a,#090d12)!important;
  border-color:var(--xut-dark-line)!important;
  color:#fff!important;
}

body.xut-final-public .hero h1,
body.xut-final-public .hero-section h1,
body.xut-final-public .home-hero h1,
body.xut-final-public .landing-hero h1{
  color:#fff!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}
body.xut-final-public .hero p,
body.xut-final-public .hero-section p,
body.xut-final-public .home-hero p,
body.xut-final-public .landing-hero p{
  color:#a8b3c1!important;
}

/* Dark surface cards */
body.xut-final-public .card,
body.xut-final-public .panel,
body.xut-final-public .box,
body.xut-final-public .feature-card,
body.xut-final-public .service-card,
body.xut-final-public .status-card,
body.xut-final-public .reseller-card,
body.xut-final-user .card,
body.xut-final-user .panel,
body.xut-final-user .box,
body.xut-final-user .widget,
body.xut-final-user .dashboard-card,
body.xut-final-user .profile-card,
body.xut-final-user .wallet-card,
body.xut-final-reseller .card,
body.xut-final-reseller .panel,
body.xut-final-reseller .box,
body.xut-final-reseller .widget,
body.xut-final-reseller .dashboard-card,
body.xut-final-auth .card,
body.xut-final-auth .login-box,
body.xut-final-auth .auth-box,
body.xut-final-auth .register-box,
body.xut-final-auth .login-card,
body.xut-final-auth .auth-card{
  background:linear-gradient(180deg,#111923,#0e151d)!important;
  color:var(--xut-dark-text)!important;
  border:1px solid var(--xut-dark-line)!important;
  border-radius:var(--xut-radius)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}

body.xut-final-public h1,
body.xut-final-public h2,
body.xut-final-public h3,
body.xut-final-public h4,
body.xut-final-user h1,
body.xut-final-user h2,
body.xut-final-user h3,
body.xut-final-reseller h1,
body.xut-final-reseller h2,
body.xut-final-reseller h3,
body.xut-final-auth h1,
body.xut-final-auth h2,
body.xut-final-auth h3{
  color:#fff!important;
}

body.xut-final-public p,
body.xut-final-public .text-muted,
body.xut-final-public small,
body.xut-final-user p,
body.xut-final-user .text-muted,
body.xut-final-user small,
body.xut-final-reseller p,
body.xut-final-reseller .text-muted,
body.xut-final-reseller small,
body.xut-final-auth p,
body.xut-final-auth .text-muted,
body.xut-final-auth small{
  color:var(--xut-dark-muted)!important;
}

/* User/reseller top navigation */
body.xut-final-user .topbar,
body.xut-final-user .app-header,
body.xut-final-reseller .topbar,
body.xut-final-reseller .app-header{
  background:#0c1219!important;
  color:#fff!important;
  border-bottom:1px solid var(--xut-dark-line)!important;
  box-shadow:none!important;
}

/* User/reseller navigation pills */
body.xut-final-user .nav-link,
body.xut-final-user .navitem,
body.xut-final-reseller .nav-link,
body.xut-final-reseller .navitem{
  color:#aeb9c5!important;
  background:transparent!important;
  border-color:transparent!important;
}
body.xut-final-user .nav-link:hover,
body.xut-final-user .navitem:hover,
body.xut-final-reseller .nav-link:hover,
body.xut-final-reseller .navitem:hover{
  color:#fff!important;
  background:#121a23!important;
}
body.xut-final-user .nav-link.active,
body.xut-final-user .navitem.active,
body.xut-final-reseller .nav-link.active,
body.xut-final-reseller .navitem.active{
  color:#fff!important;
  background:rgba(245,124,32,.13)!important;
  border-color:rgba(245,124,32,.26)!important;
}

/* Public/user/reseller buttons */
body.xut-final-public .btn,
body.xut-final-user .btn,
body.xut-final-reseller .btn,
body.xut-final-auth .btn,
body.xut-final-public button,
body.xut-final-user button,
body.xut-final-reseller button,
body.xut-final-auth button,
body.xut-final-auth input[type="submit"]{
  min-height:38px!important;
  padding:9px 15px!important;
  border-radius:7px!important;
  font-weight:800!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}

body.xut-final-public .btn-primary,
body.xut-final-user .btn-primary,
body.xut-final-reseller .btn-primary,
body.xut-final-auth .btn-primary,
body.xut-final-public input[type="submit"],
body.xut-final-user input[type="submit"],
body.xut-final-reseller input[type="submit"],
body.xut-final-auth input[type="submit"]{
  background:linear-gradient(135deg,var(--xut-orange),var(--xut-orange-2))!important;
  color:#fff!important;
  border-color:var(--xut-orange)!important;
}

body.xut-final-public .btn-outline,
body.xut-final-public .btn-outline-primary,
body.xut-final-user .btn-outline,
body.xut-final-user .btn-outline-primary,
body.xut-final-reseller .btn-outline,
body.xut-final-reseller .btn-outline-primary,
body.xut-final-auth .btn-outline,
body.xut-final-auth .btn-outline-primary,
body.xut-final-user .btn-secondary,
body.xut-final-reseller .btn-secondary{
  background:transparent!important;
  color:var(--xut-orange-2)!important;
  border-color:rgba(245,124,32,.55)!important;
}
body.xut-final-public .btn-outline:hover,
body.xut-final-user .btn-outline:hover,
body.xut-final-reseller .btn-outline:hover,
body.xut-final-auth .btn-outline:hover{
  background:rgba(245,124,32,.10)!important;
  color:#fff!important;
}

body.xut-final-public .btn-success,
body.xut-final-user .btn-success,
body.xut-final-reseller .btn-success{
  background:var(--xut-green)!important;color:#fff!important;
}
body.xut-final-public .btn-danger,
body.xut-final-user .btn-danger,
body.xut-final-reseller .btn-danger{
  background:#db4f63!important;color:#fff!important;
}

/* Auth/login */
body.xut-final-auth{
  display:block!important;
}
body.xut-final-auth .login-shell,
body.xut-final-auth .auth-shell,
body.xut-final-auth .login-layout,
body.xut-final-auth .auth-layout,
body.xut-final-auth .login-wrap,
body.xut-final-auth .auth-wrap{
  background:#0b1016!important;
  border:1px solid var(--xut-dark-line)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 18px 48px rgba(0,0,0,.26)!important;
}

body.xut-final-auth .login-left,
body.xut-final-auth .auth-left,
body.xut-final-auth .brand-panel,
body.xut-final-auth .welcome-panel{
  background:
    radial-gradient(circle at 75% 15%,rgba(245,124,32,.12),transparent 18rem),
    #0e151d!important;
  color:#fff!important;
  border-color:var(--xut-dark-line)!important;
}
body.xut-final-auth .login-right,
body.xut-final-auth .auth-right{
  background:#0b1118!important;
  color:#fff!important;
}

/* Forms */
body.xut-final-public label,
body.xut-final-user label,
body.xut-final-reseller label,
body.xut-final-auth label{
  color:#bdc6d0!important;
  font-weight:700!important;
}
body.xut-final-public input,
body.xut-final-public select,
body.xut-final-public textarea,
body.xut-final-user input,
body.xut-final-user select,
body.xut-final-user textarea,
body.xut-final-reseller input,
body.xut-final-reseller select,
body.xut-final-reseller textarea,
body.xut-final-auth input,
body.xut-final-auth select,
body.xut-final-auth textarea{
  background:#0b1118!important;
  color:#f4f7fa!important;
  border:1px solid #2a3542!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
body.xut-final-public input:focus,
body.xut-final-public select:focus,
body.xut-final-public textarea:focus,
body.xut-final-user input:focus,
body.xut-final-user select:focus,
body.xut-final-user textarea:focus,
body.xut-final-reseller input:focus,
body.xut-final-reseller select:focus,
body.xut-final-reseller textarea:focus,
body.xut-final-auth input:focus,
body.xut-final-auth select:focus,
body.xut-final-auth textarea:focus{
  border-color:var(--xut-orange)!important;
  box-shadow:0 0 0 2px rgba(245,124,32,.10)!important;
  outline:none!important;
}

/* Dark tables */
body.xut-final-public table,
body.xut-final-user table,
body.xut-final-reseller table{
  background:#0e151d!important;
  color:#d2dae3!important;
}
body.xut-final-public th,
body.xut-final-user th,
body.xut-final-reseller th{
  background:#121b24!important;
  color:#98a6b5!important;
  border-color:#27313c!important;
}
body.xut-final-public td,
body.xut-final-user td,
body.xut-final-reseller td{
  background:#0e151d!important;
  color:#c4ced8!important;
  border-color:#202a34!important;
}
body.xut-final-public tbody tr:hover td,
body.xut-final-user tbody tr:hover td,
body.xut-final-reseller tbody tr:hover td{
  background:#111b25!important;
}

/* Status pills */
body.xut-final-public .badge-success,
body.xut-final-user .badge-success,
body.xut-final-reseller .badge-success,
body.xut-final-public .status-online,
body.xut-final-user .status-online,
body.xut-final-reseller .status-online{
  background:rgba(32,185,131,.12)!important;
  color:#58d8a7!important;
  border-color:rgba(32,185,131,.22)!important;
}
body.xut-final-public .badge-danger,
body.xut-final-user .badge-danger,
body.xut-final-reseller .badge-danger,
body.xut-final-public .status-offline{
  background:rgba(219,79,99,.12)!important;
  color:#ff8193!important;
  border-color:rgba(219,79,99,.22)!important;
}

/* Footer */
body.xut-final-public footer,
body.xut-final-public .footer,
body.xut-final-user footer,
body.xut-final-user .footer,
body.xut-final-reseller footer,
body.xut-final-reseller .footer{
  background:#080c10!important;
  color:#6f7e8e!important;
  border-color:var(--xut-dark-line)!important;
}

/* ================================================================
   ADMIN — CLASSIC XRT RED / WHITE
   ================================================================ */

body.xut-final-admin{
  min-height:100vh!important;
  color:var(--xut-light-text)!important;
  background:var(--xut-light-bg)!important;
}

body.xut-final-admin .shell{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:242px minmax(0,1fr)!important;
  background:var(--xut-light-bg)!important;
}

/* Red XRT-style sidebar */
body.xut-final-admin .sidebar{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  overflow-y:auto!important;
  padding:18px 14px!important;
  background:linear-gradient(180deg,#ad1f2c 0%,#941824 52%,#74111a 100%)!important;
  color:#fff!important;
  border-right:0!important;
  box-shadow:5px 0 18px rgba(109,17,26,.12)!important;
}

body.xut-final-admin .brand{
  padding:5px 8px 18px!important;
  margin-bottom:7px!important;
  border-bottom:1px solid rgba(255,255,255,.15)!important;
}
body.xut-final-admin .brandmark{
  background:#fff!important;
  color:var(--xut-red)!important;
  border-radius:9px!important;
  box-shadow:none!important;
  font-weight:900!important;
}
body.xut-final-admin .brand h2{
  color:#fff!important;
  font-weight:850!important;
}
body.xut-final-admin .brand small{
  color:#f1b8bd!important;
}
body.xut-final-admin .navlabel{
  color:#efb3b9!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
}
body.xut-final-admin .navitem{
  color:#fff!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  font-weight:700!important;
}
body.xut-final-admin .navitem:hover{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
}
body.xut-final-admin .navitem.active{
  color:#8d1822!important;
  background:#fff!important;
  border-color:#fff!important;
  box-shadow:none!important;
}
body.xut-final-admin .ico{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:6px!important;
}
body.xut-final-admin .navitem.active .ico{
  background:#f7e9ea!important;
  color:var(--xut-red)!important;
}
body.xut-final-admin .sidepill{
  background:rgba(255,255,255,.09)!important;
  color:#f3d1d4!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* White admin main/topbar */
body.xut-final-admin .main{
  min-width:0!important;
  background:var(--xut-light-bg)!important;
}
body.xut-final-admin .topbar{
  height:68px!important;
  padding:0 26px!important;
  background:#fff!important;
  color:var(--xut-light-text)!important;
  border-bottom:1px solid var(--xut-light-line)!important;
  box-shadow:0 3px 12px rgba(31,49,66,.04)!important;
}
body.xut-final-admin .topbar h1{
  color:#2b3948!important;
  font-size:17px!important;
  font-weight:800!important;
}
body.xut-final-admin .crumb{color:#929daa!important}
body.xut-final-admin .chip,
body.xut-final-admin .userchip{
  background:#f7f9fb!important;
  color:#506274!important;
  border:1px solid #e1e6eb!important;
}
body.xut-final-admin .chip.good{
  background:#edf9f4!important;
  color:#19835d!important;
  border-color:#d1ebdf!important;
}
body.xut-final-admin .chip.warn{
  background:#fff8e9!important;
  color:#95661d!important;
  border-color:#efdcb2!important;
}
body.xut-final-admin .avatar{
  background:linear-gradient(135deg,var(--xut-red),#d43d4b)!important;
  color:#fff!important;
}

/* Admin content/cards */
body.xut-final-admin .content{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:24px 26px 50px!important;
}
body.xut-final-admin .pagehead h1,
body.xut-final-admin .pagehead h2,
body.xut-final-admin .card h1,
body.xut-final-admin .card h2,
body.xut-final-admin .card h3,
body.xut-final-admin .hero h2{
  color:#2a3b4d!important;
}
body.xut-final-admin .pagehead p,
body.xut-final-admin .hero p,
body.xut-final-admin .muted{
  color:var(--xut-light-muted)!important;
}

body.xut-final-admin .card,
body.xut-final-admin .stat{
  background:#fff!important;
  color:var(--xut-light-text)!important;
  border:1px solid var(--xut-light-line)!important;
  border-radius:8px!important;
  box-shadow:var(--xut-shadow)!important;
}
body.xut-final-admin .card{
  padding:17px!important;
  margin-bottom:15px!important;
}
body.xut-final-admin .card.tint{
  background:#fff!important;
}

/* XRT classic stat cards with colored left accent */
body.xut-final-admin .stat{
  position:relative!important;
  min-height:122px!important;
  padding:15px 16px 15px 20px!important;
  border-left:4px solid var(--xut-red)!important;
}
body.xut-final-admin .stat.cyan{border-left-color:var(--xut-teal)!important}
body.xut-final-admin .stat.violet{border-left-color:#7a62d8!important}
body.xut-final-admin .stat.green{border-left-color:var(--xut-green)!important}
body.xut-final-admin .stat.amber{border-left-color:var(--xut-yellow)!important}
body.xut-final-admin .stat .icon{
  background:#f6f7f9!important;
  color:#a5aeb8!important;
  border:0!important;
}
body.xut-final-admin .stat .k{
  color:#778594!important;
  font-weight:800!important;
}
body.xut-final-admin .stat .v{
  color:#2c3b49!important;
  font-weight:850!important;
}
body.xut-final-admin .stat .s{
  color:#9aa5b0!important;
}

/* Admin hero */
body.xut-final-admin .hero{
  background:linear-gradient(135deg,#fff,#fafbfc)!important;
  border:1px solid var(--xut-light-line)!important;
  box-shadow:var(--xut-shadow)!important;
  border-radius:8px!important;
}
body.xut-final-admin .hero::after{display:none!important}

/* Admin action bar / buttons */
body.xut-final-admin .actions,
body.xut-final-admin .toolbar{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.xut-final-admin .btn,
body.xut-final-admin button{
  min-height:35px!important;
  padding:8px 12px!important;
  border-radius:6px!important;
  font-size:10.5px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body.xut-final-admin .btn:not(.secondary),
body.xut-final-admin button:not(.secondary){
  background:var(--xut-red)!important;
  color:#fff!important;
  border-color:var(--xut-red)!important;
}
body.xut-final-admin .btn.secondary{
  background:#fff!important;
  color:#526476!important;
  border:1px solid #d5dde5!important;
}
body.xut-final-admin .btn.green{
  background:#1bb77f!important;
  border-color:#1bb77f!important;
}
body.xut-final-admin .btn.violet{
  background:#7c62d9!important;
  border-color:#7c62d9!important;
}
body.xut-final-admin .btn.danger{
  background:#df4f60!important;
  border-color:#df4f60!important;
}
body.xut-final-admin .btn.orange{
  background:#e9a12f!important;
  border-color:#e9a12f!important;
}

/* Forms admin */
body.xut-final-admin label{
  color:#5d6f80!important;
  font-weight:700!important;
}
body.xut-final-admin input,
body.xut-final-admin select,
body.xut-final-admin textarea{
  background:#fff!important;
  color:#33485b!important;
  border:1px solid #d5dde5!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
body.xut-final-admin input:focus,
body.xut-final-admin select:focus,
body.xut-final-admin textarea:focus{
  border-color:#c44954!important;
  box-shadow:0 0 0 2px rgba(179,32,45,.07)!important;
  outline:none!important;
}

/* Admin tables */
body.xut-final-admin .tablewrap{
  background:#fff!important;
  border:1px solid var(--xut-light-line)!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
body.xut-final-admin table{
  background:#fff!important;
  color:#435668!important;
}
body.xut-final-admin th{
  background:#f4f6f8!important;
  color:#6e7e8d!important;
  border-color:#e1e6eb!important;
  font-size:9px!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
body.xut-final-admin td{
  background:#fff!important;
  color:#495e72!important;
  border-color:#edf0f3!important;
}
body.xut-final-admin td b{color:#2e4153!important}
body.xut-final-admin tbody tr:hover td{
  background:#fafbfc!important;
}

/* Admin badges */
body.xut-final-admin .badge{
  background:#f2f4f6!important;
  color:#657585!important;
  border-color:#e0e5ea!important;
}
body.xut-final-admin .badge-success{
  background:#eaf9f3!important;
  color:#18815a!important;
  border-color:#cce9db!important;
}
body.xut-final-admin .badge-danger{
  background:#fff0f2!important;
  color:#b84455!important;
  border-color:#efccd2!important;
}
body.xut-final-admin .badge-warning{
  background:#fff8e8!important;
  color:#95661e!important;
  border-color:#efdcb3!important;
}

/* Quick/admin utility */
body.xut-final-admin .quick a{
  background:#fafbfc!important;
  color:#354a5d!important;
  border:1px solid #e2e7ec!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
body.xut-final-admin .quick a:hover{
  background:#f5f7f9!important;
  border-color:#d3dce4!important;
}
body.xut-final-admin .quick b{color:#31465a!important}
body.xut-final-admin .quick small{color:#8b98a5!important}
body.xut-final-admin .metric{
  border-color:#edf0f3!important;
}
body.xut-final-admin .notice{
  background:#f7f9fb!important;
  color:#536a7e!important;
  border-color:#dce4eb!important;
}
body.xut-final-admin .notice.ok{
  background:#eef9f4!important;
  color:#247859!important;
  border-color:#cfe8dc!important;
}
body.xut-final-admin .notice.bad{
  background:#fff1f3!important;
  color:#b24758!important;
  border-color:#efcdd3!important;
}
body.xut-final-admin .footer{
  color:#9aa5af!important;
}

/* Disable legacy theme switch if markup remains */
body.xut-final-admin .xut-theme-switch{display:none!important}

/* ================================================================
   RESPONSIVE
   ================================================================ */

@media(max-width:1180px){
  body.xut-final-admin .shell{
    grid-template-columns:216px minmax(0,1fr)!important;
  }
  body.xut-final-admin .stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.xut-final-admin .layout-2{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:780px){
  body.xut-final-admin .shell{display:block!important}
  body.xut-final-admin .sidebar{
    position:fixed!important;
    left:-255px!important;
    width:242px!important;
    z-index:60!important;
  }
  body.xut-final-admin .sidebar.open{left:0!important}
  body.xut-final-admin .content{padding:18px 12px 40px!important}
  body.xut-final-admin .topbar{padding:0 13px!important}
  body.xut-final-admin .stats,
  body.xut-final-admin .grid{
    grid-template-columns:1fr!important;
  }

  body.xut-final-public .hero,
  body.xut-final-public .hero-section{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* Scrollbars */
body.xut-final-public *,
body.xut-final-user *,
body.xut-final-reseller *,
body.xut-final-auth *{
  scrollbar-color:#36414d #0b1016!important;
}
body.xut-final-admin *{
  scrollbar-color:#c9d1d8 #f3f5f7!important;
}