/* SmartBook: WordPress embed layout; standalone layout is unchanged. */
html.smartbook-embed, .smartbook-embed body{background:#f7f9fb;min-height:0;height:auto}
.smartbook-embed body{display:flow-root}
.smartbook-embed .topbar{height:auto;min-height:70px;padding:20px 28px 0;background:transparent;border:0;max-width:1180px;margin:auto;justify-content:flex-end}
.smartbook-embed .brand,.smartbook-embed .workspace-footer,.smartbook-embed .sidebar>:not(.steps){display:none}
.smartbook-embed .top-actions{flex-wrap:wrap;max-width:none;gap:8px;justify-content:flex-end;width:100%}
.smartbook-embed .save-status{display:block;margin-right:auto}
.smartbook-embed .shell{display:block;max-width:1180px;padding:24px 28px 40px}
.smartbook-embed .sidebar{padding:0;margin-bottom:28px}
.smartbook-embed .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;position:relative}
.smartbook-embed .steps:before{content:'';position:absolute;top:24px;left:12%;right:12%;height:3px;background:#e2e8f0}
.smartbook-embed .step{position:relative;flex-direction:column;gap:12px;min-width:0;text-align:center;background:none;padding:0 4px 12px;color:#718096}
.smartbook-embed .step>span{background:#e2e8f0;border:5px solid #f7f9fb;width:49px;height:49px;font-size:16px;font-weight:700}
.smartbook-embed .step.active>span{background:#009247;color:#fff;box-shadow:0 0 0 3px #bce4d0}
.smartbook-embed .step.active,.smartbook-embed .step.done{color:#008d48}
.smartbook-embed .step small{display:none}
.smartbook-embed .panel{border:0;border-radius:22px;padding:34px 36px 0;box-shadow:0 8px 35px #20344906}
.smartbook-embed .section-header{justify-content:center;text-align:center;margin-bottom:30px}
.smartbook-embed .section-header h2{font-size:28px}
.smartbook-embed .section-header p{font-size:14px}
.smartbook-embed .section-header .tag,.smartbook-embed .section-header .eyebrow{display:none}
.smartbook-embed input,.smartbook-embed select,.smartbook-embed textarea{font-size:14px;padding:12px;background:#f8fafc}
.smartbook-embed .form-grid label,.smartbook-embed label.wide{font-size:12px}
.smartbook-embed .identity-layout{grid-template-columns:minmax(0,1fr) 180px;gap:26px}
.smartbook-embed .section-card>.editor-top>label{flex:1;min-width:0}
.smartbook-embed .section-editor{margin:14px 0;border:1px solid #e1e7df;border-radius:8px;padding:12px}
.smartbook-embed .section-editor>summary{background:transparent;padding:4px;font-size:12px;color:#006c35}
.smartbook-embed .panel-footer .primary{min-width:220px}
.smartbook-embed #startupStatus.embed-ready{display:none}
.smartbook-embed dialog{position:fixed;top:24px;bottom:auto;margin:0 auto;max-height:80vh;overflow:auto}
@media(max-width:650px){
 .smartbook-embed .shell{padding:20px 12px 28px}.smartbook-embed .topbar{padding:16px 12px 0}
 .smartbook-embed .save-status{width:100%;margin:0 0 5px;font-size:11px}
 .smartbook-embed .top-actions .button{font-size:11px;padding:9px;min-height:36px}
 .smartbook-embed .step{font-size:10px}.smartbook-embed .panel{padding:24px 16px 0;border-radius:15px}
 .smartbook-embed .section-header h2{font-size:23px}.smartbook-embed .form-grid,.smartbook-embed .settings{grid-template-columns:1fr}
 .smartbook-embed .identity-layout{display:flex;flex-direction:column;gap:22px}
 .smartbook-embed .cover-column{width:160px;align-self:center}.smartbook-embed .panel-footer .primary{min-width:0}
 .smartbook-embed .depth-status-line{flex-wrap:wrap}.smartbook-embed .tabs{gap:14px;flex-wrap:wrap}
}

/* Tombol tutorial dan popup, tersedia di halaman mandiri maupun iframe. */
.sb-tutorial-row{grid-column:1 / -1;display:flex;justify-content:flex-end;margin:0 0 24px}
.sb-tutorial-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d83143;border-radius:999px;background:#fff;color:#c62638;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;box-shadow:0 2px 5px #0000000a}
.sb-tutorial-button:hover{background:#fff1f3}
.sb-tutorial-button:focus-visible,.sb-tutorial-close:focus-visible{outline:3px solid #009247;outline-offset:4px}
dialog.sb-tutorial-dialog,.smartbook-embed dialog.sb-tutorial-dialog{box-sizing:border-box;width:calc(100% - 24px);max-width:840px;max-height:calc(100dvh - 48px);padding:20px;border:0;border-radius:18px;background:#fff;color:#203c32;overflow:auto}
.sb-tutorial-dialog::backdrop{background:rgba(10,22,18,.72)}
.sb-tutorial-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.sb-tutorial-heading h2{font-size:20px;line-height:1.3;margin:0}
.sb-tutorial-close{flex-shrink:0;border:1px solid #dce5e0;border-radius:8px;padding:9px 12px;background:#fff;color:#203c32;cursor:pointer}
.sb-tutorial-player{aspect-ratio:16 / 9;background:#111;border-radius:8px;overflow:hidden}
.sb-tutorial-player iframe{display:block;width:100%;height:100%;border:0}
.sb-tutorial-fallback{margin:14px 0 0;font-size:13px}
.sb-tutorial-fallback a{color:#007d3d;text-decoration:underline}
@media(max-width:650px){.sb-tutorial-button{padding:10px 16px;font-size:14px}.sb-tutorial-heading h2{font-size:17px}dialog.sb-tutorial-dialog,.smartbook-embed dialog.sb-tutorial-dialog{padding:14px}}

.section-depth-review{display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:12px;border:1px solid #dce5e0;border-radius:8px;background:#f4faf6}
.section-depth-review input[type="checkbox"]{appearance:auto;width:18px;height:18px;min-width:18px;padding:0;margin:2px 0;accent-color:#009247}
.bulk-review-controls{margin:12px 0 20px;padding:14px;border:1px solid #dce5e0;border-radius:10px;background:#f4faf6}
.bulk-review-controls .toolbar{display:flex;flex-wrap:wrap;gap:8px}