/* PharmAssess — WatuPRO timed-quiz start screen */
.pa-wq-wrap{position:relative;z-index:2;isolation:isolate;display:flex!important;flex-direction:column;gap:16px;clear:both;width:100%;max-width:880px;margin:8px auto 28px!important;float:none!important}
.pa-wq-wrap > *{position:relative!important;inset:auto!important;transform:none!important;float:none!important;width:100%!important;margin:0!important}
.pa-wq-desc,.pa-wq-start{--pa-pink:#D51270;--pa-ink:#1a1a2e;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;box-sizing:border-box;max-width:880px;margin-left:auto!important;margin-right:auto!important}
.pa-wq-desc *,.pa-wq-start *{box-sizing:border-box}
.pa-wq-hide{display:none!important}

/* Description card */
.pa-wq-desc{background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.06);padding:28px 32px!important;font-size:15px;line-height:1.65;color:#333}
.pa-wq-desc p{margin:0 0 12px!important}
.pa-wq-desc .pa-wq-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:var(--pa-ink);line-height:1.3;margin-bottom:20px!important}
.pa-wq-desc .pa-wq-title b,.pa-wq-desc .pa-wq-title strong{font-weight:600}
.pa-wq-title-ico{flex:none;width:40px;height:40px;border-radius:12px;background:#fff0f6;display:grid;place-items:center}
.pa-wq-title-ico svg{width:22px;height:22px;fill:none;stroke:var(--pa-pink);stroke-width:2;stroke-linecap:round}

.pa-wq-desc > ul,.pa-wq-desc > ol{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:12px}
.pa-wq-desc > ul > li,.pa-wq-desc > ol > li{position:relative;list-style:none!important;margin:0!important;padding:0 0 0 36px!important}
.pa-wq-desc > ul > li::before,.pa-wq-desc > ol > li::before{
	content:"";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;
	background:#fff0f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D51270' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat;
}
.pa-wq-desc li b,.pa-wq-desc li strong{color:var(--pa-pink)}

.pa-wq-desc .pa-wq-chips{display:flex!important;flex-wrap:wrap;gap:8px;list-style:none!important;margin:10px 0 0!important;padding:0!important}
.pa-wq-desc .pa-wq-chips li{list-style:none!important;margin:0!important;padding:6px 12px!important;border-radius:99px;background:#eef4fb;color:#1F6FB5;font-size:13px;font-weight:500;line-height:1.3}
.pa-wq-desc .pa-wq-chips li::before{display:none!important}

.pa-wq-desc .pa-wq-note{margin:22px 0 0!important;padding:14px 16px 14px 18px;border-radius:12px;background:#fff7e6;border-left:4px solid #f59e0b;color:#7a4a00;font-size:14px}

/* Reset notice */
.pa-wq-reset{box-sizing:border-box;margin:0!important;padding:12px 16px;border-radius:12px;background:#eef6ff;border:1px solid #cfe3fb;color:#1F4E79;font:500 14px/1.5 'Poppins',system-ui,sans-serif}

/* Start panel */
.pa-wq-start{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 22px 22px 26px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#D51270 0%,#a70d58 100%);box-shadow:0 12px 30px rgba(213,18,112,.25)}
.pa-wq-start.is-started{display:none!important}
.pa-wq-time{display:flex;align-items:center;gap:14px;min-width:0}
.pa-wq-clock{flex:none;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.pa-wq-clock svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.pa-wq-time b{display:block;font-size:22px;font-weight:700;line-height:1.2;color:#fff}
.pa-wq-time small{display:block;font-size:13px;opacity:.85;margin-top:2px;color:#fff}
.pa-wq-start .pa-wq-btn{all:unset;box-sizing:border-box;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;background:#fff;color:#D51270;font:600 16px/1 'Poppins',system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.12);transition:transform .15s,box-shadow .15s}
.pa-wq-start .pa-wq-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.pa-wq-start .pa-wq-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.pa-wq-start .pa-wq-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:640px){
	.pa-wq-desc{padding:20px 18px!important;font-size:14px}
	.pa-wq-desc .pa-wq-title{font-size:18px}
	.pa-wq-start{flex-direction:column;align-items:stretch;padding:20px}
	.pa-wq-start .pa-wq-btn{justify-content:center;width:100%}
}
@media (prefers-reduced-motion:reduce){.pa-wq-start .pa-wq-btn{transition:none}}

/* ==========================================================================
   Quiz-taking screen
   ========================================================================== */

/* Timer */
.pa-wq-timer{
	display:flex;align-items:center;gap:8px;width:fit-content;margin:0 auto 22px!important;
	position:sticky;top:12px;z-index:60;
	padding:10px 18px 10px 14px!important;border-radius:99px!important;
	background:#fff!important;border:1px solid #e9e9ef!important;box-shadow:0 6px 20px rgba(0,0,0,.08)!important;
	font:600 16px/1.2 'Poppins',system-ui,sans-serif!important;color:#1a1a2e!important;font-variant-numeric:tabular-nums;
}
.pa-wq-timer::before{content:"";width:18px;height:18px;flex:none;background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}
.pa-wq-timer *{color:inherit!important;font:inherit!important}
.pa-wq-timer.is-low{background:#fff1f1!important;border-color:#fecaca!important;color:#B91C1C!important;animation:pa-wq-pulse 2s ease-in-out infinite}
@keyframes pa-wq-pulse{50%{box-shadow:0 0 0 6px rgba(185,28,28,.12)}}

/* Question paginator */
.watupro-paginator-wrap{margin:0 auto 24px!important;text-align:center}
ul.watupro-paginator{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none!important;margin:0!important;padding:0!important}
ul.watupro-paginator li{
	display:block;min-width:42px;height:42px;line-height:40px!important;text-align:center;box-sizing:border-box;margin:0!important;padding:0 10px!important;
	border-radius:12px!important;border:1px solid #e3e6ee!important;background:#f5f6f9!important;background-image:none!important;
	box-shadow:none!important;text-shadow:none!important;color:#444!important;
	font:600 15px/40px 'Poppins',system-ui,sans-serif!important;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;
}
ul.watupro-paginator li:hover{border-color:#D51270!important;transform:translateY(-1px)}
ul.watupro-paginator li.answered{background:#e9f7ef!important;border-color:#bfe8cf!important;color:#047857!important}
ul.watupro-paginator li.active{background:#D51270!important;border-color:#D51270!important;color:#fff!important;box-shadow:0 6px 16px rgba(213,18,112,.3)!important}
ul.watupro-paginator li.rewind-down,ul.watupro-paginator li.rewind-up{background:transparent!important;border-color:transparent!important;color:#888!important;min-width:32px}

/* Question card */
[id^="questionWrap-"]{
	max-width:960px;margin-left:auto!important;margin-right:auto!important;
	background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.06);
	padding:28px 32px!important;box-sizing:border-box;
}
[id^="questionWrap-"] .question-content{font-family:'Poppins',system-ui,sans-serif!important;font-size:16px!important;line-height:1.75!important;color:#2a2a35!important}
[id^="questionWrap-"] .question-content p{margin:0 0 14px!important}
[id^="questionWrap-"] .question-content span{font-family:inherit!important}
[id^="questionWrap-"] .question-content b,[id^="questionWrap-"] .question-content strong{font-weight:600;color:#1a1a2e}

img.watupro-mark-review{width:18px!important;height:auto!important;padding:7px;margin:0 10px 0 0!important;border-radius:10px;background:#f3f4f7;vertical-align:-10px;cursor:pointer;box-sizing:content-box;transition:background .15s}
img.watupro-mark-review:hover{background:#e7e9ef}

/* Answer box */
input.watupro-gap{
	width:160px!important;height:52px!important;margin:6px 10px 6px 0!important;padding:0 14px!important;vertical-align:middle;
	border:2px solid #dfe2ea!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;
	font:600 20px/1 'Poppins',system-ui,sans-serif!important;color:#1a1a2e!important;text-align:center;
	transition:border-color .15s,box-shadow .15s;
}
input.watupro-gap:focus{outline:0!important;border-color:#D51270!important;box-shadow:0 0 0 4px rgba(213,18,112,.12)!important}
input.watupro-gap + strong,input.watupro-gap + b{vertical-align:middle}

/* Note */
.pa-wq-notewrap{margin:22px 0 0!important;padding-top:18px;border-top:1px dashed #e6e6ee;font:500 13px/1.4 'Poppins',system-ui,sans-serif!important;color:#777}
textarea.watupro-user-feedback{
	display:block;width:100%!important;min-height:84px;margin-top:8px!important;padding:12px 14px!important;box-sizing:border-box;
	border:1.5px solid #dfe2ea!important;border-radius:12px!important;background:#fafbfc!important;box-shadow:none!important;
	font:400 15px/1.5 'Poppins',system-ui,sans-serif!important;color:#1a1a2e!important;resize:vertical;
}
textarea.watupro-user-feedback:focus{outline:0!important;border-color:#D51270!important;background:#fff!important;box-shadow:0 0 0 4px rgba(213,18,112,.1)!important}

/* Buttons */
.watupro_buttons{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:28px auto!important;max-width:960px}
.watupro_buttons > div{margin:0!important;padding:0!important}
.watupro_buttons input[type="button"],.watupro_buttons input[type="submit"]{
	-webkit-appearance:none;appearance:none;min-width:140px;height:50px;padding:0 26px!important;margin:0!important;
	border-radius:12px!important;border:1.5px solid #dfe2ea!important;background:#fff!important;background-image:none!important;
	box-shadow:none!important;text-shadow:none!important;color:#444!important;
	font:600 16px/1 'Poppins',system-ui,sans-serif!important;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;
}
.watupro_buttons input[type="button"]:hover{border-color:#c9ccd6!important;background:#f7f8fa!important}
#next-question input,.watupro_buttons .watupro-submit-button{background:#D51270!important;border-color:#D51270!important;color:#fff!important;box-shadow:0 8px 20px rgba(213,18,112,.25)!important}
#next-question input:hover,.watupro_buttons .watupro-submit-button:hover{background:#b30f5f!important;border-color:#b30f5f!important;transform:translateY(-1px)}
.watupro_buttons input[type="button"]:focus-visible{outline:3px solid rgba(213,18,112,.35)!important;outline-offset:2px}

@media (max-width:640px){
	[id^="questionWrap-"]{padding:20px 18px!important;border-radius:16px}
	[id^="questionWrap-"] .question-content{font-size:15px!important}
	ul.watupro-paginator li{min-width:38px;height:38px;font-size:14px!important;line-height:36px!important}
	.watupro_buttons{gap:10px}
	.watupro_buttons > div{flex:1 1 40%}
	.watupro_buttons input[type="button"]{width:100%;min-width:0}
}
@media (prefers-reduced-motion:reduce){.pa-wq-timer.is-low{animation:none}}

/* "Question 1 of 10" */
.pa-wq-count{max-width:960px;margin:14px auto 0!important;text-align:center;font:500 13px/1.4 'Poppins',system-ui,sans-serif!important;color:#888!important}
.pa-wq-count *{font:inherit!important;color:inherit!important}

/* Quiz loader: matches the existing PharmAssess loading design. */
.pa-wq-loader{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#fff 0%,#f6f3f7 45%,#eef1f6 100%)}
.pa-wq-loader.on{display:flex}
.pa-wq-loader .pa-loader-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px}
.pa-wq-loader .pa-loader-ring{width:104px;height:104px;display:grid;place-items:center;margin-bottom:18px}
.pa-wq-spinner{display:block;width:72px;height:72px;border:5px solid #f4d5e6;border-top-color:#d51270;border-radius:50%;animation:pa-wq-spin .85s linear infinite}
.pa-wq-loader .pa-loader-brand{font:700 12px Poppins,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#d51270;margin:0}
.pa-wq-loader .pa-loader-msg{font:500 14px Poppins,sans-serif;color:#575366;margin:12px 0}
.pa-wq-loader .pa-loader-bar{height:3px;width:160px;border-radius:4px;background:#f4d5e6;overflow:hidden}
.pa-wq-loader .pa-loader-bar i{display:block;width:40%;height:100%;background:#d51270;animation:pa-wq-progress 1.5s ease-in-out infinite}
@keyframes pa-wq-spin{to{transform:rotate(360deg)}}
@keyframes pa-wq-progress{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}