/* Individual CCS product skin.
   The public onboarding page intentionally mirrors the full-platform checkout
   visual language while keeping the product namespace separate from cohorts. */
.ccsi-body .ccsg-topbar{border-bottom-color:rgba(13,110,253,.18)}
.ccsi-brand span{letter-spacing:.01em}
.ccsi-body .section-label{color:#0b5ed7}
.ccsi-body .ccsg-page-hero{background:linear-gradient(135deg,rgba(13,110,253,.08),rgba(255,255,255,.8));border-color:rgba(13,110,253,.12)}
.ccsi-product-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(13,110,253,.2);border-radius:999px;padding:.35rem .7rem;background:#fff;color:#0b5ed7;font-weight:700;font-size:.85rem}

/* Full-platform inspired onboarding/checkout shell */
.ccsi-checkout-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 24% 22%, rgba(214,238,255,.72) 0, rgba(214,238,255,0) 32%),
    linear-gradient(115deg,#eaf7ff 0%,#f5fbff 36%,#ffffff 72%);
  color:#0f172a;
}
.ccsi-checkout-body .ccsg-main--full{
  width:100%!important;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(28px,7vh,92px) 18px!important;
}
.ccsi-checkout-body .alert{
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:20;
  max-width:720px!important;
  width:calc(100% - 36px);
  margin:0!important;
  border-radius:12px!important;
  border:1px solid rgba(180,35,24,.16)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.12)!important;
}
.ccsi-onboarding-shell{
  width:100%;
  display:flex;
  justify-content:center;
}
.ccsi-onboarding-card{
  width:min(100%,1015px);
  min-height:674px;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
  background:#fff;
  border:1px solid #d7e5ef;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(16,24,40,.12);
}
.ccsi-onboarding-left{
  padding:38px 38px 34px;
  background:#fff;
}
.ccsi-onboarding-right{
  padding:44px 38px 34px;
  background:linear-gradient(180deg,#eff9ff 0%,#f8fcff 62%,#ffffff 100%);
  border-left:1px solid #d9e6f0;
  display:flex;
  flex-direction:column;
}
.ccsi-onboarding-headline-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.7rem;
}
.ccsi-kicker{
  color:#00796b;
  font-size:.75rem;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.095em;
  font-weight:800;
}
.ccsi-onboarding-left h1{
  font-size:clamp(1.75rem,2.8vw,2.15rem);
  line-height:1.05;
  letter-spacing:-.045em;
  font-weight:800;
  color:#101828;
  margin:.42rem 0 0;
}
.ccsi-refund-badge{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  white-space:nowrap;
  border:1px solid #d0ddea;
  background:#fff;
  color:#0f172a;
  border-radius:999px;
  padding:.42rem .7rem;
  font-size:.75rem;
  font-weight:800;
  box-shadow:0 1px 2px rgba(16,24,40,.035);
}
.ccsi-refund-badge i{color:#1473b7;font-size:.88rem;}
.ccsi-onboarding-lede{
  color:#587087;
  max-width:560px;
  font-size:.94rem;
  line-height:1.52;
  margin:0 0 1.35rem;
}
.ccsi-plan-card{
  display:flex;
  justify-content:space-between;
  gap:1.2rem;
  align-items:flex-start;
  border:1px solid #b7daf6;
  background:linear-gradient(180deg,#f6fbff,#fff);
  border-radius:14px;
  padding:1rem 1.1rem;
  margin-bottom:1.35rem;
}
.ccsi-plan-card strong{
  display:block;
  font-size:.98rem;
  font-weight:800;
  color:#0f172a;
  margin-bottom:.3rem;
}
.ccsi-plan-card p{
  margin:0 0 .46rem;
  max-width:455px;
  color:#587087;
  font-size:.82rem;
  line-height:1.45;
}
.ccsi-plan-card a{
  color:#1B75BC;
  font-size:.78rem;
  font-weight:700;
}
.ccsi-plan-price{
  color:#0b68ad;
  font-size:1.25rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
  white-space:nowrap;
  padding-top:.35rem;
}
.ccsi-plan-price span{
  font-size:.82rem;
  letter-spacing:-.01em;
  font-weight:800;
}
.ccsi-checkout-form{
  display:grid;
  gap:1rem;
}
.ccsi-form-grid{
  display:grid;
  gap:.8rem;
}
.ccsi-form-grid--two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.ccsi-checkout-form .form-label{
  display:block;
  color:#1f2937;
  font-size:.83rem;
  font-weight:800;
  margin-bottom:.42rem;
}
.ccsi-checkout-form .form-control{
  min-height:42px;
  border-radius:12px;
  border:1px solid #d5e1ec;
  font-size:.9rem;
  color:#101828;
  box-shadow:none!important;
}
.ccsi-checkout-form .form-control:focus{
  border-color:#8ec8f7;
  box-shadow:0 0 0 .2rem rgba(27,117,188,.12)!important;
}
.ccsi-terms-row{
  display:flex;
  gap:.55rem;
  align-items:flex-start;
  color:#52677a;
  font-size:.82rem;
  line-height:1.35;
}
.ccsi-terms-row .form-check-input{
  width:15px;
  height:15px;
  margin:1px 0 0;
  border-color:#d1dbe5;
  flex:0 0 auto;
}
.ccsi-terms-row a{color:#1B75BC;font-weight:700;}
.ccsi-checkout-btn{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  border:0!important;
  border-radius:12px!important;
  background:#1db954!important;
  color:#fff!important;
  font-size:.94rem!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(30,185,84,.28)!important;
}
.ccsi-checkout-btn:hover{background:#17a74a!important;color:#fff!important;}
.ccsi-checkout-footnote{
  color:#7a8ca0;
  text-align:center;
  font-size:.78rem;
  margin:-.25rem 0 0;
}
.ccsi-side-logo{
  display:block;
  width:132px;
  height:auto;
  margin:0 0 1.8rem;
}
.ccsi-fit-card{
  border:1px solid #cde0f1;
  background:#fff;
  border-radius:14px;
  padding:1rem;
  box-shadow:0 1px 2px rgba(16,24,40,.035);
  margin-bottom:1.3rem;
}
.ccsi-fit-card h2,.ccsi-next-block h2{
  color:#101828;
  font-weight:900;
  letter-spacing:-.035em;
  line-height:1.05;
  margin:.48rem 0 .48rem;
}
.ccsi-fit-card h2{font-size:1.02rem;}
.ccsi-fit-card p{
  color:#52677a;
  font-size:.86rem;
  line-height:1.48;
  margin:0;
}
.ccsi-fit-actions{
  margin-top:.95rem;
  padding-top:.85rem;
  border-top:1px solid #e7eef6;
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
}
.ccsi-fit-actions a{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:.32rem .55rem;
  border:1px solid #d8e6f2;
  color:#1B75BC;
  background:#f8fcff;
  font-size:.77rem;
  font-weight:800;
  text-decoration:none;
}
.ccsi-next-block{margin-top:.15rem;}
.ccsi-next-block h2{font-size:1.55rem;}
.ccsi-next-block p{
  color:#7b8794;
  font-size:1.02rem;
  line-height:1.45;
  margin:0 0 1.2rem;
}
.ccsi-check-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:.58rem;
}
.ccsi-check-list li{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  color:#425466;
  font-size:.86rem;
  line-height:1.35;
}
.ccsi-check-list i{
  color:#16a34a;
  font-size:.95rem;
  margin-top:.02rem;
  flex:0 0 auto;
}
.ccsi-trust-row{
  margin-top:auto;
  display:flex;
  gap:.68rem;
  flex-wrap:wrap;
  color:#6d8497;
  font-size:.76rem;
}
.ccsi-trust-row span{display:inline-flex;align-items:center;gap:.3rem;}
.ccsi-trust-row i{color:#1B75BC;}

/* Keep older public individual components readable if legacy pages reference them. */
.ccsi-body .ccsg-public-hero{background:linear-gradient(135deg,#174f7d 0%,#1B75BC 48%,#35aee2 100%);border-color:rgba(13,110,253,.14)}
.ccsi-body .ccsg-hero-panel{border-color:rgba(255,255,255,.24)}

@media(max-width:1000px){
  .ccsi-checkout-body .ccsg-main--full{align-items:flex-start;padding:24px 14px!important;}
  .ccsi-onboarding-card{grid-template-columns:1fr;min-height:auto;}
  .ccsi-onboarding-right{border-left:0;border-top:1px solid #d9e6f0;}
}
@media(max-width:720px){
  .ccsi-onboarding-left,.ccsi-onboarding-right{padding:28px 20px;}
  .ccsi-onboarding-headline-row{display:block;}
  .ccsi-refund-badge{margin-top:.9rem;}
  .ccsi-plan-card{display:block;}
  .ccsi-plan-price{margin-top:.8rem;}
  .ccsi-form-grid--two{grid-template-columns:1fr;}
  .ccsi-next-block h2{font-size:1.35rem;}
}

/* v4: CCS-only internal screens — compact glass dashboard/cards */
.ccsi-body:not(.ccsi-checkout-body){
  --ccsi-blue:#1B75BC;
  --ccsi-blue-2:#28AAE1;
  --ccsi-ink:#0f172a;
  --ccsi-muted:#64748b;
  --ccsi-line:rgba(148,163,184,.26);
  --ccsi-glass:rgba(255,255,255,.78);
  --ccsi-glass-strong:rgba(255,255,255,.92);
  --ccsi-shadow:0 14px 38px rgba(15,23,42,.075);
  background:
    radial-gradient(circle at 14% -6%,rgba(40,170,225,.20),transparent 34%),
    radial-gradient(circle at 100% 4%,rgba(27,117,188,.12),transparent 28%),
    linear-gradient(180deg,#f7fbff 0%,#f3f6fa 42%,#f8fafc 100%) !important;
  font-weight:400;
}
.ccsi-body:not(.ccsi-checkout-body) .ccsg-topbar{
  min-height:48px!important;
  height:48px!important;
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(148,163,184,.22)!important;
  backdrop-filter:saturate(165%) blur(16px);
  box-shadow:0 1px 0 rgba(255,255,255,.75),0 10px 24px rgba(15,23,42,.035)!important;
}
.ccsi-body:not(.ccsi-checkout-body) .ccsg-brand span{font-weight:500!important;letter-spacing:-.015em;}
.ccsi-body:not(.ccsi-checkout-body) .ccsg-nav a{font-weight:500!important;border-radius:999px!important;}
.ccsi-body:not(.ccsi-checkout-body) .ccsg-nav a:hover{background:rgba(27,117,188,.08)!important;}
.ccsi-body:not(.ccsi-checkout-body) .ccsg-main{padding:14px 16px 38px!important;}
.ccsi-app-page{display:grid;gap:12px;}
.ccsi-app-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1rem;
  border:1px solid var(--ccsi-line);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(246,251,255,.76));
  box-shadow:var(--ccsi-shadow), inset 0 1px 0 rgba(255,255,255,.92);
  padding:16px 17px;
}
.ccsi-app-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 90% 18%,rgba(40,170,225,.18),transparent 30%),linear-gradient(90deg,rgba(255,255,255,.32),rgba(255,255,255,0));
  pointer-events:none;
}
.ccsi-app-hero>*{position:relative;z-index:1;}
.ccsi-app-hero h1{font-size:clamp(1.38rem,2.1vw,2.05rem);line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:.25rem 0 .35rem;color:var(--ccsi-ink);}
.ccsi-app-hero p{font-size:.86rem;line-height:1.42;color:#526171;margin:0;max-width:760px;font-weight:400;}
.ccsi-app-hero--compact{padding:14px 16px;}
.ccsi-eyebrow{display:inline-flex;align-items:center;gap:.38rem;font-size:.66rem;line-height:1;text-transform:uppercase;letter-spacing:.11em;font-weight:600;color:#0b6aa6;}
.ccsi-hero-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.ccsi-hero-pills span,.ccsi-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(27,117,188,.13);
  background:rgba(255,255,255,.72);
  color:#334155;
  border-radius:999px;
  padding:.28rem .56rem;
  font-size:.72rem;
  font-weight:500;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}
.ccsi-hero-pills .is-good{background:rgba(236,253,243,.82);border-color:#abefc6;color:#027a48;}
.ccsi-hero-pills .is-warn{background:rgba(255,250,235,.88);border-color:#fedf89;color:#b54708;}
.ccsi-hero-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.ccsi-body:not(.ccsi-checkout-body) .btn{border-radius:10px;font-weight:500;font-size:.78rem;padding:.38rem .68rem;box-shadow:none;}
.ccsi-body:not(.ccsi-checkout-body) .btn-primary{background:linear-gradient(135deg,var(--ccsi-blue),var(--ccsi-blue-2));border-color:transparent;box-shadow:0 9px 20px rgba(27,117,188,.18);}
.ccsi-body:not(.ccsi-checkout-body) .btn-light{background:rgba(255,255,255,.76);border:1px solid rgba(148,163,184,.26);color:#334155;}
.ccsi-alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:16px;padding:10px 12px;border:1px solid rgba(245,158,11,.28);background:rgba(255,251,235,.82);box-shadow:0 1px 2px rgba(15,23,42,.035);}
.ccsi-alert strong{display:block;font-weight:500;color:#92400e;}.ccsi-alert span{display:block;color:#a16207;font-size:.78rem;}
.ccsi-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;}
.ccsi-metric-card,.ccsi-surface,.ccsi-case-card{
  border:1px solid var(--ccsi-line);
  background:var(--ccsi-glass);
  box-shadow:0 1px 2px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:saturate(150%) blur(14px);
}
.ccsi-metric-card{border-radius:16px;padding:11px 12px;min-height:86px;}
.ccsi-metric-card span{display:block;font-size:.67rem;letter-spacing:.055em;text-transform:uppercase;color:#64748b;font-weight:500;}
.ccsi-metric-card strong{display:block;font-size:1.45rem;line-height:1;margin:.4rem 0 .25rem;font-weight:500;letter-spacing:-.045em;color:var(--ccsi-ink);font-variant-numeric:tabular-nums;}
.ccsi-metric-card em{display:block;font-style:normal;color:#8090a3;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ccsi-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(315px,.65fr);gap:12px;align-items:start;}
.ccsi-surface{border-radius:18px;overflow:hidden;background:var(--ccsi-glass-strong);}
.ccsi-chart-surface,.ccsi-recent-surface{grid-column:1 / 2;}
.ccsi-distribution-surface,.ccsi-side-surface{grid-column:2 / 3;}
.ccsi-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 13px;border-bottom:1px solid rgba(148,163,184,.18);}
.ccsi-section-head h2{font-size:1rem;line-height:1.15;letter-spacing:-.025em;font-weight:500;color:var(--ccsi-ink);margin:.16rem 0 0;}
.ccsi-text-link{font-size:.76rem;font-weight:500;text-decoration:none;color:var(--ccsi-blue);}
.ccsi-line-chart{position:relative;height:220px;margin:12px 14px 0;border-radius:15px;background:linear-gradient(180deg,rgba(248,251,255,.92),rgba(255,255,255,.64));border:1px solid rgba(148,163,184,.18);overflow:hidden;}
.ccsi-line-chart svg{position:absolute;inset:12px 12px 22px 12px;width:calc(100% - 24px);height:calc(100% - 34px);}
.ccsi-line-grid{fill:none;stroke:rgba(148,163,184,.22);stroke-width:.55;vector-effect:non-scaling-stroke;}
.ccsi-line-fill{fill:url(#ccsiTrendFill);}
.ccsi-line-stroke{fill:none;stroke:var(--ccsi-blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 5px 5px rgba(27,117,188,.18));}
.ccsi-dot{position:absolute;width:9px;height:9px;border-radius:999px;background:#fff;border:2px solid var(--ccsi-blue);transform:translate(-50%,-50%);box-shadow:0 4px 12px rgba(27,117,188,.22);}
.ccsi-chart-axis{display:flex;justify-content:space-between;gap:4px;padding:6px 20px 12px;color:#8090a3;font-size:.68rem;}
.ccsi-bar-stack{display:grid;gap:11px;padding:14px 14px 10px;}
.ccsi-bar-row{display:grid;grid-template-columns:66px 1fr 24px;gap:8px;align-items:center;font-size:.75rem;color:#64748b;}
.ccsi-bar-row div{height:8px;border-radius:999px;background:#edf2f7;overflow:hidden;}
.ccsi-bar-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ccsi-blue),var(--ccsi-blue-2));}
.ccsi-bar-row strong{font-weight:500;color:#0f172a;text-align:right;font-variant-numeric:tabular-nums;}
.ccsi-next-callout{margin:6px 14px 14px;border:1px solid rgba(18,183,106,.22);background:linear-gradient(135deg,rgba(236,253,243,.92),rgba(255,255,255,.78));border-radius:15px;padding:11px;display:flex;gap:10px;align-items:flex-start;}
.ccsi-next-callout i{color:#079455;font-size:1rem;}.ccsi-next-callout strong{display:block;font-weight:500;color:#0f172a;font-size:.84rem;}.ccsi-next-callout span{display:block;color:#526171;font-size:.76rem;line-height:1.34;margin-top:1px;}
.ccsi-empty-state{min-height:190px;display:grid;place-items:center;text-align:center;align-content:center;gap:6px;color:#64748b;padding:28px 18px;}
.ccsi-empty-state i{font-size:1.45rem;color:#98a2b3;}.ccsi-empty-state strong{font-size:.92rem;font-weight:500;color:#334155;}.ccsi-empty-state span{font-size:.78rem;color:#8090a3;}
.ccsi-empty-state--table{min-height:220px;}.ccsi-recent-surface .table-responsive{padding:0;}
.ccsi-table{font-size:.78rem;}
.ccsi-table>:not(caption)>*>*{padding:.58rem .68rem;border-color:rgba(148,163,184,.18);}
.ccsi-table thead th{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:#8090a3;font-weight:500;background:rgba(248,250,252,.72);}
.ccsi-table td strong{display:block;font-size:.8rem;font-weight:500;color:#111827;max-width:560px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ccsi-table td span{display:block;font-size:.7rem;color:#8090a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ccsi-mode-pill,.ccsi-status-pill{display:inline-flex!important;align-items:center;border-radius:999px;padding:.18rem .42rem;font-size:.68rem!important;font-weight:500;border:1px solid rgba(148,163,184,.22);white-space:nowrap;}
.ccsi-mode-pill{background:#f8fafc;color:#475569;}.ccsi-status-pill.is-complete{background:#ecfdf3;border-color:#abefc6;color:#027a48;}.ccsi-status-pill.is-progress{background:#fffaeb;border-color:#fedf89;color:#b54708;}
.ccsi-mini-list{display:grid;gap:0;padding:0 13px 13px;}
.ccsi-mini-list div{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.16);}
.ccsi-mini-list div:last-child{border-bottom:0;}
.ccsi-mini-list span{font-size:.73rem;color:#8090a3;}.ccsi-mini-list strong{font-size:.8rem;color:#0f172a;font-weight:500;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.ccsi-side-surface .btn{margin:0 13px 13px;width:calc(100% - 26px)!important;}

.ccsi-filter-surface{padding:9px;}
.ccsi-filter-form{display:grid;grid-template-columns:minmax(280px,1fr) minmax(150px,190px) minmax(145px,175px) auto auto;gap:7px;align-items:center;}
.ccsi-search-field{position:relative;}.ccsi-search-field i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem;}.ccsi-search-field .form-control{padding-left:31px;}
.ccsi-filter-form .form-control,.ccsi-filter-form .form-select{height:34px;min-height:34px;border-radius:10px;border-color:rgba(148,163,184,.28);font-size:.78rem;background:rgba(255,255,255,.78);box-shadow:none;}
.ccsi-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.ccsi-case-card{border-radius:18px;padding:12px;display:flex;flex-direction:column;min-height:226px;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;}
.ccsi-case-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.88);border-color:rgba(27,117,188,.25);}
.ccsi-case-topline{display:flex;justify-content:space-between;gap:6px;margin-bottom:9px;}
.ccsi-case-topline span{display:inline-flex;border:1px solid rgba(148,163,184,.18);background:rgba(248,250,252,.76);border-radius:999px;padding:.2rem .44rem;font-size:.66rem;color:#64748b;font-weight:500;white-space:nowrap;}
.ccsi-case-card h2{font-size:.94rem;line-height:1.18;font-weight:500;letter-spacing:-.02em;color:#0f172a;margin:0 0 6px;}
.ccsi-case-card p{font-size:.74rem;line-height:1.36;color:#64748b;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3rem;}
.ccsi-case-progress{margin-top:auto;border-top:1px solid rgba(148,163,184,.16);padding-top:9px;}
.ccsi-case-progress>div:first-child{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:7px;}
.ccsi-case-progress strong{font-size:.75rem;font-weight:500;color:#0f172a;}.ccsi-case-progress span{font-size:.7rem;color:#8090a3;}
.ccsi-mini-meter{height:6px;border-radius:999px;background:#edf2f7;overflow:hidden;}.ccsi-mini-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ccsi-blue),var(--ccsi-blue-2));}
.ccsi-case-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;}.ccsi-case-actions .btn{width:100%;}
.ccsi-case-empty{grid-column:1 / -1;min-height:250px;}
.ccsi-pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--ccsi-line);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(248,251,255,.66));padding:9px 10px;box-shadow:0 1px 2px rgba(15,23,42,.035),inset 0 1px 0 rgba(255,255,255,.86);}
.ccsi-pagination-summary{font-size:.75rem;color:#64748b;font-weight:450;white-space:nowrap;}
.ccsi-pager-controls{display:flex;align-items:center;gap:7px;}
.ccsi-pager-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 12px;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:rgba(255,255,255,.76);color:#475569;text-decoration:none;font-size:.75rem;font-weight:500;line-height:1;box-shadow:0 1px 2px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.92);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,color .12s ease;}
.ccsi-pager-btn:hover{transform:translateY(-1px);border-color:rgba(27,117,188,.28);color:#1B75BC;box-shadow:0 8px 18px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.95);}
.ccsi-pager-btn--primary{border-color:rgba(27,117,188,.26);background:linear-gradient(135deg,rgba(27,117,188,.1),rgba(40,170,225,.08));color:#1B75BC;}
.ccsi-pager-btn.is-disabled,.ccsi-pager-btn.is-disabled:hover{pointer-events:none;cursor:not-allowed;opacity:.45;transform:none;color:#94a3b8;border-color:rgba(148,163,184,.18);background:rgba(248,250,252,.66);box-shadow:none;}
.ccsi-pager-btn i{font-size:.72rem;line-height:1;}

.ccsi-account-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(360px,.72fr);gap:12px;align-items:start;}
.ccsi-profile-cardlet{margin:13px;display:flex;align-items:center;gap:12px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(135deg,rgba(248,251,255,.92),rgba(255,255,255,.78));border-radius:16px;padding:12px;}
.ccsi-avatar-lg{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--ccsi-blue),var(--ccsi-blue-2));color:#fff;display:grid;place-items:center;font-size:1.1rem;font-weight:500;box-shadow:0 12px 26px rgba(27,117,188,.22);}
.ccsi-profile-cardlet strong{display:block;font-size:.98rem;font-weight:500;color:#0f172a;}.ccsi-profile-cardlet span{display:block;color:#64748b;font-size:.78rem;}
.ccsi-mini-list--boxed{padding:0 13px 13px;}
.ccsi-mini-list--boxed div{border:1px solid rgba(148,163,184,.14);border-radius:12px;padding:9px 10px;margin-bottom:7px;background:rgba(255,255,255,.56);}
.ccsi-billing-surface{grid-column:2 / 3;}.ccsi-profile-surface{grid-column:1 / 2;}
.ccsi-price-panel{margin:13px;border:1px solid rgba(27,117,188,.18);background:linear-gradient(135deg,rgba(240,249,255,.94),rgba(255,255,255,.82));border-radius:16px;padding:13px;display:flex;justify-content:space-between;align-items:center;}
.ccsi-price-panel span{display:block;color:#64748b;font-size:.74rem;}.ccsi-price-panel strong{display:block;color:#0f172a;font-size:1.35rem;font-weight:500;letter-spacing:-.035em;line-height:1.1;margin-top:2px;}.ccsi-price-panel i{font-size:1.3rem;color:var(--ccsi-blue);}
.ccsi-account-action{padding:0 13px;margin-top:2px;}.ccsi-help-text{font-size:.75rem;color:#64748b;line-height:1.4;margin:10px 13px 13px;}
.ccsi-account-note{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:13px 14px;}
.ccsi-account-note h2{font-size:.98rem;font-weight:500;margin:.2rem 0 .2rem;letter-spacing:-.02em;color:#0f172a;}.ccsi-account-note p{font-size:.78rem;color:#64748b;margin:0;max-width:760px;}

@media(max-width:1180px){.ccsi-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.ccsi-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.ccsi-dashboard-grid{grid-template-columns:1fr;}.ccsi-chart-surface,.ccsi-recent-surface,.ccsi-distribution-surface,.ccsi-side-surface{grid-column:1 / -1;}.ccsi-account-grid{grid-template-columns:1fr;}.ccsi-profile-surface,.ccsi-billing-surface,.ccsi-account-note{grid-column:1 / -1;}}
@media(max-width:880px){.ccsi-app-hero{display:block;}.ccsi-hero-actions{justify-content:flex-start;margin-top:12px;}.ccsi-filter-form{grid-template-columns:1fr 1fr;}.ccsi-search-field{grid-column:1 / -1;}.ccsi-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ccsi-line-chart{height:190px;}}
@media(max-width:640px){.ccsi-body:not(.ccsi-checkout-body) .ccsg-main{padding:10px 10px 28px!important;}.ccsi-metric-grid,.ccsi-filter-form,.ccsi-case-grid{grid-template-columns:1fr;}.ccsi-pagination,.ccsi-account-note{display:block;}.ccsi-pager-controls,.ccsi-account-note .btn{margin-top:9px;width:100%;}.ccsi-pager-controls{display:grid;grid-template-columns:1fr 1fr;}.ccsi-pager-btn{width:100%;}.ccsi-account-note .btn{display:flex;justify-content:center;}.ccsi-table{min-width:720px;}.ccsi-app-hero h1{font-size:1.32rem;}.ccsi-case-card{min-height:auto;}}