/* ===== WB Mock Test — frontend ===== */
#wbmt-app, .wbmt-test-list, #wbmt-standalone-result {
	--wbmt-navy:#16264A;
	--wbmt-maroon:#8C2F39;
	--wbmt-gold:#C69A3B;
	--wbmt-green:#2F6F4E;
	--wbmt-paper:#F6F1E4;
	--wbmt-ink:#2B2A26;
	font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
	color:var(--wbmt-ink);
	max-width:1100px;
	margin:0 auto;
}

a.wbmt-btn, button.wbmt-btn, .wbmt-btn{
	display:inline-block !important; padding:10px 20px !important; border-radius:3px !important;
	background-color:var(--wbmt-navy) !important; background-image:none !important; color:#fff !important; text-decoration:none !important;
	font-weight:600 !important; font-size:14px !important; border:2px solid var(--wbmt-navy) !important; cursor:pointer !important;
	line-height:normal !important;
}
a.wbmt-btn:hover, button.wbmt-btn:hover, .wbmt-btn:hover{ background-color:#0f1c38 !important; border-color:#0f1c38 !important; }
a.wbmt-btn-primary, button.wbmt-btn-primary, .wbmt-btn-primary{ background-color:var(--wbmt-maroon) !important; border-color:var(--wbmt-maroon) !important; }
a.wbmt-btn-primary:hover, button.wbmt-btn-primary:hover, .wbmt-btn-primary:hover{ background-color:#732530 !important; border-color:#732530 !important; }
a.wbmt-btn-ghost, button.wbmt-btn-ghost, .wbmt-btn-ghost{ background-color:#fff !important; color:var(--wbmt-navy) !important; border-color:var(--wbmt-navy) !important; }
a.wbmt-btn-ghost:hover, button.wbmt-btn-ghost:hover, .wbmt-btn-ghost:hover{ background-color:var(--wbmt-paper) !important; }
a.wbmt-btn-submit, button.wbmt-btn-submit, .wbmt-btn-submit{ background-color:var(--wbmt-green) !important; border-color:var(--wbmt-green) !important; width:100%; margin-top:14px; padding:12px !important; }
a.wbmt-btn-submit:hover, button.wbmt-btn-submit:hover, .wbmt-btn-submit:hover{ background-color:#255a3f !important; border-color:#255a3f !important; }

/* ===== My Account ===== */
.wbmt-account-wrap{ max-width:900px; margin:0 auto; }
.wbmt-account-login-card{
	max-width:420px; margin:40px auto; text-align:center; background:#fffdf8;
	border:1px solid #ddd3ba; border-radius:8px; padding:36px 28px;
}
.wbmt-account-login-card h2{ color:var(--wbmt-navy); margin-bottom:8px; }
.wbmt-google-btn{ margin-top:22px; display:flex; justify-content:center; }
.wbmt-notice{ background:var(--wbmt-paper); padding:10px 14px; border-radius:4px; font-size:13.5px; }

.wbmt-account-head{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.wbmt-account-head h2{ margin:0 0 2px; color:var(--wbmt-navy); }
.wbmt-account-email{ margin:0; color:#7a7263; font-size:13.5px; }

.wbmt-tabs-nav{ display:flex; gap:8px; border-bottom:2px solid #e4dcc8; margin-bottom:20px; flex-wrap:wrap; }
.wbmt-tab-btn{
	background:none; border:none; padding:10px 16px; font-size:14.5px; font-weight:600;
	color:#7a7263; cursor:pointer; border-bottom:3px solid transparent; margin-bottom:-2px;
}
.wbmt-tab-btn-active{ color:var(--wbmt-navy); border-bottom-color:var(--wbmt-maroon); }

.wbmt-account-table{ width:100%; border-collapse:collapse; }
.wbmt-account-table th, .wbmt-account-table td{ text-align:left; padding:10px 12px; border-bottom:1px solid #ede5d2; font-size:14px; }
.wbmt-account-table th{ color:#7a7263; font-size:12.5px; text-transform:uppercase; letter-spacing:.03em; }

.wbmt-purchase-list{ display:flex; flex-direction:column; gap:10px; }
.wbmt-purchase-row{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; background:#fffdf8; border:1px solid #ede5d2; border-radius:6px; padding:12px 16px; }
.wbmt-purchase-name{ font-weight:600; flex:1 1 200px; }
.wbmt-purchase-date{ color:#7a7263; font-size:13px; }
.wbmt-empty{ color:#7a7263; padding:20px 0; }

/* Test list */
.wbmt-test-list-title{ font-size:24px; margin-bottom:16px; color:var(--wbmt-navy); }
.wbmt-test-cards{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px; }
.wbmt-test-card{ border:1px solid #ddd3ba; border-radius:6px; padding:18px; background:#fffdf8; }
.wbmt-test-card-title{ font-weight:700; margin-bottom:6px; }
.wbmt-test-card-meta{ font-size:12.5px; color:#7a7263; margin-bottom:12px; }

/* Intro / instructions */
.wbmt-intro{ border:1px solid #ddd3ba; border-radius:6px; padding:24px; background:#fffdf8; }
.wbmt-meta{ color:#7a7263; font-size:13.5px; margin-bottom:10px; }
.wbmt-instructions{ background:var(--wbmt-paper); border-left:3px solid var(--wbmt-gold); padding:10px 16px; margin-bottom:18px; font-size:14px; }
.wbmt-login-prompt{ text-align:center; padding:30px; }

/* Exam runner */
#wbmt-exam-area{ border:1px solid #ddd3ba; border-radius:6px; overflow:hidden; }
.wbmt-topbar{ background:var(--wbmt-navy); color:#fff; padding:12px 18px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.wbmt-tabs{ display:flex; gap:6px; flex-wrap:wrap; }
.wbmt-tab{ font-size:12px; padding:4px 10px; border-radius:12px; background:rgba(255,255,255,0.12); }
.wbmt-tab-active{ background:var(--wbmt-gold); color:var(--wbmt-navy); font-weight:700; }
.wbmt-tab-done{ background:rgba(255,255,255,0.3); text-decoration:line-through; opacity:.7; }
.wbmt-timers{ display:flex; gap:14px; font-size:13.5px; }
.wbmt-timer b{ font-family:'Courier Prime',monospace; font-size:15px; }
.wbmt-timer-section b{ color:var(--wbmt-gold); }

.wbmt-body{ display:flex; flex-wrap:wrap; }
.wbmt-question-col{ flex:1 1 60%; padding:22px; min-width:280px; }
.wbmt-palette-col{ flex:0 0 280px; background:var(--wbmt-paper); padding:18px; border-left:1px solid #ddd3ba; }

.wbmt-qhead{ font-size:12.5px; color:#7a7263; margin-bottom:8px; text-transform:uppercase; letter-spacing:.03em; }
.wbmt-qtext{ font-size:17px; font-weight:600; margin-bottom:18px; line-height:1.5; }
.wbmt-options{ display:flex; flex-direction:column; gap:10px; margin-bottom:22px; }
.wbmt-option{ display:flex; align-items:flex-start; gap:10px; padding:10px 14px; border:1.5px solid #e4dcc8; border-radius:5px; cursor:pointer; font-size:14.5px; }
.wbmt-option:hover{ border-color:var(--wbmt-navy); }
.wbmt-option input{ margin-top:3px; }
.wbmt-opt-letter{ font-weight:700; color:var(--wbmt-navy); }
.wbmt-actions{ display:flex; gap:10px; flex-wrap:wrap; }

.wbmt-palette-legend{ display:flex; flex-direction:column; gap:6px; font-size:11.5px; margin-bottom:14px; color:#5c5647; }
.wbmt-dot{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#fff; border:1.5px solid #b8ac8c; margin-right:5px; }
.wbmt-palette{ display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
.wbmt-pnum{
	width:36px; height:36px; border-radius:50%; border:1.5px solid #b8ac8c; background:#fff;
	font-size:13px; font-weight:600; cursor:pointer; color:var(--wbmt-ink);
}
.wbmt-pnum-visited{ background:#fff; border-color:var(--wbmt-maroon); color:var(--wbmt-maroon); }
.wbmt-pnum-answered, .wbmt-dot.wbmt-pnum-answered{ background:var(--wbmt-green); border-color:var(--wbmt-green); color:#fff; }
.wbmt-pnum-marked, .wbmt-dot.wbmt-pnum-marked{ background:var(--wbmt-gold); border-color:var(--wbmt-gold); color:#fff; }
.wbmt-pnum-marked-answered{ background:var(--wbmt-gold); border-color:var(--wbmt-green); color:#fff; box-shadow:inset 0 0 0 2px var(--wbmt-green); }
.wbmt-pnum-current{ outline:2px solid var(--wbmt-navy); outline-offset:2px; }

/* Result / review */
.wbmt-scorecard{ background:var(--wbmt-navy); color:#fff; border-radius:6px; padding:24px; margin-bottom:24px; }
.wbmt-scorecard h2{ margin-top:0; color:#fff; }
.wbmt-score-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:14px; margin-top:14px; }
.wbmt-score-box{ background:rgba(255,255,255,0.08); border-radius:6px; padding:14px; text-align:center; font-size:12px; }
.wbmt-score-box span{ display:block; font-size:24px; font-weight:700; margin-bottom:4px; font-family:'Courier Prime',monospace; }
.wbmt-score-total span{ color:var(--wbmt-gold); }

.wbmt-review-section h3{ color:var(--wbmt-navy); border-bottom:2px solid var(--wbmt-paper); padding-bottom:8px; margin-top:34px; }
.wbmt-review-q{ border:1px solid #e4dcc8; border-radius:6px; padding:16px; margin-bottom:14px; border-left-width:4px; }
.wbmt-review-correct{ border-left-color:var(--wbmt-green); }
.wbmt-review-wrong{ border-left-color:var(--wbmt-maroon); }
.wbmt-review-unattempted{ border-left-color:#b8ac8c; }
.wbmt-review-qtext{ font-weight:600; margin-bottom:10px; }
.wbmt-review-marks{ font-weight:400; font-size:12.5px; color:#7a7263; }
.wbmt-review-opts{ display:flex; flex-direction:column; gap:6px; margin-bottom:8px; }
.wbmt-review-opt{ padding:7px 12px; border-radius:4px; background:#faf7ef; font-size:14px; }
.wbmt-review-opt-correct{ background:#e4f2ea; color:var(--wbmt-green); font-weight:600; }
.wbmt-review-opt-selected-wrong{ background:#f6e6e6; color:var(--wbmt-maroon); font-weight:600; text-decoration:line-through; }
.wbmt-review-explain{ font-size:13.5px; background:var(--wbmt-paper); padding:10px 12px; border-radius:4px; }

.wbmt-loading, .wbmt-error{ text-align:center; padding:40px; }
.wbmt-error{ color:var(--wbmt-maroon); }

@media (max-width:680px){
	.wbmt-body{ flex-direction:column; }
	.wbmt-palette-col{ border-left:none; border-top:1px solid #ddd3ba; }
}