/* Front-end CCJV unified polish */
:root{
  --ccjv-bg:#081120;
  --ccjv-panel:#0f1b31;
  --ccjv-panel-2:#13223d;
  --ccjv-border:rgba(255,255,255,.10);
  --ccjv-text:#e5eefc;
  --ccjv-muted:#a7b8d8;
  --ccjv-primary:#3b82f6;
  --ccjv-primary-2:#2563eb;
  --ccjv-success:#22c55e;
  --ccjv-warn:#f59e0b;
  --ccjv-danger:#ef4444;
  --ccjv-shadow:0 18px 40px rgba(0,0,0,.25);
  --ccjv-radius:18px;
}

body{
  background:
    radial-gradient(1200px 700px at 10% -10%, rgba(59,130,246,.20), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(37,99,235,.18), transparent 45%),
    linear-gradient(180deg, #07101d 0%, #0a1324 100%);
}

.ccjv-section h2,
.ccjv-udf-hero h1,
.ccjv-udf-card h3,
.ccjv-udf-card h4,
.ccjv-card h3,
.ccjv-card h2{
  letter-spacing:-.02em;
}

.ccjv-section,
.ccjv-udf-wrap{
  max-width:1240px;
}

.ccjv-card,
.ccjv-udf-card,
.ccjv-subscription-status,
.ccjv-fixes-wrap{
  background:linear-gradient(180deg, rgba(19,34,61,.92), rgba(10,19,36,.94)) !important;
  color:var(--ccjv-text) !important;
  border:1px solid var(--ccjv-border) !important;
  border-radius:var(--ccjv-radius) !important;
  box-shadow:var(--ccjv-shadow) !important;
  backdrop-filter: blur(10px);
}

.ccjv-card p,
.ccjv-card li,
.ccjv-card small,
.ccjv-udf-card p,
.ccjv-udf-muted,
.ccjv-subscription-status p,
.ccjv-fixes-wrap p,
.ccjv-fixes-wrap li{
  color:var(--ccjv-muted) !important;
}

.ccjv-udf-hero{
  background:
    radial-gradient(600px 200px at 80% 0%, rgba(59,130,246,.20), transparent 70%),
    linear-gradient(135deg, #0c1730 0%, #13274d 100%) !important;
  border:1px solid var(--ccjv-border);
  border-radius:24px;
  box-shadow:var(--ccjv-shadow);
}

.ccjv-udf-badge,
.ccjv-badge{
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.08) !important;
  color:var(--ccjv-text) !important;
  border-radius:999px !important;
  font-weight:600;
}

.ccjv-ok{
  background:rgba(34,197,94,.18) !important;
  color:#d8ffe4 !important;
}
.ccjv-bad{
  background:rgba(239,68,68,.18) !important;
  color:#ffe1e1 !important;
}

.ccjv-actions a,
.ccjv-erp-wrap a,
.ccjv-iter-wrap a,
.ccjv-surge-wrap a,
.ccjv-cibus-wrap a,
a.button,
button,
input[type=submit],
.wp-block-button__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(135deg, var(--ccjv-primary), var(--ccjv-primary-2)) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 12px 26px rgba(37,99,235,.28);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.ccjv-actions a:hover,
a.button:hover,
button:hover,
input[type=submit]:hover,
.wp-block-button__link:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 30px rgba(37,99,235,.34);
  opacity:.96;
}

input[type=text],
input[type=url],
input[type=number],
input[type=email],
input[type=password],
textarea,
select{
  border-radius:12px !important;
  border:1px solid rgba(148,163,184,.35) !important;
  background:#fff !important;
  box-shadow:none !important;
}

.ccjv-grid{
  gap:20px !important;
}

.ccjv-core-dashboard-shell,
.ccjv-udf-wrap,
.ccjv-section{
  padding-left:8px;
  padding-right:8px;
}

.ccjv-erp-card-title{
  font-size:1.15rem;
  font-weight:700;
}

.ccjv-vault-empty{
  padding:18px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(19,34,61,.92), rgba(10,19,36,.94));
  color:var(--ccjv-muted);
  border:1px solid var(--ccjv-border);
}

@media (max-width: 782px){
  .ccjv-card,
  .ccjv-udf-card,
  .ccjv-subscription-status{
    padding:18px !important;
  }
}