/* Easy Notes 4U Test Series — front-end styles (brand: teal #29a5af, orange #ed8336) */

.en4u-ts-notice{background:#f3f4f6;color:#374151;padding:14px 18px;border-radius:10px;margin:16px 0;}

/* Dashboard */
.en4u-ts-dash{display:grid;gap:24px;}
.en4u-ts-card{border:1px solid #e5e7eb;border-radius:12px;padding:22px;background:#fff;}
.en4u-ts-card h3{margin:0 0 6px;color:#1f2937;}
.en4u-ts-meta{color:#6b7280;margin:0 0 14px;}
.en4u-ts-table{width:100%;border-collapse:collapse;}
.en4u-ts-table th,.en4u-ts-table td{text-align:left;padding:10px;border-bottom:1px solid #eef0f3;}
.en4u-ts-free{list-style:none;padding:0;margin:0;}
.en4u-ts-free li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eef0f3;}

.en4u-ts-dash .button,.en4u-ts-free .button,.en4u-ts-submit-btn,.en4u-ts-result .button,.en4u-ts-cert-cta .button{
	background:#29a5af;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;}
.en4u-ts-dash .button:hover,.en4u-ts-submit-btn:hover{background:#1f868f;}

/* Runner */
.en4u-ts-runner-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;padding:12px 0;border-bottom:2px solid #29a5af;z-index:5;}
.en4u-ts-timer{background:#ed8336;color:#fff;font-weight:700;padding:8px 16px;border-radius:999px;font-variant-numeric:tabular-nums;}
.en4u-ts-timer.en4u-ts-low{background:#dc2626;}
.en4u-ts-q{border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;margin:18px 0;}
.en4u-ts-q-title{font-weight:600;color:#1f2937;margin:0 0 12px;}
.en4u-ts-q-title span{color:#29a5af;}
.en4u-ts-opt{display:block;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;}
.en4u-ts-opt:hover{border-color:#29a5af;}
.en4u-ts-submit-btn{font-size:16px;padding:13px 30px;}

/* Result */
.en4u-ts-result h2{color:#1f2937;}
.en4u-ts-scorecard{display:inline-block;text-align:center;border-radius:14px;padding:20px 30px;margin:10px 0;color:#fff;}
.en4u-ts-scorecard.pass{background:#16a34a;}
.en4u-ts-scorecard.fail{background:#dc2626;}
.en4u-ts-score{font-size:42px;font-weight:800;line-height:1;}
.en4u-ts-stats{list-style:none;padding:0;display:flex;gap:24px;flex-wrap:wrap;color:#374151;}
.en4u-ts-review{border:1px solid #e5e7eb;border-radius:10px;padding:14px 18px;margin:12px 0;}
.en4u-ts-review.en4u-ts-correct{border-left:4px solid #16a34a;}
.en4u-ts-review.en4u-ts-wrong{border-left:4px solid #dc2626;}
.en4u-ts-review.en4u-ts-skipped{border-left:4px solid #9ca3af;}
.en4u-ts-opt-review{padding:8px 12px;border-radius:6px;margin:4px 0;}
.en4u-ts-opt-review.is-correct{background:#dcfce7;color:#166534;font-weight:600;}
.en4u-ts-opt-review.is-chosen-wrong{background:#fee2e2;color:#991b1b;}
.en4u-ts-solution{background:#f9fafb;padding:10px 14px;border-radius:8px;color:#374151;margin-top:8px;}

/* Certificate */
.en4u-cert-wrap{text-align:center;}
.en4u-cert{max-width:900px;margin:0 auto;background:#fff;border:14px solid #29a5af;outline:3px solid #ed8336;outline-offset:-22px;padding:60px 50px;}
.en4u-cert-inner{border:1px solid #e5e7eb;padding:40px 30px;}
.en4u-cert-head{color:#29a5af;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.en4u-cert-title{font-size:34px;color:#1f2937;margin:16px 0;}
.en4u-cert-sub{color:#6b7280;margin:0;}
.en4u-cert-name{font-size:30px;color:#ed8336;font-weight:700;margin:10px 0;border-bottom:2px solid #eef0f3;display:inline-block;padding:0 30px 6px;}
.en4u-cert-body{color:#374151;max-width:560px;margin:18px auto;}
.en4u-cert-foot{display:flex;justify-content:space-around;margin-top:40px;color:#374151;}
.en4u-cert-line{display:block;width:160px;height:1px;background:#9ca3af;margin:0 auto 6px;}
.en4u-cert-code{margin-top:24px;color:#9ca3af;font-size:12px;letter-spacing:.05em;}
.en4u-cert-actions{margin-top:20px;}
.en4u-cert-actions .button{background:#29a5af;color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;margin:0 6px;}

@media print{
	.en4u-cert-actions,.en4u-ts-runner-head{display:none;}
	.en4u-cert{border-color:#29a5af;}
}
@media (max-width:600px){
	.en4u-ts-stats{gap:12px;}
	.en4u-cert{padding:30px 18px;}
}