/**
 * Global Mertpin skin for ALL remaining stock WHMCS pages under corp-shell.
 * Loads with vh-mertpin-pages; keep selectors strong so old slate chrome loses.
 */

body.corp-shell .primary-content > .card,
body.corp-shell .primary-content .card,
body.corp-shell .primary-content > .panel,
body.corp-shell .tab-content .card,
body.corp-shell .tab-pane .card {
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
  overflow: hidden !important;
}

body.corp-shell .card-header,
body.corp-shell .panel-heading,
body.corp-shell .primary-content .card > .card-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  color: #0f172a !important;
  padding: 16px 18px !important;
}

body.corp-shell .card-header,
body.corp-shell .card-header .card-title,
body.corp-shell .card-title,
body.corp-shell .panel-title,
body.corp-shell h3.card-title {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  margin: 0 !important;
}

body.corp-shell .card-body,
body.corp-shell .panel-body {
  padding: 18px 20px 22px !important;
  color: #0f172a !important;
}

body.corp-shell .card-footer {
  background: #f8fafc !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  color: #64748b !important;
  padding: 14px 18px !important;
}

body.corp-shell .nav-tabs {
  border: 0 !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
  flex-wrap: wrap !important;
}

body.corp-shell .nav-tabs .nav-link,
body.corp-shell .nav-tabs > li > a {
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 16px !important;
  margin: 0 6px 8px 0 !important;
}

body.corp-shell .nav-tabs .nav-link.active,
body.corp-shell .nav-tabs > li.active > a,
body.corp-shell .nav-tabs > li > a.active {
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  border-color: transparent !important;
  color: #fff !important;
}

body.corp-shell .table-container,
body.corp-shell .table-list,
body.corp-shell .dataTables_wrapper {
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
  overflow: hidden !important;
}

body.corp-shell .table thead th,
body.corp-shell .table-list thead th {
  background: #f8fafc !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

body.corp-shell .table td,
body.corp-shell .table-list td {
  border-color: rgba(15, 23, 42, 0.05) !important;
  color: #0f172a !important;
  vertical-align: middle !important;
}

body.corp-shell .btn-primary,
body.corp-shell .btn-success,
body.corp-shell input.btn-primary,
body.corp-shell button.btn-primary {
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.25) !important;
  min-height: 44px !important;
}

body.corp-shell .btn-default,
body.corp-shell .btn-secondary,
body.corp-shell .btn-light {
  background: #fff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

body.corp-shell .btn-danger {
  background: #ef4444 !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-weight: 700 !important;
}

body.corp-shell .btn-info,
body.corp-shell .btn-info.btn-sm {
  background: rgba(37, 99, 235, 0.1) !important;
  border: 0 !important;
  color: #2563eb !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}

body.corp-shell .form-control,
body.corp-shell .custom-select,
body.corp-shell select.form-control {
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 12px !important;
  min-height: 44px !important;
  box-shadow: none !important;
}

body.corp-shell .form-control:focus {
  border-color: rgba(37, 99, 235, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}

body.corp-shell .label,
body.corp-shell .badge,
body.corp-shell span.label {
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 5px 10px !important;
}

/* Product status colors live in vh-mertpin-pages (.vh-service-*) — don't flatten them here */
body.corp-shell .product-status-text {
  border-radius: 999px !important;
  font-weight: 800 !important;
}

body.corp-shell .header-lined {
  display: none !important;
}

body.corp-shell .vh-page-hero .vh-btn--outline,
body.corp-shell a.vh-btn.vh-btn--outline {
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

body.corp-shell .vh-page-hero .vh-btn--outline:hover,
body.corp-shell a.vh-btn.vh-btn--outline:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
  background: #fff !important;
}

.vh-page-wrap .tab-content {
  margin-top: 0 !important;
}

.vh-page-wrap > .nav-tabs {
  margin-bottom: 0 !important;
}