/* CDC Pro styles - eye-catching, user-friendly theme */
:root{
  --bg:#0f1724; --card:#ffffff; --accent1:#06b6d4; --accent2:#7c3aed; --muted:#6b7280;
  --btn:#0b78d1; --alt:#10b981;
  --radius:12px;
  --shadow:0 10px 30px rgba(2,6,23,0.2);
  --maxw:920px;
}
body .cdc-wrapper{max-width:var(--maxw);margin:1.25rem auto;padding:1.1rem;border-radius:var(--radius);background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,250,255,0.98));box-shadow:var(--shadow);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;color:var(--bg)}
.cdc-title{font-size:1.35rem;margin:0 0 .6rem;background:linear-gradient(90deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.cdc-form{display:block;gap:0.6rem}
.cdc-row{display:flex;gap:.85rem;margin-bottom:.6rem;flex-wrap:wrap;align-items:center}
.cdc-row label{flex:1;display:flex;flex-direction:column;font-size:.95rem;color:var(--bg)}
.cdc-row input,.cdc-row select{padding:.52rem .6rem;border:1px solid #e6eef9;border-radius:10px;font-size:1rem}
.cdc-row--compact label{min-width:160px}
.cdc-actions{display:flex;gap:.6rem;margin-top:.4rem;flex-wrap:wrap}
.cdc-btn{padding:.56rem .95rem;border-radius:10px;border:0;background:var(--btn);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 6px 18px rgba(11,120,209,0.18)}
.cdc-btn--muted{background:#f3f4f6;color:var(--muted);border:1px solid #e6eef9;box-shadow:none}
.cdc-btn--alt{background:var(--alt);box-shadow:0 6px 18px rgba(16,185,129,0.15)}
.cdc-btn--ghost{background:transparent;border:1px solid #e6eef9;color:var(--bg)}
.cdc-results{margin-top:1rem;padding:.9rem;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #eef3fb}
.cdc-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}
.cdc-macros{margin-top:.4rem;background:#fff;padding:.5rem;border-radius:8px;border:1px dashed #e6eef9}
.cdc-note{font-size:.88rem;color:var(--muted);margin-top:.6rem}
.cdc-chart{margin-top:1rem;padding:1rem;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #eef3fb}
.cdc-log-controls{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap}
.cdc-log-controls input{padding:.45rem .6rem;border:1px solid #e6eef9;border-radius:8px}
@media (max-width:640px){ .cdc-row label{min-width:100%} .cdc-row--compact label{min-width:100%} .cdc-btn{flex:1} }