/* VialStack Billing polish — default CtrlPanel theme visual layer. Functionality/layout preserved. */
:root{
  --vs-bg:#040814;
  --vs-bg-2:#081120;
  --vs-surface:rgba(17,24,39,.92);
  --vs-surface-2:rgba(15,23,42,.94);
  --vs-surface-3:rgba(30,41,59,.72);
  --vs-border:rgba(148,163,184,.16);
  --vs-border-strong:rgba(34,211,238,.32);
  --vs-text:#f7f8ff;
  --vs-muted:#9aa7c7;
  --vs-purple:#7c3aed;
  --vs-violet:#8b5cf6;
  --vs-cyan:#22d3ee;
  --vs-green:#22c55e;
  --vs-yellow:#facc15;
}
html,body{
  background:
    radial-gradient(circle at 18% 12%, rgba(124,58,237,.30), transparent 34%),
    radial-gradient(circle at 84% 4%, rgba(34,211,238,.15), transparent 32%),
    linear-gradient(180deg,var(--vs-bg),var(--vs-bg-2) 55%,var(--vs-bg))!important;
  color:var(--vs-text)!important;
}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%);}
a{color:#67e8f9} a:hover{color:#fff;text-decoration:none}.text-primary,.brand-link .brand-text{color:#67e8f9!important}.text-muted,.text-gray-600,.small{color:var(--vs-muted)!important}
.wrapper,.content-wrapper{background:transparent!important}.content-wrapper{padding-top:10px}.main-header.navbar{background:rgba(7,12,28,.88)!important;border-bottom:1px solid var(--vs-border)!important;backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.24)!important}.main-header .nav-link{color:#dbe7ff!important;font-weight:800}.main-header .nav-link:hover{color:#fff!important;background:rgba(124,58,237,.20)!important;border-radius:12px}.main-sidebar{background:linear-gradient(180deg,rgba(7,12,28,.96),rgba(10,16,34,.94))!important;border-right:1px solid var(--vs-border)!important;box-shadow:18px 0 48px rgba(0,0,0,.22)!important}.brand-link{border-bottom:1px solid var(--vs-border)!important;background:rgba(255,255,255,.02)!important}.brand-link .brand-image{border-radius:14px!important;background:rgba(255,255,255,.04);box-shadow:0 0 24px rgba(124,58,237,.34);opacity:1!important}.nav-sidebar>.nav-item>.nav-link{border-radius:14px!important;margin:.18rem .55rem;color:#cbd5e1!important;font-weight:800}.nav-sidebar>.nav-item>.nav-link:hover{background:rgba(124,58,237,.18)!important;color:#fff!important}.nav-sidebar>.nav-item>.nav-link.active{background:linear-gradient(100deg,var(--vs-purple),var(--vs-violet) 64%,var(--vs-cyan))!important;color:#fff!important;box-shadow:0 12px 26px rgba(124,58,237,.26)!important}.nav-header{color:#8fa4c8!important;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.card,.small-box,.info-box,.dropdown-menu,.modal-content,.callout{background:var(--vs-surface)!important;border:1px solid var(--vs-border)!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important;color:var(--vs-text)!important}.card-header{background:linear-gradient(90deg,rgba(124,58,237,.14),rgba(34,211,238,.045))!important;border-bottom:1px solid var(--vs-border)!important;border-radius:18px 18px 0 0!important;color:var(--vs-text)!important}.card-title{font-weight:900!important;color:var(--vs-text)!important}.card-body,.card-footer{color:var(--vs-text)!important}.card-footer{background:rgba(7,12,28,.54)!important;border-top:1px solid var(--vs-border)!important}.table{color:var(--vs-text)!important}.table td,.table th{border-color:rgba(148,163,184,.22)!important}.table thead th{color:#eaf6ff!important;background:rgba(7,12,28,.32)!important;font-weight:900}.table-hover tbody tr:hover{background:rgba(124,58,237,.10)!important;color:#fff!important}.btn-primary,.btn-info,.btn-success,.btn-outline-primary:hover,.page-item.active .page-link{background:linear-gradient(100deg,var(--vs-purple),var(--vs-violet) 62%,var(--vs-cyan))!important;border-color:rgba(34,211,238,.28)!important;color:#fff!important;font-weight:900!important;box-shadow:0 12px 28px rgba(124,58,237,.22)!important}.btn-secondary,.btn-default,.btn-outline-primary{background:rgba(15,23,42,.78)!important;border-color:var(--vs-border)!important;color:#dbeafe!important}.btn:hover{transform:translateY(-1px)}.form-control,.custom-select,input,textarea,select{background:#080d1d!important;border:1px solid rgba(148,163,184,.28)!important;color:var(--vs-text)!important;border-radius:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}.form-control:focus,input:focus,textarea:focus,select:focus{background:#080d1d!important;border-color:rgba(34,211,238,.62)!important;color:#fff!important;box-shadow:0 0 0 3px rgba(34,211,238,.16),inset 0 1px 0 rgba(255,255,255,.04)!important}.input-group-text{background:rgba(15,23,42,.92)!important;border-color:rgba(148,163,184,.28)!important;color:#67e8f9!important;border-radius:12px!important}.badge-info,.badge-primary{background:var(--vs-purple)!important}.badge-success{background:var(--vs-green)!important}.bg-info,.bg-primary{background:linear-gradient(135deg,#0891b2,#7c3aed)!important}.bg-success{background:linear-gradient(135deg,#16a34a,#22c55e)!important}.bg-warning{background:linear-gradient(135deg,#f59e0b,#facc15)!important;color:#111827!important}.bg-danger{background:linear-gradient(135deg,#dc2626,#f97316)!important}.dropdown-menu{background:#0b1220!important}.dropdown-item{color:#dbeafe!important}.dropdown-item:hover{background:rgba(124,58,237,.18)!important;color:#fff!important}.login-page,.register-page{background:transparent!important}.login-box,.register-box{width:min(440px,92vw)}.login-box .card,.register-box .card{border-top:3px solid var(--vs-purple)!important}.login-box .card-header a,.register-box .card-header a{color:#fff!important;font-weight:900;letter-spacing:-.03em}.login-box-msg{color:var(--vs-muted)!important}.main-footer{background:rgba(7,12,28,.92)!important;border-top:1px solid var(--vs-border)!important;color:var(--vs-muted)!important}.main-footer a{color:#67e8f9!important;font-weight:900}.content-header h1,h1,h2,h3,h4,h5{color:var(--vs-text)!important;font-weight:900}.pagination .page-link{background:#0b1220!important;border-color:var(--vs-border)!important;color:#cbd5e1!important}.alert-info{background:rgba(34,211,238,.13)!important;border-color:rgba(34,211,238,.28)!important;color:#dff9ff!important}.alert-warning{background:rgba(250,204,21,.12)!important;border-color:rgba(250,204,21,.30)!important;color:#fef3c7!important}.alert-danger{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.30)!important;color:#fecaca!important}
.vs-quick-link-row .btn,.content-wrapper>.content .btn{border-radius:12px!important}.info-box-icon,.small-box .icon{filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}.progress{background:rgba(148,163,184,.14)!important;border-radius:999px!important}.progress-bar{background:linear-gradient(90deg,var(--vs-purple),var(--vs-cyan))!important}.select2-container--bootstrap4 .select2-selection{background:#080d1d!important;border-color:rgba(148,163,184,.28)!important;color:var(--vs-text)!important}.select2-dropdown{background:#0b1220!important;border-color:var(--vs-border)!important;color:var(--vs-text)!important}
@media(max-width:767px){.main-header .nav-link{padding:.55rem .65rem}.content-wrapper{padding-top:0}.card{border-radius:16px!important}.main-footer{display:block!important;text-align:center}.main-footer>div{margin:.35rem 0}.table-responsive{border:0!important}.brand-link .brand-text{font-size:1rem}.login-box,.register-box{margin-top:1.25rem}}

/* 20260625 billing color consistency pass: remove left-edge cyan discolor and darken activity surfaces. */
:root{
  --vs-purple-solid:#7c3aed;
  --vs-purple-solid-2:#8b5cf6;
  --vs-row:#0b1220;
  --vs-row-alt:#0f172a;
  --vs-row-hover:rgba(124,58,237,.16);
}
.nav-sidebar>.nav-item>.nav-link.active,
.btn-primary,.btn-info,.btn-success,.btn-outline-primary:hover,
.page-item.active .page-link,
.content-wrapper>.content .btn-primary,
.content-wrapper>.content .btn-info,
.content-wrapper>.content .btn-success,
.content-wrapper>.content .btn-outline-primary:hover,
.vs-quick-link-row .btn-primary,
.bg-info,.bg-primary{
  background:#7c3aed!important;
  background-image:linear-gradient(180deg,#8b5cf6 0%,#7c3aed 100%)!important;
  border-color:rgba(139,92,246,.56)!important;
  box-shadow:0 12px 28px rgba(124,58,237,.26), inset 0 0 0 1px rgba(255,255,255,.045)!important;
}
.btn-primary:hover,.btn-info:hover,.btn-success:hover,.btn-outline-primary:hover,
.content-wrapper>.content .btn-primary:hover,
.content-wrapper>.content .btn-info:hover,
.content-wrapper>.content .btn-success:hover,
.vs-quick-link-row .btn:hover,
.nav-sidebar>.nav-item>.nav-link.active:hover{
  background:#8b5cf6!important;
  background-image:linear-gradient(180deg,#9668ff 0%,#7c3aed 100%)!important;
  border-color:rgba(167,139,250,.72)!important;
}
.btn-sm,.btn-group-sm>.btn,.page-link,
.nav-pills .nav-link,.nav-sidebar .nav-link{
  overflow:hidden;
  isolation:isolate;
}
.progress-bar{
  background:#7c3aed!important;
  background-image:linear-gradient(90deg,#7c3aed,#8b5cf6)!important;
}
.card-header{
  background:rgba(11,18,32,.96)!important;
  border-bottom:1px solid rgba(139,92,246,.24)!important;
}
.card,.small-box,.info-box,.dropdown-menu,.modal-content,.callout{
  background:rgba(11,18,32,.96)!important;
  border-color:rgba(148,163,184,.18)!important;
}
.card-body,.table-responsive,.list-group,.list-group-flush{
  background:transparent!important;
}
.list-group-item,
.table-striped tbody tr:nth-of-type(odd),
.table tbody tr,
.table-hover tbody tr{
  background-color:var(--vs-row)!important;
  color:#eaf2ff!important;
  border-color:rgba(148,163,184,.16)!important;
}
.table-striped tbody tr:nth-of-type(even),
.list-group-item:nth-child(even){
  background-color:var(--vs-row-alt)!important;
}
.list-group-item:hover,
.table-hover tbody tr:hover,
.table-striped tbody tr:hover{
  background-color:var(--vs-row-hover)!important;
  color:#fff!important;
}
.list-group-item.text-muted,.list-group-item .text-muted,
.table .text-muted,.card .text-muted{
  color:#aebce0!important;
}
.table td,.table th,.list-group-item{
  border-top-color:rgba(148,163,184,.16)!important;
  border-bottom-color:rgba(148,163,184,.16)!important;
}
.badge-info,.badge-primary{
  background:#7c3aed!important;
  color:#fff!important;
}
.badge-success{background:#16a34a!important;color:#fff!important;}
.badge-warning{background:#d97706!important;color:#111827!important;}
.badge-danger{background:#dc2626!important;color:#fff!important;}



/* 20260626 auth Phoenix-like detail pass: richer billing auth pages, readable context panels, better form hierarchy. */
.vs-auth-page.login-page,.vs-auth-page.register-page{
  min-height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:44px 22px 72px!important;
  overflow-x:hidden;
}
.vs-auth-page:after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 22% 78%,rgba(124,58,237,.18),transparent 30%),
    radial-gradient(circle at 78% 20%,rgba(34,211,238,.10),transparent 28%);
}
.vs-auth-shell{
  width:min(1120px,96vw);
  display:grid;
  grid-template-columns:minmax(360px,1.1fr) minmax(390px,.9fr);
  gap:28px;
  align-items:stretch;
}
.vs-auth-story,.vs-auth-shell .login-box,.vs-auth-shell .register-box{position:relative;z-index:1;}
.vs-auth-story{
  padding:34px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(15,23,42,.92),rgba(7,12,28,.84)),
    radial-gradient(circle at 18% 8%,rgba(124,58,237,.22),transparent 36%);
  box-shadow:0 28px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.vs-auth-story:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:#7c3aed;box-shadow:0 0 26px rgba(124,58,237,.58);}
.vs-auth-story:after{content:"";position:absolute;right:-120px;bottom:-120px;width:320px;height:320px;border-radius:999px;background:rgba(34,211,238,.08);filter:blur(8px);}
.vs-auth-kicker{display:inline-flex;align-items:center;gap:10px;color:#67e8f9;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;margin-bottom:18px;}
.vs-auth-kicker span{width:11px;height:11px;border-radius:50%;background:#22c55e;box-shadow:0 0 20px rgba(34,197,94,.78);}
.vs-auth-story h1{font-size:clamp(2rem,4vw,3.65rem)!important;line-height:.98!important;letter-spacing:-.055em!important;margin:0 0 18px!important;color:#fff!important;max-width:760px;}
.vs-auth-story p{font-size:1.08rem;line-height:1.65;color:#cbd5e1;margin:0 0 22px;max-width:700px;}
.vs-auth-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0;}
.vs-auth-status-grid div{padding:16px 14px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(2,6,23,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.vs-auth-status-grid strong{display:block;color:#fff;font-size:1.02rem;letter-spacing:-.02em;}
.vs-auth-status-grid span{display:block;color:#67e8f9;font-size:.82rem;font-weight:900;margin-top:4px;text-transform:uppercase;letter-spacing:.04em;}
.vs-auth-checklist{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vs-auth-checklist li{position:relative;padding-left:30px;color:#dbe7ff;line-height:1.45;}
.vs-auth-checklist li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:rgba(34,211,238,.14);color:#67e8f9;font-size:.78rem;font-weight:900;border:1px solid rgba(34,211,238,.24);}
.vs-auth-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.vs-auth-links a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:rgba(124,58,237,.16);border:1px solid rgba(139,92,246,.32);color:#eaf2ff!important;font-weight:900;}
.vs-auth-links a:hover{background:rgba(124,58,237,.28);color:#fff!important;transform:translateY(-1px);}
.vs-auth-shell .login-box,.vs-auth-shell .register-box{width:100%!important;margin:0!important;align-self:center;}
.vs-auth-shell .card{border-radius:26px!important;background:rgba(8,13,29,.94)!important;border:1px solid rgba(148,163,184,.20)!important;border-top:4px solid #7c3aed!important;box-shadow:0 26px 76px rgba(0,0,0,.42),0 0 0 1px rgba(124,58,237,.04)!important;overflow:hidden;}
.vs-auth-shell .card-header{padding:26px 24px 18px!important;background:rgba(8,13,29,.70)!important;border-bottom:1px solid rgba(139,92,246,.24)!important;}
.vs-auth-shell .card-header a{font-size:2.15rem!important;line-height:1!important;}
.vs-auth-shell .card-body{padding:26px 26px 28px!important;}
.vs-auth-subtitle,.vs-auth-shell .login-box-msg{font-size:1rem!important;line-height:1.55!important;color:#b8c5e6!important;margin-bottom:18px!important;}
.vs-auth-mini-note{margin:-6px 0 22px;padding:12px 14px;border-radius:16px;background:rgba(124,58,237,.13);border:1px solid rgba(139,92,246,.26);color:#dbeafe;font-weight:800;font-size:.9rem;}
.vs-auth-helper-row{display:flex;align-items:center;gap:8px;padding-top:12px;margin-top:10px;border-top:1px solid rgba(148,163,184,.14);color:#aebce0;font-size:.9rem;}
.vs-auth-shell .input-group{box-shadow:0 12px 28px rgba(0,0,0,.14);border-radius:16px;}
.vs-auth-shell .form-control{min-height:46px!important;background:#07101f!important;border-color:rgba(148,163,184,.32)!important;color:#f8fbff!important;font-weight:700;}
.vs-auth-shell .form-control::placeholder{color:#8fa4c8!important;}
.vs-auth-shell .input-group-text{min-width:46px;justify-content:center;background:#0d172a!important;border-color:rgba(148,163,184,.32)!important;color:#67e8f9!important;}
.vs-auth-shell .btn-primary{min-height:46px;border-radius:10px!important;font-size:1rem!important;box-shadow:0 18px 36px rgba(124,58,237,.30)!important;}
.vs-auth-shell .icheck-primary label{color:#e5edff!important;font-weight:800;}
.vs-auth-shell p a,.vs-auth-shell .text-center{color:#67e8f9!important;font-weight:900;}
.vs-auth-warning{border-radius:18px!important;padding:18px!important;margin:0 0 20px!important;background:rgba(250,204,21,.12)!important;border:1px solid rgba(250,204,21,.34)!important;color:#fef3c7!important;}
.vs-auth-warning h5{display:flex;align-items:center;gap:10px;color:#fff7d6!important;font-size:1.12rem!important;margin-bottom:12px!important;}
.vs-auth-warning p{margin:0 0 8px!important;line-height:1.5;color:#fde68a!important;}
.vs-auth-warning p:last-child{margin-bottom:0!important;}
.vs-auth-page .fixed-bottom{position:fixed!important;bottom:14px;color:#94a3b8;}
.vs-auth-page .fixed-bottom a{color:#67e8f9!important;}
@media(max-width:991px){
  .vs-auth-page.login-page,.vs-auth-page.register-page{align-items:flex-start!important;padding-top:26px!important;}
  .vs-auth-shell{grid-template-columns:1fr;gap:18px;width:min(620px,96vw);}
  .vs-auth-story{padding:24px;border-radius:24px;}
  .vs-auth-story h1{font-size:2.15rem!important;}
}
@media(max-width:560px){
  .vs-auth-page.login-page,.vs-auth-page.register-page{padding:16px 12px 82px!important;}
  .vs-auth-story{padding:20px;}
  .vs-auth-status-grid{grid-template-columns:1fr;}
  .vs-auth-shell .card-body{padding:22px 18px!important;}
  .vs-auth-shell .card-header a{font-size:1.75rem!important;}
  .vs-auth-shell .row .col-8,.vs-auth-shell .row .col-4{flex:0 0 100%;max-width:100%;}
  .vs-auth-shell .row .col-4{margin-top:12px;}
}


/* 20260626 mobile auth safety: keep long auth detail pages scrollable and prevent footer/input overlap. */
.vs-auth-page.login-page,.vs-auth-page.register-page{height:auto!important;overflow-y:auto!important;}
@media(max-width:560px){
  .vs-auth-page.login-page,.vs-auth-page.register-page{display:block!important;min-height:100vh!important;height:auto!important;padding:16px 12px 24px!important;}
  .vs-auth-shell{display:grid!important;margin:0 auto!important;}
  .vs-auth-page .fixed-bottom{position:static!important;margin:18px auto 0!important;padding-bottom:6px!important;}
  .vs-auth-story{max-height:none!important;}
}


/* 20260626 billing-input-dark1: keep billing auth inputs dark when typed, filled, hovered, focused, or browser-autofilled. */
.vs-auth-page .vs-auth-shell input.form-control,
.vs-auth-page .vs-auth-shell input.form-control:hover,
.vs-auth-page .vs-auth-shell input.form-control:focus,
.vs-auth-page .vs-auth-shell input.form-control:active,
.vs-auth-page .vs-auth-shell input.form-control:valid,
.vs-auth-page .vs-auth-shell input.form-control:invalid,
.vs-auth-page .vs-auth-shell input[type="text"],
.vs-auth-page .vs-auth-shell input[type="email"],
.vs-auth-page .vs-auth-shell input[type="password"],
.login-page .login-box input.form-control,
.register-page .register-box input.form-control,
.login-page .login-box input.form-control:hover,
.register-page .register-box input.form-control:hover,
.login-page .login-box input.form-control:focus,
.register-page .register-box input.form-control:focus,
.login-page .login-box input.form-control:active,
.register-page .register-box input.form-control:active,
.login-page .login-box input.form-control:valid,
.register-page .register-box input.form-control:valid,
.login-page .login-box input.form-control:invalid,
.register-page .register-box input.form-control:invalid{
  background:#07101f!important;
  background-color:#07101f!important;
  background-image:none!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  caret-color:#f8fbff!important;
  border-color:rgba(148,163,184,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  opacity:1!important;
}
.vs-auth-page .vs-auth-shell input.form-control::placeholder,
.login-page .login-box input.form-control::placeholder,
.register-page .register-box input.form-control::placeholder{
  color:rgba(143,164,200,.82)!important;
  -webkit-text-fill-color:rgba(143,164,200,.82)!important;
  opacity:1!important;
}
.vs-auth-page .vs-auth-shell input.form-control:hover,
.login-page .login-box input.form-control:hover,
.register-page .register-box input.form-control:hover{
  border-color:rgba(125,211,252,.48)!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.13), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.vs-auth-page .vs-auth-shell input.form-control:focus,
.vs-auth-page .vs-auth-shell input.form-control:focus-visible,
.login-page .login-box input.form-control:focus,
.register-page .register-box input.form-control:focus,
.login-page .login-box input.form-control:focus-visible,
.register-page .register-box input.form-control:focus-visible{
  outline:none!important;
  border-color:rgba(34,211,238,.72)!important;
  box-shadow:0 0 0 3px rgba(34,211,238,.18), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.vs-auth-page .vs-auth-shell input.form-control:-webkit-autofill,
.vs-auth-page .vs-auth-shell input.form-control:-webkit-autofill:hover,
.vs-auth-page .vs-auth-shell input.form-control:-webkit-autofill:focus,
.vs-auth-page .vs-auth-shell input.form-control:-webkit-autofill:active,
.vs-auth-page .vs-auth-shell input.form-control:-internal-autofill-selected,
.login-page .login-box input.form-control:-webkit-autofill,
.register-page .register-box input.form-control:-webkit-autofill,
.login-page .login-box input.form-control:-webkit-autofill:hover,
.register-page .register-box input.form-control:-webkit-autofill:hover,
.login-page .login-box input.form-control:-webkit-autofill:focus,
.register-page .register-box input.form-control:-webkit-autofill:focus,
.login-page .login-box input.form-control:-internal-autofill-selected,
.register-page .register-box input.form-control:-internal-autofill-selected{
  background:#07101f!important;
  background-color:#07101f!important;
  background-image:none!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  caret-color:#f8fbff!important;
  -webkit-box-shadow:0 0 0 1000px #07101f inset!important;
  box-shadow:0 0 0 1000px #07101f inset!important;
  transition:background-color 999999s ease-in-out 0s, color 999999s ease-in-out 0s!important;
}
.vs-auth-page .vs-auth-shell .input-group-text,
.login-page .login-box .input-group-text,
.register-page .register-box .input-group-text{
  background:#0d172a!important;
  background-color:#0d172a!important;
  color:#67e8f9!important;
  border-color:rgba(148,163,184,.38)!important;
}


/* 20260626 billing-mobile-first1: login/recovery forms come first on mobile; register can remain context-first. */
@media(max-width:1040px){
  .vs-auth-page.vs-auth-login-page .vs-auth-shell .login-box,
  .vs-auth-page.vs-auth-forgot-page .vs-auth-shell .login-box{order:1!important;}
  .vs-auth-page.vs-auth-login-page .vs-auth-story,
  .vs-auth-page.vs-auth-forgot-page .vs-auth-story{order:2!important;}
}
@media(max-width:560px){
  .vs-auth-page.vs-auth-login-page,.vs-auth-page.vs-auth-forgot-page{padding-top:14px!important;}
  .vs-auth-page.vs-auth-login-page .vs-auth-story,.vs-auth-page.vs-auth-forgot-page .vs-auth-story{padding:18px!important;}
  .vs-auth-page.vs-auth-login-page .vs-auth-story h1,.vs-auth-page.vs-auth-forgot-page .vs-auth-story h1{font-size:1.65rem!important;line-height:1.08!important;}
  .vs-auth-page.vs-auth-login-page .vs-auth-story p,.vs-auth-page.vs-auth-forgot-page .vs-auth-story p{font-size:.88rem!important;line-height:1.45!important;}
}

/* 20260629-product-image-inset: keep package artwork from touching the top edge of product cards. */
.card .vs-product-hero-media{
  margin:12px 12px 0!important;
  border-radius:15px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
}
.card .vs-product-hero-media img{
  display:block!important;
}
@media(max-width:575.98px){
  .card .vs-product-hero-media{margin:10px 10px 0!important;border-radius:13px!important;}
}

/* 20260630-profile-polish: compact VialStack profile/account page layout and dark saved-password fields. */
.vs-profile-form{max-width:1240px;margin:0 auto 34px!important;}
.vs-profile-card{overflow:hidden!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(8,13,29,.96),rgba(7,11,24,.94))!important;}
.vs-profile-card>.card-body{padding:28px 30px 30px!important;}
.vs-profile-shell{position:relative;}
.vs-profile-hero{align-items:center;padding:6px 4px 24px;margin-bottom:12px;border-bottom:1px solid rgba(148,163,184,.18);}
.vs-profile-avatar-wrap{margin-bottom:0!important;}
.vs-profile-avatar-wrap .slim{width:118px!important;height:118px!important;border:1px solid rgba(148,163,184,.38)!important;box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 0 4px rgba(124,58,237,.08)!important;overflow:hidden;background:#070b18!important;}
.vs-profile-avatar-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;}
.vs-profile-identity-row{gap:18px;align-items:flex-start!important;}
.vs-profile-identity-row h4{font-size:1.55rem!important;letter-spacing:-.025em;margin-top:4px!important;}
.vs-profile-identity-row p{color:#dbeafe!important;font-weight:700;}
.vs-profile-admin-actions{min-width:180px;padding-top:6px;}
.vs-profile-admin-actions .badge{border-radius:999px!important;padding:.35rem .55rem!important;font-weight:900!important;}
.vs-profile-admin-actions .text-muted{color:#99accf!important;margin-top:8px;}
#confirmDeleteButton{border:1px solid rgba(248,113,113,.36)!important;background:rgba(127,29,29,.32)!important;color:#fecaca!important;border-radius:999px!important;padding:.36rem .62rem!important;font-size:.72rem!important;font-weight:900!important;box-shadow:none!important;}
#confirmDeleteButton:hover{background:rgba(220,38,38,.72)!important;color:#fff!important;}
.vs-profile-shell .nav-tabs{border-bottom:1px solid rgba(148,163,184,.18)!important;margin-bottom:18px;}
.vs-profile-shell .nav-tabs .nav-link{background:rgba(15,23,42,.72)!important;border:1px solid rgba(148,163,184,.18)!important;border-bottom:0!important;color:#e5edff!important;border-radius:14px 14px 0 0!important;font-weight:900!important;padding:.78rem 1.08rem!important;}
.vs-profile-content{padding-top:0!important;}
.vs-profile-content>.tab-pane>.row:first-child{margin-bottom:4px;}
.vs-profile-content label,.vs-profile-section-title{color:#f4f8ff!important;font-weight:900!important;letter-spacing:-.01em;}
.vs-profile-card .form-group{margin-bottom:1.15rem!important;}
.vs-profile-card .form-control,
.vs-profile-card input.form-control,
.vs-profile-card input.form-control:hover,
.vs-profile-card input.form-control:focus,
.vs-profile-card input.form-control:active,
.vs-profile-card input.form-control:valid,
.vs-profile-card input.form-control:invalid{background:#080d1d!important;background-color:#080d1d!important;background-image:none!important;color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;caret-color:#67e8f9!important;border:1px solid rgba(148,163,184,.30)!important;border-radius:14px!important;min-height:46px!important;font-weight:750!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;}
.vs-profile-card input.form-control:focus{border-color:rgba(34,211,238,.62)!important;box-shadow:0 0 0 3px rgba(34,211,238,.15),inset 0 1px 0 rgba(255,255,255,.04)!important;}
.vs-profile-card input.form-control:-webkit-autofill,
.vs-profile-card input.form-control:-webkit-autofill:hover,
.vs-profile-card input.form-control:-webkit-autofill:focus,
.vs-profile-card input.form-control:-internal-autofill-selected{-webkit-text-fill-color:#f8fbff!important;caret-color:#67e8f9!important;background:#080d1d!important;background-color:#080d1d!important;background-image:none!important;box-shadow:0 0 0 1000px #080d1d inset!important;transition:background-color 999999s ease-out 0s!important;}
.vs-profile-password{padding-right:26px;}
.vs-profile-discord{align-self:flex-start;}
.vs-profile-verified .callout{margin:0 0 16px!important;padding:16px 18px!important;border-radius:16px!important;border:1px solid rgba(34,211,238,.22)!important;background:rgba(34,211,238,.08)!important;color:#dff9ff!important;box-shadow:none!important;}
.vs-profile-verified .callout p{margin:0!important;font-weight:900!important;}
.vs-profile-discord-row{padding-left:0!important;margin:0!important;}
.vs-profile-discord-card{width:100%!important;max-width:420px!important;margin:0!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(10,16,34,.96),rgba(8,13,29,.96))!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 18px 42px rgba(0,0,0,.24)!important;overflow:hidden;}
.vs-profile-discord-card h3{font-size:1.55rem!important;margin-bottom:.5rem!important;word-break:break-word;}
.vs-profile-discord-card p{color:#cfe1ff!important;font-weight:700!important;word-break:break-all;}
.vs-profile-discord-card img{width:72px!important;height:72px!important;object-fit:cover!important;border:2px solid rgba(34,211,238,.35)!important;}
.vs-profile-discord-card .small-box-footer{background:rgba(7,12,28,.72)!important;border-top:1px solid rgba(148,163,184,.14)!important;}
.vs-profile-discord-card .small-box-footer a{color:#67e8f9!important;font-weight:900!important;}
.vs-profile-actions{margin-top:14px;padding-top:18px;border-top:1px solid rgba(148,163,184,.16);}
.vs-profile-save{border-radius:14px!important;padding:.78rem 1.25rem!important;}
@media(max-width:991px){.vs-profile-form{max-width:100%;}.vs-profile-card>.card-body{padding:22px 18px!important;}.vs-profile-hero{align-items:flex-start;}.vs-profile-password{padding-right:7.5px;}.vs-profile-discord{margin-left:0!important;}.vs-profile-discord-card{max-width:100%!important;}.vs-profile-admin-actions{text-align:left!important;}}
@media(max-width:575px){.vs-profile-hero{text-align:left;}.vs-profile-avatar-wrap .slim{width:96px!important;height:96px!important;}.vs-profile-identity-row h4{font-size:1.32rem!important;}.vs-profile-actions .col{justify-content:stretch!important;}.vs-profile-save{width:100%;}.vs-profile-discord-card .d-flex{gap:8px;}.vs-profile-discord-card img{width:56px!important;height:56px!important;}}

/* 20260630-admin-create-password-helper: make generated temp password controls clear and copyable. */
#vsGeneratePassword,#vsTogglePassword,#vsCopyPassword{border-radius:0!important;box-shadow:none!important;font-weight:900!important;min-width:78px;}
#vsCopyPassword{border-radius:0 12px 12px 0!important;}
#vsGeneratePassword{border-left:0!important;}
#vsTogglePassword{border-radius:0 12px 12px 0!important;border-left:1px solid rgba(148,163,184,.22)!important;}


/* 20260630-icon-cleanup: use VialStack mark instead of default blue nav glyphs. */
.vs-nav-mark,
.vs-sidebar-mark {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: -3px !important;
    filter: drop-shadow(0 0 8px rgba(124,58,237,.45));
}
.vs-sidebar-mark {
    margin-left: .05rem !important;
    margin-right: .2rem !important;
    opacity: .98 !important;
}
.nav-sidebar .nav-link.active .vs-sidebar-mark,
.main-header .nav-link .vs-nav-mark {
    filter: drop-shadow(0 0 8px rgba(255,255,255,.22));
}

/* VialStack create-server latency helper */
.vs-latency-panel {
    border: 1px solid rgba(139, 92, 246, .28);
    border-radius: 16px;
    background: rgba(15, 23, 42, .78);
    box-shadow: 0 16px 38px rgba(2, 6, 23, .25);
    padding: 12px;
}
.vs-latency-panel__header {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    color: #e5e7eb;
    font-weight: 700;
    margin-bottom: 9px;
}
.vs-latency-panel__header small,
.vs-latency-help {
    color: rgba(203, 213, 225, .72);
    font-size: .78rem;
    font-weight: 500;
}
.vs-latency-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 13px;
    background: rgba(15, 23, 42, .62);
    color: #f8fafc;
    padding: 10px 12px;
    margin: 7px 0;
    text-align: left;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.vs-latency-row:hover,
.vs-latency-row.is-selected {
    border-color: rgba(168, 85, 247, .72);
    background: rgba(88, 28, 135, .36);
}
.vs-latency-row.is-best .vs-latency-row__meta {
    color: #67e8f9;
}
.vs-latency-row__name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    font-weight: 700;
}
.vs-latency-row__name small {
    color: #c4b5fd;
    border: 1px solid rgba(196, 181, 253, .32);
    border-radius: 999px;
    padding: 2px 7px;
    font-size: .72rem;
}
.vs-latency-row__meta {
    color: #cbd5e1;
    font-weight: 800;
    white-space: nowrap;
}
@media (max-width: 575.98px) {
    .vs-latency-panel__header,
    .vs-latency-row {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* VialStack admin users index spacing polish */
.vs-admin-users-card > .card-header {
    padding: 16px 20px 12px !important;
}
.vs-admin-users-header {
    gap: 14px;
    flex-wrap: wrap;
}
.vs-admin-users-actions {
    gap: 8px;
    margin-right: 2px;
}
.vs-admin-users-actions.btn-group > .btn {
    border-radius: 11px !important;
    margin-left: 0 !important;
}
.vs-admin-users-card > .card-body {
    padding-top: 18px !important;
}
.vs-admin-users-card .dataTables_filter {
    margin: 6px 0 14px;
}
.vs-admin-users-card .dataTables_filter label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}
.vs-admin-users-card .dataTables_filter input {
    margin-left: 0 !important;
}
@media (max-width: 575.98px) {
    .vs-admin-users-card > .card-header {
        padding: 16px !important;
    }
    .vs-admin-users-header,
    .vs-admin-users-actions {
        width: 100%;
    }
    .vs-admin-users-actions .btn {
        flex: 1 1 auto;
    }
    .vs-admin-users-card .dataTables_filter,
    .vs-admin-users-card .dataTables_filter label,
    .vs-admin-users-card .dataTables_filter input {
        width: 100%;
    }
}