/* Simple modern CSS for CPSI Pro (SEO version) */
.cpsi-card{max-width:720px;margin:30px auto;background:#fff;border-radius:12px;padding:20px;box-shadow:0 6px 24px rgba(16,24,40,0.06);font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial}
.cpsi-title{margin:0 0 12px;font-size:20px}
.cpsi-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cpsi-field{display:flex;flex-direction:column}
.cpsi-field label{font-size:13px;color:#374151;margin-bottom:6px}
.cpsi-field input{padding:10px;border-radius:8px;border:1px solid #e5e7eb}
.cpsi-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}
.cpsi-btn{background:#111827;color:#fff;padding:10px 14px;border-radius:8px;border:0;cursor:pointer}
.cpsi-result{margin-top:16px}
.cpsi-note{font-size:13px;color:#6b7280;margin-top:10px}

/* Result card */
.cpsi-result-card{display:flex;gap:18px;align-items:center;padding:14px;border-radius:10px;border:1px solid #eef2ff;background:#fbfdff}
.cpsi-score-badge{width:110px;height:110px;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800}
.cpsi-score-badge.good{background:linear-gradient(180deg,#ecfdf5,#dcfce7);color:#065f46;border:4px solid rgba(16,185,129,0.12)}
.cpsi-score-badge.ok{background:linear-gradient(180deg,#fff7ed,#ffedd5);color:#7c2d12;border:4px solid rgba(245,158,11,0.12)}
.cpsi-score-badge.bad{background:linear-gradient(180deg,#fff1f2,#fee2e2);color:#991b1b;border:4px solid rgba(239,68,68,0.12)}
.cpsi-score-num{font-size:28px}
.cpsi-score-label{font-size:12px;color:#6b7280}

/* KPIs */
.cpsi-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;flex:1}
.cpsi-kpi{background:#fff;border-radius:8px;padding:10px;border:1px solid #eef2ff}
.cpsi-kpi strong{display:block;margin-bottom:6px}
@media(max-width:720px){
  .cpsi-form{grid-template-columns:1fr}
  .cpsi-actions{justify-content:center}
  .cpsi-result-card{flex-direction:column;align-items:flex-start}
  .cpsi-score-badge{width:90px;height:90px}
}


.cpsi-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5!important;
}