/* Dr Ads report design: mobile-first reference layout. */
#hasil{max-width:920px;padding-top:32px;color:#101b35}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.result-heading h2{font-size:25px;margin:4px 0}.result-heading .eyebrow{font-size:10px;letter-spacing:1.5px;color:#6681a1;margin:0}.preview-tag{background:#dff8ec;color:#078b54;padding:7px 10px;border-radius:7px;white-space:nowrap;font-size:11px;font-weight:700}#hasil .result-card{background:#fff;border:1px solid #e4ebf5;border-radius:16px;padding:24px;box-shadow:0 12px 32px #1646780c}#status{display:inline-block;margin:0 0 8px;padding:9px 15px;background:#fff0f2;color:#c82842;border-radius:8px;font-size:14px}#status.healthy{background:#e4f8ed;color:#108753}#summary{font-size:14px;color:#58667c;line-height:1.6}#comparison{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start;margin:24px 0}.score-box{text-align:center;min-width:0}.score-ring{width:112px;height:112px;margin:0 auto 8px;border-radius:50%;background:conic-gradient(var(--score-color) calc(var(--score)*1%),#edf1f6 0);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;isolation:isolate}.score-ring:before{content:'';position:absolute;inset:9px;background:white;border-radius:50%;z-index:-1}.score-ring strong{font-size:37px;line-height:1.1;letter-spacing:-2px;color:#0c1531}.score-ring span{font-size:14px;font-weight:700}.score-box>b{font-size:13px}.score-box>small{display:block;font-size:10px;color:#77859a;margin-top:4px}.score-method{font-size:10px;margin-top:8px;color:#6b778b}.score-method summary{cursor:pointer}.score-method p{font-size:11px;line-height:1.5;text-align:left}.diagnosis-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.diagnosis-metric{background:linear-gradient(145deg,#f0f9ff,#f6f7fd);border:1px solid #edf2f7;padding:14px 10px;border-radius:10px;display:flex;flex-direction:column;gap:9px;min-width:0}.diagnosis-metric span{font-size:11px;color:#33415c}.diagnosis-metric strong{font-size:25px;line-height:1.2;white-space:nowrap}.diagnosis-metric b{font-size:13px}.diagnosis-metric small{font-size:10px;color:#6d7a8e}.trend-good{color:#14954c}.trend-bad{color:#ed304d}.period-chart{background:linear-gradient(#fff,#f2f8ff);border-color:#edf2f8}.period-chart h4{font-size:12px;font-weight:500}.period-bars{height:116px}.period-bar{width:28px}.issue-panel{background:#fff0f1;border:1px solid #ffe1e5;border-radius:12px;padding:16px;margin-top:14px}.issue-panel h3{color:#ae1f35;font-size:17px;margin:0 0 12px}.finding-row{display:flex;gap:10px;align-items:start;margin:12px 0}.finding-row>b{flex-shrink:0;background:#f94a62;color:white;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:13px}.finding-row p{font-size:13px;line-height:1.55;margin:0}.advice-panel{background:#e9f8f2;border-radius:12px;padding:16px;margin:10px 0 22px}.advice-panel h3{font-size:15px;margin:0 0 6px}.advice-panel p{font-size:13px;line-height:1.6;margin:0}#locked{position:relative;min-height:600px;border:1px solid #e8edf4;border-radius:12px;overflow:hidden;margin-top:24px;background:#f5f8fc}.blur-preview{filter:blur(5px);opacity:.55;padding:26px;min-height:580px;background:#eff5fc}.blur-preview h3{font-size:18px}.ghost-lines{height:80px;background:repeating-linear-gradient(0deg,transparent 0 12px,#9dadc4 12px 17px,transparent 17px 22px)}.ghost-charts{display:flex;gap:28px;height:145px;margin:30px 0}.ghost-bars{display:flex;gap:12px;align-items:end;flex:1}.ghost-bars i{background:#0075ff;width:18%;height:45%}.ghost-bars i:nth-child(2){height:70%;background:#21bd92}.ghost-bars i:nth-child(3){height:55%}.ghost-bars i:nth-child(4){height:90%;background:#21bd92}.ghost-bars i:nth-child(5){height:80%}.ghost-donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(#0862ff 0 40%,#ffb739 40% 70%,#18bb89 70%);mask:radial-gradient(transparent 40%,black 41%)}#locked .unlock{position:absolute;left:6%;right:6%;top:50%;transform:translateY(-50%);text-align:center;padding:22px;background:#fffffff5;border:0;border-radius:13px;box-shadow:0 14px 35px #142e5733}.lock-symbol{display:block;margin:-55px auto 18px;font-size:45px;background:#061b48;color:#fff;width:62px;height:62px;border-radius:14px;line-height:60px}#locked .unlock h3{font-size:23px}#locked .unlock p{font-size:13px}#locked .unlock .button{display:block;width:100%;margin:8px 0;border-radius:8px;font-size:14px}#unlock-report{background:#0057ff;color:white;padding:16px!important}#locked .brief-note{font-size:11px!important;color:#78859a}#full-report{margin-top:26px}#report-sheet{padding:0;background:white;color:#111a33}.report-brand{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5ebf3;padding-bottom:16px}.report-logo{font-size:43px;color:#065cff;font-weight:800}.report-brand h2{font-size:20px;margin:0 0 4px}.report-brand small{color:#6a778c;font-size:11px}#report-sheet h3{font-size:18px;margin:26px 0 14px}.executive{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}.executive p{font-size:14px;line-height:1.6}.executive .health-badge{background:#fff1e0;color:#995d00;padding:8px 12px;border-radius:8px;font-size:13px}.data-details{border:1px solid #e2eaf4;border-radius:9px;margin:14px 0;padding:12px;font-size:13px}.data-details summary{cursor:pointer;font-weight:600}.data-details table{width:100%;font-size:12px}.root-causes{display:grid;gap:10px}.cause-card{position:relative;padding:14px 14px 14px 58px;background:#f5f8fd;border-radius:10px}.cause-icon{position:absolute;left:13px;top:14px;background:#ff536b;color:white;border-radius:10px;width:32px;height:32px;display:grid;place-items:center;font-weight:700}.cause-card:nth-child(2n) .cause-icon{background:#f4ac24}.cause-card:nth-child(3n) .cause-icon{background:#18a668}.cause-card h4{font-size:14px;margin:0 0 7px}.cause-card p{font-size:13px;line-height:1.65;margin:0;color:#536078}.action-day{border-radius:0;margin:0;border-bottom:1px solid #e4ebf5}.action-days{gap:0;border-radius:9px;overflow:hidden}.action-day:nth-child(2n){background:white}.action-day b,.action-day p{font-size:12px}.doctor-chat{position:relative;background:#f0f6ff;border:1px solid #dae7fb;border-radius:12px;padding:18px;margin:24px 0}.doctor-chat h3{margin:0 0 10px!important}.doctor-chat p{font-size:13px;line-height:1.6}.coming-badge{font-size:11px;background:#fff0c7;color:#96620a;padding:5px 8px;border-radius:6px}#print{background:#0f9e62;color:white;border-radius:8px;margin-top:12px}#copy{border-radius:8px;margin-top:12px}@media(max-width:600px){#hasil{padding-inline:12px}.result-heading h2{font-size:21px}.preview-tag{font-size:10px}#hasil .result-card{padding:14px}#comparison{grid-template-columns:98px 1fr;gap:8px}.score-ring{width:86px;height:86px}.score-ring strong{font-size:30px}.score-box>b{font-size:11px}.diagnosis-metric{padding:10px 6px;gap:7px}.diagnosis-metric strong{font-size:18px}.diagnosis-metric span,.diagnosis-metric small{font-size:9px}.diagnosis-metric b{font-size:11px}.diagnosis-metrics{gap:5px}.executive{grid-template-columns:100px 1fr;gap:10px}.executive p{font-size:12px}.period-charts{gap:8px}.result-heading .eyebrow{font-size:8px}#locked .unlock{left:5%;right:5%;padding:18px 14px}.report-brand h2{font-size:18px}}@media print{.result-heading,#preview-findings,.doctor-chat,#preview-chart,#copy,#print{display:none!important}#report-sheet{font-size:11px}#report-sheet details>*{display:block!important}.score-ring,.cause-icon,.diagnosis-metric{print-color-adjust:exact;-webkit-print-color-adjust:exact}.executive,.cause-card,.diagnosis-metrics,.report-brand{break-inside:avoid}}