/* grade-calc.css - professional, responsive styling */
.grade-calc-wrapper{max-width:900px;margin:20px auto;padding:18px;background:linear-gradient(180deg,#b9d8c6,#cfdcee);border-radius:12px;box-shadow:0 6px 18px rgba(20,30,60,0.08);font-family:Arial,Helvetica,sans-serif;color:#102a43}
.grade-title{margin:0 0 12px 0;font-size:20px;color:#0b3954}
.grade-table{width:100%;border-collapse:collapse;margin-bottom:12px}
.grade-table th,.grade-table td{padding:10px;border-bottom:1px solid rgba(16,42,67,0.06);text-align:left}
.grade-table input[type="text"], .grade-table input[type="number"]{width:100%;padding:8px;border:1px solid rgba(16,42,67,0.08);border-radius:6px;background:#fff;box-sizing:border-box}
.grade-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.grade-btn{background:#eef6fb;color:#0b3954;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;box-shadow:0 2px 6px rgba(11,57,84,0.06)}
.grade-btn.primary{background:#0b66a3;color:#fff}
.grade-remove-row{background:transparent;border:none;color:#c0392b;font-weight:bold;cursor:pointer;font-size:16px}
.grade-result{margin-top:12px;padding:12px;border-radius:8px;background:#ffffff;border:1px solid rgba(16,42,67,0.04)}
.grade-result table{width:100%;border-collapse:collapse}
.grade-result th,.grade-result td{padding:8px;text-align:left;border-bottom:1px solid rgba(16,42,67,0.06)}
.grade-result-controls{margin-top:8px}
@media (max-width:600px){.grade-table th,.grade-table td{padding:8px;font-size:14px}.grade-btn{padding:8px 10px;font-size:14px}}