/* =========================================================================
   X-DMAIC strategy-check.css — popup "Kiểm tra chiến lược 5 câu" (assets/js/strategy-check.js).
   Viết lại 10/2026 theo DESIGN.md: thẻ trắng bo 28px trên nền Ink mờ, Lexend, chip kết quả theo bảng màu
   theme, ô nhập trắng 52px và nút lime như form "Để lại số" của cả site. Điện thoại: trượt từ dưới lên.
   Màn: s1 mời · s2 câu hỏi · s3 kết quả (xem ngay) · s5 form nhận bản đầy đủ · s4 đã nhận.
   ========================================================================= */
body.sm-modal-open{overflow:hidden}
.sm-sc-overlay{position:fixed;inset:0;z-index:99995;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(11,18,32,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--xd-font)}
.sm-sc-overlay.sm-sc-active{display:flex;animation:sm-sc-fade .25s ease both}
.sm-sc-dialog{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 48px);overflow-y:auto;padding:40px 40px 32px;border-radius:28px;background:#fff;color:var(--xd-ink);box-shadow:0 40px 80px rgba(3,10,30,.35);animation:sm-sc-rise .4s var(--xd-ease) both}
.sm-sc-dialog *{box-sizing:border-box}
.sm-sc-drag-handle{display:none}
.sm-sc-close-btn{position:absolute;top:16px;right:16px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--xd-paper);color:var(--xd-ink);cursor:pointer;transition:background var(--xd-fast)}
.sm-sc-close-hint{position:absolute;top:26px;right:68px;z-index:2;padding:4px 10px;border-radius:999px;background:var(--xd-ink);color:#fff;font-size:12.5px;font-weight:600}
.sm-sc-close-hint[hidden]{display:none}
.sm-sc-nudge{animation:sm-sc-nudge .32s ease}
@keyframes sm-sc-nudge{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.sm-sc-close-btn:hover,.sm-sc-close-btn:focus-visible{background:var(--xd-line);outline:none}
.sm-sc-screen{display:none;flex-direction:column;gap:16px}
.sm-sc-screen.active{display:flex}
.sm-sc-ico{flex:none;vertical-align:-3px}
.sm-sc-ico--ml{margin-left:2px}.sm-sc-ico--mr{margin-right:6px}

/* Chữ */
.sm-sc-kicker,.sm-sc-invite-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--xd-blue)}
.sm-sc-title{margin:0;padding-right:40px;font-size:clamp(24px,3vw,30px);font-weight:800;line-height:1.18;letter-spacing:-.025em;color:var(--xd-ink)}
.sm-sc-desc{margin:0;font-size:16px;line-height:1.6;color:var(--xd-sub-2)}
.sm-sc-textlink{align-self:center;font-size:14.5px;font-weight:700;color:var(--xd-ink);text-decoration:underline;text-underline-offset:3px}
.sm-sc-textlink:hover{color:var(--xd-blue)}

/* Màn mời */
.sm-sc-invite-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-height:110px;margin:-8px 0 -4px}
.sm-sc-invite-mascot{width:120px;height:auto;margin-right:24px}
.sm-sc-invite-perks{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.sm-sc-invite-perks li{padding:6px 12px;border-radius:999px;background:var(--xd-paper);font-size:13.5px;font-weight:600}
.sm-sc-btn-primary,.sm-sc-btn-submit{width:100%;justify-content:center}
.sm-sc-btn-decline{align-self:center;padding:8px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--xd-sub);cursor:pointer}
.sm-sc-btn-decline:hover{color:var(--xd-ink)}

/* Câu hỏi */
.sm-sc-quiz-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:48px}
.sm-sc-back-step-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--xd-sub);cursor:pointer}
.sm-sc-back-step-btn:hover{color:var(--xd-ink)}
.sm-sc-step-counter{font-size:13px;font-weight:700;color:var(--xd-sub)}
.sm-sc-progress-bar{height:4px;border-radius:999px;background:var(--xd-line);overflow:hidden}
.sm-sc-progress-fill{height:100%;border-radius:999px;background:var(--xd-ink);transition:width .3s var(--xd-ease)}
.sm-sc-question-title{margin:4px 0 0;font-size:22px;font-weight:800;line-height:1.3;letter-spacing:-.02em}
.sm-sc-question-hint{margin:0;font-size:14.5px;line-height:1.55;color:var(--xd-sub-2)}
.sm-sc-question-hint:empty{display:none}
.sm-sc-options-list{display:flex;flex-direction:column;gap:10px}
.sm-sc-option-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:12px 16px;border:1.5px solid var(--xd-line);border-radius:var(--xd-r-md);background:#fff;font:inherit;font-size:15.5px;font-weight:600;line-height:1.4;color:var(--xd-ink);text-align:left;cursor:pointer;transition:border-color var(--xd-fast),background var(--xd-fast)}
.sm-sc-option-btn:hover,.sm-sc-option-btn:focus-visible{border-color:var(--xd-ink);background:var(--xd-paper);outline:none}

/* Kết quả */
.sm-sc-badge-result{align-self:flex-start;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--xd-paper);color:var(--xd-ink)}
.sm-sc-badge-ready{background:var(--xd-lime);color:var(--xd-ink)}
.sm-sc-badge-focus{background:var(--xd-blue-50);color:var(--xd-blue-700)}
.sm-sc-badge-fix_root{background:var(--xd-ink);color:#fff}
.sm-sc-summary-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sm-sc-summary-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 14px;border:1px solid var(--xd-line);border-radius:var(--xd-r-sm);font-size:14px}
.sm-sc-summary-topic{font-weight:600}
.sm-sc-summary-mark{flex:none;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}
.sm-sc-summary-mark .sm-sc-ico{width:14px;height:14px}
.sm-sc-icon-clear{background:var(--xd-lime);color:var(--xd-ink)}
.sm-sc-icon-unsure{border:1.5px solid var(--xd-line);color:var(--xd-sub-2)}
.sm-sc-icon-issue{background:var(--xd-ink);color:#fff}
.sm-sc-first-step-box{padding:16px 18px;border-radius:var(--xd-r-md);background:var(--xd-paper)}
.sm-sc-first-step-title{margin-bottom:4px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--xd-blue)}
.sm-sc-first-step-desc{font-size:15px;line-height:1.55}
.sm-sc-cta{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:4px}
.sm-sc-cta .xb{justify-content:center}

/* Form nhận bản đầy đủ */
#sm-sc-lead-form{display:flex;flex-direction:column;gap:14px}
.sm-sc-input-group{display:flex;flex-direction:column;gap:6px}
.sm-sc-label{font-size:14px;font-weight:600}
.sm-sc-label i{font-style:normal;color:var(--xd-error)}
.sm-sc-label small{font-weight:400;color:var(--xd-sub)}
.sm-sc-input{width:100%;min-height:52px;padding:0 16px;border:1.5px solid var(--xd-line);border-radius:var(--xd-r-sm);background:#fff;font:inherit;font-size:16px;color:var(--xd-ink)}
.sm-sc-input:focus{outline:3px solid var(--xd-blue);outline-offset:2px;border-color:var(--xd-blue)}
.sm-sc-input.is-invalid{border-color:var(--xd-error)}
.sm-sc-error-msg{display:none;font-size:13px;font-weight:600;color:#B91C1C}
.sm-sc-form-error{padding:12px 14px;border-radius:var(--xd-r-sm);background:#FEF2F2;font-size:14px;color:#991B1B}
.sm-sc-consent{margin:0;font-size:12.5px;line-height:1.5;color:var(--xd-sub)}
.sm-sc-consent a{color:var(--xd-blue)}
.sm-sc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sm-sc-btn-submit[disabled]{opacity:.6;cursor:wait}

@media (max-width:767px){
  .sm-sc-overlay{align-items:flex-end;padding:0}
  .sm-sc-dialog{max-width:none;max-height:90vh;padding:28px 20px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:sm-sc-up .35s cubic-bezier(.2,.9,.3,1) both}
  .sm-sc-drag-handle{display:block;width:40px;height:4px;margin:-12px auto 12px;border-radius:999px;background:var(--xd-line)}
  .sm-sc-summary-card{grid-template-columns:minmax(0,1fr)}
  .sm-sc-invite-mascot{width:96px;margin-right:8px}
}
@media (prefers-reduced-motion:reduce){.sm-sc-overlay.sm-sc-active,.sm-sc-dialog{animation:none}}
@keyframes sm-sc-fade{from{opacity:0}to{opacity:1}}
@keyframes sm-sc-rise{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes sm-sc-up{from{transform:translateY(100%)}to{transform:none}}