/* 2.9.0 — visitor profile, approval experience, balanced hero and certificate preview */
.sbpmt-profile-menu{position:relative!important;min-width:205px!important;padding:0!important;display:block!important;background:transparent!important;overflow:visible!important}.sbpmt-profile-menu>summary{min-height:52px;padding:8px 11px;display:flex;align-items:center;gap:9px;border-radius:12px;background:#f4f7fb;cursor:pointer;list-style:none;user-select:none}.sbpmt-profile-menu>summary::-webkit-details-marker{display:none}.sbpmt-profile-menu>summary>span{min-width:0;flex:1}.sbpmt-profile-chevron{margin-left:auto;color:#76859b;font-size:15px!important;transition:transform .18s}.sbpmt-profile-menu[open] .sbpmt-profile-chevron{transform:rotate(180deg)}.sbpmt-profile-dropdown{position:absolute;right:0;top:calc(100% + 9px);z-index:80;width:275px;padding:18px;border:1px solid #dfe7f0;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(6,26,63,.18)}.sbpmt-profile-dropdown:before{content:"";position:absolute;right:21px;top:-6px;width:12px;height:12px;border-left:1px solid #dfe7f0;border-top:1px solid #dfe7f0;background:#fff;transform:rotate(45deg)}.sbpmt-profile-dropdown strong,.sbpmt-profile-dropdown small,.sbpmt-profile-dropdown em{position:relative;display:block}.sbpmt-profile-dropdown strong{color:var(--sbp-navy);font-size:14px}.sbpmt-profile-dropdown small{margin-top:4px;color:var(--sbp-muted);font-size:11px;overflow-wrap:anywhere}.sbpmt-profile-dropdown em{margin:12px 0;padding:8px 10px;border-radius:9px;background:#edf5ff;color:var(--sbp-blue);font-size:11px;font-style:normal;font-weight:700}.sbpmt-profile-dropdown a{display:block;padding:10px 12px;border-radius:9px;background:#fff1f3;color:#b52d3f!important;text-align:center;text-decoration:none!important;font-size:12px;font-weight:700}.sbpmt-profile-dropdown a:hover{background:#ffe4e8}
.sbpmt-hero-copy{width:68%;padding-top:70px}.sbpmt-hero h1{font-size:clamp(40px,4.35vw,58px)!important;line-height:1.12!important}.sbpmt-hero p{max-width:660px;font-size:17px!important}.sbpmt-certificate{display:grid!important;grid-template-columns:minmax(210px,330px) minmax(0,1fr)!important;justify-content:initial!important;gap:42px!important}.sbpmt-certificate-visual{aspect-ratio:297/210;overflow:hidden;border:1px solid #d9e2ee;border-radius:17px;background:#f4f7fb;box-shadow:0 18px 42px rgba(7,30,67,.12)}.sbpmt-certificate-visual>img{width:100%;height:100%;display:block;object-fit:cover}.sbpmt-certificate-placeholder{height:100%;padding:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:#102e62;text-align:center;background:radial-gradient(circle at 50% 48%,rgba(229,176,53,.15),transparent 35%),linear-gradient(135deg,#fff 0 48%,#eff5fc 48%)}.sbpmt-certificate-placeholder:before{content:"";position:absolute;inset:11px;border:2px solid #d8ad45}.sbpmt-certificate-placeholder i{width:42px;height:42px;margin-bottom:5px;display:grid;place-items:center;border-radius:50%;background:#102e62;color:#fff;font-size:11px;font-style:normal;font-weight:800}.sbpmt-certificate-placeholder small{color:#b58018;font-size:8px;letter-spacing:.16em}.sbpmt-certificate-placeholder b{margin:4px 0;color:#102e62;font-size:15px}.sbpmt-certificate-placeholder span{color:#8a99ad!important;font-size:7px!important;letter-spacing:.13em}.sbpmt-certificate-copy .sbpmt-btn{margin-top:10px}
.sbpmt-pending-root{font-family:"IBM Plex Sans Thai","Noto Sans Thai",sans-serif;color:#102342}.sbpmt-pending-screen{min-height:100vh;display:grid;grid-template-columns:minmax(330px,.92fr) minmax(520px,1.08fr);background:#edf3fb}.sbpmt-pending-visual{min-height:100vh;padding:64px clamp(38px,6vw,90px);display:flex;justify-content:center;flex-direction:column;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 12% 92%,rgba(240,61,80,.50),transparent 29%),radial-gradient(circle at 92% 10%,rgba(58,114,206,.48),transparent 31%),linear-gradient(145deg,#03142f,#0b3770 62%,#452b62)}.sbpmt-pending-visual:after{content:"";position:absolute;right:-160px;bottom:-150px;width:360px;height:360px;border:70px solid rgba(255,255,255,.06);border-radius:50%}.sbpmt-pending-course{position:absolute;left:clamp(38px,6vw,90px);top:48px;color:#bcd0ee;font-size:12px;font-weight:700;letter-spacing:.08em}.sbpmt-pending-mark{width:74px;height:74px;margin-bottom:26px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(255,255,255,.10);box-shadow:0 18px 45px rgba(0,0,0,.20);backdrop-filter:blur(10px)}.sbpmt-pending-mark i{font-style:normal;font-size:20px;font-weight:800}.sbpmt-pending-visual h2{margin:0 0 16px!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.18!important;letter-spacing:-.035em}.sbpmt-pending-visual p{max-width:480px;margin:0;color:#c6d5eb;font-size:14px}.sbpmt-pending-panel{padding:50px clamp(28px,6vw,88px);display:grid;place-items:center}.sbpmt-pending-card{width:min(570px,100%);padding:46px 48px;border:1px solid #dce5f0;border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(6,26,63,.13)}.sbpmt-pending-icon{width:66px;height:66px;margin-bottom:20px;display:grid;place-items:center;border-radius:20px;background:#fff5dd}.sbpmt-pending-icon span{width:29px;height:29px;border:3px solid #d69617;border-radius:50%;position:relative}.sbpmt-pending-icon span:before{content:"";position:absolute;left:12px;top:5px;width:3px;height:9px;border-radius:3px;background:#d69617}.sbpmt-pending-icon span:after{content:"";position:absolute;left:12px;top:12px;width:8px;height:3px;border-radius:3px;background:#d69617;transform:rotate(22deg);transform-origin:left center}.sbpmt-pending-card>small{color:#c48612;font-size:10px;font-weight:800;letter-spacing:.15em}.sbpmt-pending-card h1{margin:8px 0 12px!important;color:#102342;font-size:clamp(27px,3vw,38px)!important;line-height:1.25}.sbpmt-pending-card>p{margin:0;color:#66758c;font-size:13px;line-height:1.8}.sbpmt-pending-person{margin:22px 0;padding:15px 17px;border:1px solid #e0e8f1;border-radius:14px;background:#f7f9fc}.sbpmt-pending-person b,.sbpmt-pending-person span,.sbpmt-pending-person em{display:block}.sbpmt-pending-person b{font-size:14px}.sbpmt-pending-person span{margin-top:2px;color:#71809a;font-size:11px;overflow-wrap:anywhere}.sbpmt-pending-person em{margin-top:8px;color:#1b67be;font-size:11px;font-style:normal;font-weight:700}.sbpmt-pending-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sbpmt-pending-steps>span{display:flex;align-items:center;gap:6px;color:#8793a6;font-size:10px}.sbpmt-pending-steps i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e8edf4;color:#7b889b;font-style:normal;font-weight:700}.sbpmt-pending-steps .done i{background:#dff6e9;color:#17814e}.sbpmt-pending-steps .current{color:#a66b06;font-weight:700}.sbpmt-pending-steps .current i{background:#fff0cf;color:#b37509}.sbpmt-pending-actions{margin-top:27px;display:flex;align-items:center;gap:18px}.sbpmt-pending-logout{color:#66758c!important;text-decoration:none!important;font-size:12px;font-weight:700}.sbpmt-pending-logout:hover{color:#be3042!important}
@media(max-width:900px){.sbpmt-pending-screen{grid-template-columns:1fr}.sbpmt-pending-visual{min-height:300px;padding:90px 28px 45px}.sbpmt-pending-course{left:28px;top:28px}.sbpmt-pending-mark{width:56px;height:56px;margin-bottom:15px}.sbpmt-pending-visual h2{font-size:34px!important}.sbpmt-pending-panel{padding:28px 18px 48px}.sbpmt-certificate{grid-template-columns:minmax(190px,280px) minmax(0,1fr)!important}}
@media(max-width:790px){.sbpmt-profile-menu{min-width:auto!important}.sbpmt-profile-menu>summary{padding:7px}.sbpmt-profile-menu>summary>span,.sbpmt-profile-chevron{display:none!important}.sbpmt-profile-dropdown{position:fixed;right:14px;top:70px;width:min(290px,calc(100vw - 28px))}.sbpmt-hero-copy{width:100%;padding-top:54px}.sbpmt-hero h1{font-size:clamp(36px,8vw,48px)!important}.sbpmt-certificate{grid-template-columns:1fr!important}.sbpmt-certificate-visual{max-width:380px;width:100%}}
@media(max-width:560px){.sbpmt-pending-card{padding:31px 24px;border-radius:21px}.sbpmt-pending-steps{grid-template-columns:1fr}.sbpmt-pending-actions{align-items:stretch;flex-direction:column}.sbpmt-pending-actions .sbpmt-btn,.sbpmt-pending-logout{width:100%;text-align:center}.sbpmt-pending-logout{padding:10px}.sbpmt-hero h1{font-size:34px!important}}

/* 2.10.0 — completed videos remain replayable */
.sbpmt-video-completed{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sbpmt-video-completed>b{color:#168653!important}.sbpmt-rewatch-video{margin:0!important;background:#eef5ff!important;color:#1558a8!important;box-shadow:none!important}.sbpmt-rewatch-video:hover{background:#dcecff!important}

/* 2.11.0 — every available video opens from its cover as well as its button */
.sbpmt-video-open{cursor:pointer;outline:none}.sbpmt-video-open i{transition:transform .18s,box-shadow .18s}.sbpmt-video-open:hover i,.sbpmt-video-open:focus-visible i{transform:scale(1.1);box-shadow:0 15px 38px rgba(0,0,0,.34)}.sbpmt-video-open:focus-visible{box-shadow:inset 0 0 0 4px rgba(255,255,255,.8)}

/* 2.12.0 — external player script and direct YouTube fallback */
a.sbpmt-video-cover{display:grid!important;color:#fff!important;text-decoration:none!important}.sbpmt-video-fallback{display:block;margin:10px 8px 2px;color:#1558a8!important;text-align:center;text-decoration:none!important;font-size:12px;font-weight:700}.sbpmt-video-fallback:hover{text-decoration:underline!important}

/* 2.14.0 — certificate and Popular Vote share one balanced row */
.sbpmt-achievement-vote{margin:20px -24px 0;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.sbpmt-achievement-vote>.sbpmt-certificate,.sbpmt-achievement-vote>.sbpmt-popular{min-width:0;min-height:430px;margin:0!important;padding:42px!important;border:0!important;border-radius:0!important}.sbpmt-achievement-vote>.sbpmt-certificate{display:grid!important;grid-template-columns:minmax(150px,220px) minmax(0,1fr)!important;align-content:center;align-items:center;gap:28px!important;background:radial-gradient(circle at 15% 10%,#eef5ff,transparent 38%),#fff}.sbpmt-achievement-vote .sbpmt-certificate-visual{width:100%;box-shadow:0 16px 38px rgba(7,30,67,.15)}.sbpmt-achievement-vote .sbpmt-certificate-copy h2{font-size:27px!important}.sbpmt-achievement-vote>.sbpmt-popular{display:flex!important;justify-content:center;flex-direction:column;gap:22px!important;background-image:linear-gradient(90deg,rgba(7,26,60,.92),rgba(18,63,121,.73) 52%,rgba(201,47,67,.62)),var(--sbpmt-vote-image,linear-gradient(120deg,#071a3c,#123f79 52%,#c92f43))}.sbpmt-achievement-vote .sbpmt-popular h2{font-size:27px!important}.sbpmt-achievement-vote .sbpmt-vote-card{max-width:520px}
@media(max-width:1050px){.sbpmt-achievement-vote>.sbpmt-certificate{grid-template-columns:1fr!important}.sbpmt-achievement-vote .sbpmt-certificate-visual{max-width:280px}}
@media(max-width:790px){.sbpmt-achievement-vote{margin-left:-12px;margin-right:-12px;grid-template-columns:1fr}.sbpmt-achievement-vote>.sbpmt-certificate,.sbpmt-achievement-vote>.sbpmt-popular{min-height:auto;padding:36px 24px!important}.sbpmt-achievement-vote>.sbpmt-certificate{grid-template-columns:minmax(160px,260px) minmax(0,1fr)!important}}
@media(max-width:560px){.sbpmt-achievement-vote>.sbpmt-certificate{grid-template-columns:1fr!important}}

/* 2.15.0 — one shared background with two aligned content cards */
.sbpmt-achievement-vote{min-height:500px;padding:54px clamp(28px,5vw,78px)!important;position:relative;isolation:isolate;gap:24px;overflow:hidden;background-image:linear-gradient(90deg,rgba(4,24,57,.94),rgba(10,48,98,.78) 50%,rgba(129,27,61,.68)),var(--sbpmt-vote-image,linear-gradient(120deg,#071a3c,#123f79 55%,#c92f43));background-position:center;background-size:cover}.sbpmt-achievement-vote:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,23,52,.22),transparent 50%,rgba(255,67,84,.10))}.sbpmt-achievement-card{min-width:0;padding:38px clamp(26px,3.4vw,52px);display:grid;grid-template-rows:1fr auto;align-items:stretch;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(7,28,65,.43);box-shadow:0 22px 55px rgba(1,13,34,.22);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:#fff;text-align:center}.sbpmt-achievement-content{display:flex;align-items:center;flex-direction:column}.sbpmt-achievement-content>span{color:#ff8593;font-size:10px;font-weight:800;letter-spacing:.18em}.sbpmt-achievement-content h2{min-height:74px;margin:12px 0 13px!important;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:clamp(26px,2.25vw,34px)!important;line-height:1.18!important}.sbpmt-achievement-content p{max-width:560px;min-height:54px;margin:0!important;color:rgba(255,255,255,.82)!important;font-size:14px!important;line-height:1.75!important}.sbpmt-achievement-action{min-height:112px;margin-top:26px;padding-top:22px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:16px;border-top:1px solid rgba(255,255,255,.18)}.sbpmt-achievement-action>b{min-height:24px;color:#fff;font-size:13px}.sbpmt-achievement-action .sbpmt-btn{min-width:220px;margin:0!important;justify-content:center;background:#ff4f60!important;color:#fff!important;box-shadow:0 13px 30px rgba(255,62,82,.28)}.sbpmt-achievement-action .sbpmt-btn:hover{background:#ff6574!important;transform:translateY(-2px)}.sbpmt-achievement-action .sbpmt-btn:disabled{background:rgba(255,255,255,.20)!important;color:rgba(255,255,255,.68)!important;box-shadow:none}
@media(max-width:790px){.sbpmt-achievement-vote{min-height:auto;padding:28px 18px!important;grid-template-columns:1fr!important}.sbpmt-achievement-card{padding:32px 24px}.sbpmt-achievement-content h2,.sbpmt-achievement-content p{min-height:0}.sbpmt-achievement-action{min-height:0}}

/* 2.18.0 — learning resource sidebar card and social footer links */
.sbpmt-resource-card{overflow:hidden;position:relative;background:radial-gradient(circle at 100% 0,rgba(232,63,85,.13),transparent 34%),linear-gradient(145deg,#fff,#f1f6fd)!important}.sbpmt-resource-card:after{content:"PDF";position:absolute;right:-7px;bottom:-15px;color:rgba(12,59,115,.055);font-size:72px;font-weight:800;letter-spacing:-.08em}.sbpmt-resource-card>*{position:relative;z-index:1}.sbpmt-resource-card>small{color:#e33d52!important;font-weight:800;letter-spacing:.11em}.sbpmt-resource-card .sbpmt-btn{width:100%;margin-top:14px!important;justify-content:center;font-size:10px!important}.sbpmt-resource-card .sbpmt-btn:disabled{background:#bdc8d7!important;color:#fff!important;box-shadow:none}.sbpmt-social-links{margin-top:13px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sbpmt-social-links a{padding:6px 9px!important;border:1px solid rgba(255,255,255,.20);border-radius:7px;background:rgba(255,255,255,.07);color:#dce8f8!important;font-size:9px!important;font-weight:700;text-decoration:none!important}.sbpmt-social-links a:hover{background:rgba(255,255,255,.15);color:#fff!important}