.dcs-widget{
  --dcs-primary: var(--primary, #2563EB);
  --dcs-secondary: var(--secondary, #10B981);
  --dcs-bg: var(--bg, #F8FAFC);
  --dcs-surface: var(--surface, #FFFFFF);
  --dcs-surface-alt: var(--surface-alt, #F1F5F9);
  --dcs-text: var(--text, #111827);
  --dcs-text-muted: var(--text-muted, #5B6472);
  --dcs-border: var(--border, #E5E9F0);
  --dcs-radius-md: var(--radius-md, 14px);
  --dcs-radius-sm: var(--radius-sm, 10px);
  --dcs-shadow-lg: var(--shadow-lg, 0 20px 48px rgba(17,24,39,.12));

  font-family: 'Inter', sans-serif;
  background: var(--dcs-surface);
  border: 1px solid var(--dcs-border);
  border-radius: var(--dcs-radius-md);
  box-shadow: var(--dcs-shadow-lg);
  padding: 28px;
  color: var(--dcs-text);
  max-width: 480px;
  margin: 32px auto;
}

.dcs-field-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
@media(max-width:480px){ .dcs-field-row{ grid-template-columns:1fr; } }
.dcs-field label{ display:block; font-size:.76rem; font-weight:600; color:var(--dcs-text-muted); text-transform:uppercase; letter-spacing:.03em; margin-bottom:7px; }
.dcs-field input{ width:100%; padding:12px 14px; border-radius:var(--dcs-radius-sm); border:1px solid var(--dcs-border); background:var(--dcs-bg); color:var(--dcs-text); font-size:.95rem; outline:none; }
.dcs-field input:focus{ border-color:var(--dcs-primary); box-shadow:0 0 0 3px color-mix(in srgb, var(--dcs-primary) 15%, transparent); }

.dcs-seg{ display:flex; border:1px solid var(--dcs-border); border-radius:var(--dcs-radius-sm); overflow:hidden; }
.dcs-seg button{ flex:1; padding:11px; border:none; background:var(--dcs-surface); color:var(--dcs-text-muted); font-weight:600; font-size:.85rem; cursor:pointer; font-family:inherit; }
.dcs-seg button.active{ background:var(--dcs-primary); color:#fff; }

.dcs-hint{ font-size:.82rem; color:var(--dcs-text-muted); margin-bottom:14px; }

.dcs-actions{ display:flex; gap:12px; margin:20px 0; flex-wrap:wrap; }
.dcs-btn{ font-family:inherit; font-weight:600; font-size:.9rem; border-radius:999px; cursor:pointer; border:none; padding:13px 26px; }
.dcs-btn-primary{ background:var(--dcs-primary); color:#fff; }
.dcs-btn-outline{ background:none; color:var(--dcs-text-muted); border:1.5px solid var(--dcs-border); }

.dcs-result-primary{ background:linear-gradient(135deg, var(--dcs-primary), #3B82F6); border-radius:var(--dcs-radius-md); padding:22px; color:#fff; margin-bottom:14px; }
.dcs-result-primary .dcs-l{ font-size:.82rem; opacity:.85; }
.dcs-result-primary .dcs-v{ font-family:'Poppins', sans-serif; font-size:2rem; font-weight:700; margin-top:4px; }

.dcs-score-chips{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }
@media(max-width:480px){ .dcs-score-chips{ grid-template-columns:1fr; } }
.dcs-chip{ background:var(--dcs-surface-alt); border:1px solid var(--dcs-border); border-radius:var(--dcs-radius-sm); padding:14px; text-align:center; }
.dcs-chip .dcs-l{ font-size:.72rem; color:var(--dcs-text-muted); text-transform:uppercase; letter-spacing:.03em; margin-bottom:4px; }
.dcs-chip .dcs-v{ font-family:'Poppins', sans-serif; font-weight:700; font-size:1.2rem; color:var(--dcs-secondary); }

.dcs-actions-row{ display:flex; gap:8px; flex-wrap:wrap; }
.dcs-mini-btn{ border:1px solid var(--dcs-border); background:var(--dcs-surface); padding:8px 14px; border-radius:var(--dcs-radius-sm); font-size:.8rem; font-weight:600; color:var(--dcs-text-muted); cursor:pointer; font-family:inherit; }
.dcs-mini-btn:hover{ border-color:var(--dcs-primary); color:var(--dcs-primary); }

.dcs-history{ margin-top:12px; }
.dcs-history-row{ display:flex; justify-content:space-between; font-size:.82rem; padding:8px 0; border-bottom:1px solid var(--dcs-border); color:var(--dcs-text-muted); }

.dcs-cgpa-row{ position:relative; }