:root{--ink:#18303f;--ink2:#365363;--muted:#6e818c;--line:#d9e4e9;--primary:#176d90;--primary2:#124f6b;--soft:#eef7fa;--sky:#dff1f7;--danger:#ad3232;--danger-soft:#fff0f0;--warning:#fff8e5;--success:#337250;--shadow:0 16px 40px rgba(27,67,86,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#f7fbfd,#fff 260px);line-height:1.55}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:800;line-height:1.15}.brand small{color:var(--muted);font-weight:600}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.site-header nav{display:flex;align-items:center;gap:18px;font-weight:750}.inline-form{display:inline}.link-button{border:0;background:transparent;color:var(--primary);font-weight:750;cursor:pointer;padding:0}.container{max-width:1180px;margin:0 auto;padding:38px 22px 70px}.site-footer{text-align:center;color:var(--muted);font-size:.82rem;padding:24px;border-top:1px solid var(--line);background:#fff}.eyebrow{letter-spacing:.14em;font-weight:850;color:#3d819d;font-size:.73rem;margin:0 0 8px}.hero{display:grid;grid-template-columns:1.35fr .8fr;gap:34px;align-items:center;padding:45px 0}.hero h1,.page-heading h1,.admin-heading h1,.complete-card h1,.login-card h1,.danger-card h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.035em;margin:0}.hero-copy>p:not(.eyebrow){max-width:760px;color:var(--ink2);font-size:1.05rem}.helper{font-size:.84rem!important;color:var(--muted)!important}.hero-card,.feature-card,.form-card,.questionnaire-card,.login-card,.admin-table-card,.detail-card,.complete-card,.danger-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-card{padding:28px}.badge,.date-chip,.status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:850}.badge,.date-chip{background:var(--sky);color:#276f8e}.flow-list{padding-left:0;list-style:none;margin:18px 0 0}.flow-list li{padding:14px 0;border-bottom:1px solid #edf2f5;color:var(--ink2)}.flow-list li:last-child{border:0}.flow-list b{color:#4a8ba7;margin-right:7px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{padding:23px}.feature-card span{color:#3880a0;font-size:.76rem;font-weight:850}.feature-card h2{font-size:1.05rem;margin:10px 0 5px}.feature-card p{color:var(--muted);margin:0;font-size:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;padding:11px 16px;font-weight:820;cursor:pointer;transition:.15s ease;text-decoration:none}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 24px rgba(23,109,144,.18)}.button-secondary{background:#eaf5f9;color:#1d607d;border:1px solid #cce4ee}.button-ghost{background:#fff;color:#496174;border:1px solid var(--line)}.button-danger{background:var(--danger);color:#fff}.button-large{padding:14px 20px}.button-small{padding:7px 10px;font-size:.76rem}.button-full{width:100%}.stepbar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:0 0 28px}.stepbar-item{position:relative;text-align:center;color:#93a4ae;font-size:.72rem}.stepbar-item:before{content:"";position:absolute;height:3px;background:#e5edf1;left:-50%;right:50%;top:14px}.stepbar-item:first-child:before{display:none}.stepbar-item span{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:0 auto 4px;background:#e7eef2;font-weight:850}.stepbar-item.active,.stepbar-item.done{color:var(--primary)}.stepbar-item.active span,.stepbar-item.done span{background:var(--primary);color:#fff}.stepbar-item.done:before,.stepbar-item.active:before{background:#66a5bd}.page-heading,.admin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:23px}.page-heading h1,.admin-heading h1{font-size:clamp(1.75rem,3vw,2.55rem)}.page-heading p:not(.eyebrow),.admin-heading p:not(.eyebrow){color:var(--muted);margin:7px 0 0}.form-card,.questionnaire-card{padding:28px}.notice{padding:13px 15px;border-radius:14px;background:var(--soft);color:var(--ink2);font-size:.9rem;margin-bottom:20px}.notice-warning{background:var(--warning)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field span{font-weight:800;font-size:.88rem}.field input,.field select,.field textarea,.filter-bar input,.filter-bar select,.input-mini,.ohis-table select,.data-table select{width:100%;border:1px solid #cbd9df;background:#fff;border-radius:11px;padding:11px 12px;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus,.filter-bar input:focus,.filter-bar select:focus,.input-mini:focus{border-color:#4d9bb9;box-shadow:0 0 0 3px rgba(77,155,185,.13)}.form-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:26px}.consent-text{background:#fbfdfe;border:1px solid var(--line);border-radius:16px;padding:18px}.check-row{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-weight:700}.check-row input{margin-top:5px}.signature-box{border:1px solid var(--line);border-radius:16px;padding:14px}.signature-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.signature-head small{display:block;color:var(--muted);font-weight:500}.signature-box canvas{width:100%;height:220px;border-radius:11px;background:#fbfdfe;border:1px dashed #b9cbd4;touch-action:none}.question-block{border:0;padding:0;margin:0 0 22px}.question-block legend{display:flex;gap:11px;align-items:flex-start;font-weight:850;margin-bottom:11px}.question-block legend>span{min-width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--sky);color:#2d7593}.question-block.compact{margin-bottom:15px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-left:41px}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:block;height:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;color:var(--ink2)}.choice span b{margin-right:8px;color:var(--primary)}.choice input:checked+span{border-color:#4d98b5;background:#eef8fb;box-shadow:0 0 0 2px rgba(77,152,181,.12)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.87rem}.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:left;vertical-align:top}.data-table th{background:#edf6f9;color:#315d70;white-space:nowrap}.input-mini{min-width:72px;padding:7px 8px}.switch-check{display:flex;gap:5px;align-items:center}.complete-card{max-width:780px;margin:38px auto;padding:42px;text-align:center}.success-icon,.error-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:2rem;font-weight:900}.success-icon{background:#e7f6ed;color:var(--success)}.error-icon{background:var(--danger-soft);color:var(--danger)}.complete-card h1{font-size:clamp(2rem,4vw,3rem)}.complete-card>p:not(.eyebrow){color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:26px 0}.result-grid div{background:#f3f8fa;border-radius:14px;padding:14px}.result-grid small{display:block;color:var(--muted)}.result-grid b{display:block;margin-top:4px}.login-card{max-width:480px;margin:50px auto;padding:32px}.login-card>p:not(.eyebrow){color:var(--muted)}.login-card form{display:grid;gap:16px;margin-top:22px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:18px;box-shadow:var(--shadow)}.stat-card small{color:var(--muted);display:block}.stat-card b{font-size:1.75rem}.filter-bar{display:grid;grid-template-columns:1fr 220px auto auto;gap:10px;margin-bottom:17px}.admin-table-card{padding:0;overflow:hidden}.action-row{display:flex;gap:8px;flex-wrap:wrap}.status-baik{background:#e7f6ed;color:#337250}.status-sedang{background:#fff4d6;color:#8a650d}.status-buruk{background:#ffe8e8;color:#9b3535}.empty{text-align:center!important;color:var(--muted);padding:35px!important}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-card{padding:24px}.detail-card h2,.form-card h2{margin-top:0}.detail-card dl{display:grid;grid-template-columns:1fr 1.2fr;gap:10px 15px}.detail-card dt{font-weight:800;color:#496674}.detail-card dd{margin:0}.section-title{margin-top:34px!important;border-top:1px solid var(--line);padding-top:25px}.danger-card{max-width:660px;margin:40px auto;padding:32px;border-color:#f1c9c9}.danger-card h1{font-size:2.2rem}.flash-stack{display:grid;gap:8px;margin-bottom:18px}.flash{padding:12px 15px;border-radius:12px;font-weight:700}.flash-error{background:#fff0f0;color:#973333}.flash-success{background:#e9f7ef;color:#2f714d}@media(max-width:900px){.hero{grid-template-columns:1fr}.feature-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.option-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.result-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:620px){.container{padding:26px 14px 55px}.site-header{padding:0 14px}.brand small{display:none}.hero{padding:20px 0}.feature-grid,.stats-grid,.form-grid,.filter-bar{grid-template-columns:1fr}.page-heading,.admin-heading{display:block}.date-chip{margin-top:12px}.form-card,.questionnaire-card{padding:18px}.option-grid{margin-left:0}.stepbar-item small{display:none}.form-actions{align-items:stretch;flex-direction:column-reverse}.form-actions .button{width:100%}.result-grid{grid-template-columns:1fr}.complete-card{padding:25px 18px}.data-table{font-size:.8rem}}

.field-full{grid-column:1/-1}.field textarea{width:100%;border:1px solid #cbd9df;background:#fff;border-radius:11px;padding:11px 12px;color:var(--ink);outline:none;resize:vertical;line-height:1.5}.pre-line{white-space:pre-line}
.respondent-downloads{margin:26px 0 18px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fbfdfe}.respondent-downloads p{margin:0 0 14px;color:var(--ink2)}.download-actions{justify-content:center}.complete-card>form{margin-top:14px}@media(max-width:620px){.download-actions{display:grid}.download-actions .button{width:100%}}

/* Pengisian wajib berurutan */
.sequential-form:not(.is-ready){opacity:.45;pointer-events:none}.sequence-item,.sequence-question{position:relative;transition:opacity .2s ease,filter .2s ease,box-shadow .2s ease}.sequence-item.is-locked,.sequence-question.is-locked{opacity:.48;filter:grayscale(.15)}.sequence-item.is-locked:after,.sequence-question.is-locked:after{content:"Terkunci";position:absolute;right:8px;top:4px;padding:3px 8px;border-radius:999px;background:#e8eef1;color:#6c7e88;font-size:.68rem;font-weight:850;letter-spacing:.02em}.sequence-item.is-locked input,.sequence-item.is-locked select,.sequence-item.is-locked textarea,.sequence-question.is-locked .choice span{cursor:not-allowed;background:#f4f7f8}.sequence-question.just-unlocked{box-shadow:0 0 0 3px rgba(77,155,185,.12);border-radius:14px}.button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.admin-export-actions{justify-content:flex-end}.admin-row-actions{min-width:300px}.admin-row-actions .button{white-space:nowrap}@media(max-width:620px){.admin-export-actions{margin-top:14px;display:grid}.admin-export-actions .button{width:100%}.admin-row-actions{min-width:240px}}