/* ===== Course creation prototype (UI only / no DB writes) ===== */
.akob-proto{--p:#5b5bd6;--p2:#4b4bc2;--ink:#172033;--muted:#657087;--line:#dce2ec;--soft:#f6f8fc;max-width:1440px;color:var(--ink)}
.akob-proto *{box-sizing:border-box}.akob-proto button,.akob-proto input,.akob-proto select,.akob-proto textarea{font:inherit}
.akob-proto-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:8px 0 18px;padding:26px 30px;border-radius:18px;background:linear-gradient(120deg,#202a50,#5b5bd6);color:#fff}.akob-proto-hero h2{margin:3px 0 6px;color:#fff;font-size:30px}.akob-proto-hero p{margin:0;color:#e9ebff;font-size:14px}.akob-proto-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--p)}.akob-proto-hero .akob-proto-kicker{color:#bdc4ff}.akob-proto-demo-badge{flex:none;padding:8px 13px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.13);font-weight:700}
.akob-proto-notice{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;padding:14px 17px;border:1px solid #f1d887;border-left:4px solid #e0ae11;border-radius:10px;background:#fffbee}.akob-proto-notice p{margin:2px 0 0;color:#645b3d}.akob-proto-notice .dashicons{color:#a97700}
.akob-proto-shell{display:grid;grid-template-columns:232px minmax(0,1fr);border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;min-height:720px}.akob-proto-sidebar{padding:18px 12px;background:#f7f8fb;border-right:1px solid var(--line)}.akob-proto-side-label{padding:18px 12px 7px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#8a93a5}.akob-proto-side-divider{height:1px;background:var(--line);margin:14px 8px}
.akob-proto-nav{display:flex;width:100%;gap:11px;align-items:center;border:0;background:transparent;border-radius:10px;padding:11px 12px;text-align:left;color:#475169;cursor:pointer}.akob-proto-nav:hover{background:#eceffa;color:var(--p)}.akob-proto-nav.is-active{background:#e7e8ff;color:var(--p2);font-weight:700}.akob-proto-nav b{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #c9cfda;border-radius:50%;font-size:12px;background:#fff}.akob-proto-nav.is-active b{border-color:var(--p);background:var(--p);color:#fff}.akob-proto-nav span:not(.dashicons){display:flex;flex-direction:column;gap:2px}.akob-proto-nav small{font-size:11px;font-weight:400;color:#8a93a5}.akob-proto-main{min-width:0;padding:30px}.akob-proto-screen{display:none}.akob-proto-screen.is-active{display:block}.akob-proto-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.akob-proto-pagehead h3{margin:4px 0 5px;font-size:25px}.akob-proto-pagehead p{margin:0;color:var(--muted)}
.akob-proto-primary,.akob-proto-secondary{border-radius:9px;padding:10px 17px;font-weight:700;cursor:pointer}.akob-proto-primary{border:1px solid var(--p);background:var(--p);color:#fff}.akob-proto-primary:hover{background:var(--p2)}.akob-proto-secondary{border:1px solid #cdd4df;background:#fff;color:#39445b}.akob-proto-secondary:hover{border-color:var(--p);color:var(--p)}.-wide{width:100%}.akob-proto-step-state{padding:7px 12px;border-radius:999px;background:#eef0f7;color:#586176;font-weight:700}
.akob-proto-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.akob-proto-metrics>div{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}.akob-proto-metrics span{display:block;color:var(--muted);font-size:12px}.akob-proto-metrics strong{display:block;margin-top:4px;font-size:25px}.akob-proto-toolbar{display:flex;gap:10px;margin-bottom:18px}.akob-proto-toolbar label{flex:1}.akob-proto-toolbar input,.akob-proto-toolbar select{width:100%;height:42px;border:1px solid #cfd6e1;border-radius:9px;padding:0 12px;background:#fff}.akob-proto-toolbar select{width:180px}
.akob-proto-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.akob-proto-course-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.akob-proto-thumb{display:grid;place-items:center;height:135px;background:linear-gradient(145deg,#edf0ff,#dfe4ff);color:var(--p)}.akob-proto-thumb .dashicons{width:auto;height:auto;font-size:45px}.akob-proto-card-body{padding:17px}.akob-proto-card-body h4{margin:13px 0 7px;font-size:17px}.akob-proto-card-body p{min-height:43px;margin:0 0 15px;color:var(--muted)}.akob-proto-card-top,.akob-proto-card-meta,.akob-proto-card-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;color:var(--muted);font-size:12px}.akob-proto-card-actions{margin-top:14px}.akob-proto-card-actions>*{flex:1}.akob-proto-status{padding:4px 8px;border-radius:999px;background:#fff4d8;color:#8d6500;font-weight:700}.akob-proto-status.is-public{background:#e5f6eb;color:#19733c}.akob-proto-status.is-private{background:#eef0f4;color:#60697a}.akob-proto-progress{height:8px;margin:13px 0;background:#e9edf3;border-radius:999px;overflow:hidden}.akob-proto-progress i{display:block;height:100%;background:var(--p);border-radius:inherit}.akob-proto-card-body>.akob-proto-primary{margin-top:14px}
.akob-proto-form-card{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.akob-proto-form-card h4{margin-top:0}.akob-proto-field{display:block;margin-bottom:22px}.akob-proto-field:last-child{margin-bottom:0}.akob-proto-field>span,.akob-proto-choice legend{display:block;margin-bottom:7px;font-weight:700}.akob-proto-field em{font-style:normal;color:#d34b4b;font-size:11px}.akob-proto-field input,.akob-proto-field select,.akob-proto-field textarea{display:block;width:100%;max-width:none;border:1px solid #cfd6e1;border-radius:9px;padding:10px 12px;background:#fff}.akob-proto-field small{display:block;margin-top:6px;color:#7b8496}.akob-proto-fields-2,.akob-proto-fields-3{display:grid;gap:16px}.akob-proto-fields-2{grid-template-columns:repeat(2,1fr)}.akob-proto-fields-3{grid-template-columns:repeat(3,1fr)}.akob-proto-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:145px;border:2px dashed #cbd2df;border-radius:11px;background:#fafbfe;color:#59647b;cursor:pointer}.akob-proto-upload .dashicons{font-size:32px;width:auto;height:auto;margin-bottom:8px}.akob-proto-upload small{margin-top:5px}.akob-proto-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.akob-proto-footer>div{display:flex;gap:10px}
.akob-proto-choice{border:0;padding:0;margin:0 0 26px}.akob-proto-choice:last-child{margin-bottom:0}.akob-proto-choice label{display:flex;gap:12px;align-items:flex-start;margin-top:9px;padding:14px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.akob-proto-choice label:has(input:checked){border-color:var(--p);background:#f5f5ff}.akob-proto-choice input{margin-top:3px}.akob-proto-choice span{display:flex;flex-direction:column;gap:3px}.akob-proto-choice small{color:var(--muted);font-weight:400}
.akob-proto-curriculum{display:flex;flex-direction:column;gap:15px}.akob-proto-section-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.akob-proto-section-card>header{display:grid;grid-template-columns:24px 1fr 36px;gap:10px;align-items:center;padding:15px 17px;background:#f5f7fb;border-bottom:1px solid var(--line)}.akob-proto-section-card header div{display:flex;flex-direction:column}.akob-proto-section-card header small{color:var(--p);font-weight:800}.akob-proto-section-card header input{border:0;background:transparent;padding:2px 0;font-weight:800;font-size:16px;box-shadow:none}.akob-proto-icon{border:0;background:transparent;font-size:20px;cursor:pointer}.akob-proto-lessons{padding:8px 16px}.akob-proto-lesson{display:grid;width:100%;grid-template-columns:24px 30px 1fr auto;gap:10px;align-items:center;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:12px 5px;text-align:left;cursor:pointer}.akob-proto-lesson:hover{background:#fafaff}.akob-proto-lesson>b{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#edf0f7}.akob-proto-lesson>span:nth-child(3){display:flex;flex-direction:column}.akob-proto-lesson small{color:var(--muted);font-weight:400}.akob-proto-lesson em{font-style:normal;color:var(--p);font-weight:700}.akob-proto-add-lesson{width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:13px;color:var(--p);font-weight:700;cursor:pointer}
.akob-proto-lesson-editor{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}.akob-proto-lesson-editor>aside{padding:14px;border:1px solid var(--line);border-radius:13px;background:#f7f8fb}.akob-proto-lesson-editor>aside>strong{display:block;padding:7px 8px 11px}.akob-proto-lesson-editor>aside button{display:block;width:100%;margin-bottom:5px;border:0;border-radius:8px;background:transparent;padding:10px;text-align:left;cursor:pointer}.akob-proto-lesson-editor>aside button.is-active{background:#e6e7ff;color:var(--p);font-weight:700}.akob-proto-add-mini{color:var(--p)!important}.akob-proto-editor-toolbar{display:flex;gap:5px;padding:7px;border:1px solid #cfd6e1;border-bottom:0;border-radius:9px 9px 0 0;background:#f6f7fa}.akob-proto-editor-toolbar button{border:1px solid #d6dbe3;background:#fff;border-radius:5px;padding:5px 9px}.akob-proto-editor-toolbar+textarea{border-radius:0 0 9px 9px}
.akob-proto-review-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.akob-proto-checklist{list-style:none;margin:0;padding:0}.akob-proto-checklist li{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.akob-proto-checklist li:last-child{border-bottom:0}.akob-proto-checklist li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:800}.akob-proto-checklist .is-ok>span{background:#e3f4e9;color:#19733c}.akob-proto-checklist .is-warn>span{background:#fff0d1;color:#9a6900}.akob-proto-checklist div{display:flex;flex-direction:column}.akob-proto-checklist small{color:var(--muted)}.akob-proto-checklist button{border:0;background:transparent;color:var(--p);font-weight:700;cursor:pointer}.akob-proto-publish-card{align-self:start;padding:24px;border:1px solid var(--line);border-radius:14px;background:#f7f8ff;text-align:center}.akob-proto-publish-card>.dashicons{width:auto;height:auto;font-size:45px;color:var(--p)}.akob-proto-publish-card h4{font-size:18px}.akob-proto-publish-card button{margin-top:9px}.akob-proto-publish-card>small{display:block;margin-top:10px;color:var(--muted)}
.akob-proto-help-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center}.akob-proto-help-flow button{min-height:135px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:15px;cursor:pointer}.akob-proto-help-flow button:hover{border-color:var(--p)}.akob-proto-help-flow b{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 10px;border-radius:50%;background:var(--p);color:#fff}.akob-proto-help-flow span{display:flex;flex-direction:column;gap:5px}.akob-proto-help-flow small{color:var(--muted)}.akob-proto-help-flow i{font-style:normal;color:#a1a8b6}.akob-proto-help-notes{margin-top:25px;padding:22px;border:1px solid var(--line);border-radius:13px}.akob-proto-help-notes h4{margin-top:0}.akob-proto-help-notes>div{display:grid;grid-template-columns:38px 1fr;gap:10px;margin-top:13px}.akob-proto-help-notes>div>span{font-weight:800;color:var(--p)}.akob-proto-help-notes p{display:flex;flex-direction:column;margin:0;color:var(--muted)}.akob-proto-help-notes strong{color:var(--ink)}.akob-proto-toast{position:fixed;right:28px;bottom:28px;z-index:99999;padding:13px 17px;border-radius:9px;background:#202940;color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.18)}
@media(max-width:1050px){.akob-proto-course-grid{grid-template-columns:repeat(2,1fr)}.akob-proto-help-flow{grid-template-columns:1fr}.akob-proto-help-flow>i{transform:rotate(90deg);text-align:center}.akob-proto-fields-3{grid-template-columns:1fr}.akob-proto-review-grid{grid-template-columns:1fr}}
@media(max-width:780px){.akob-proto-shell{grid-template-columns:1fr}.akob-proto-sidebar{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.akob-proto-side-label,.akob-proto-side-divider,.akob-proto-nav small{display:none}.akob-proto-nav{width:auto;flex:none}.akob-proto-main{padding:20px}.akob-proto-course-grid,.akob-proto-metrics,.akob-proto-lesson-editor,.akob-proto-fields-2{grid-template-columns:1fr}.akob-proto-toolbar,.akob-proto-pagehead,.akob-proto-footer{align-items:stretch;flex-direction:column}.akob-proto-toolbar select{width:100%}.akob-proto-footer>div{display:grid}.akob-proto-hero{align-items:flex-start;flex-direction:column}.akob-proto-review-grid{grid-template-columns:1fr}}

.akob-proto-access-note{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;margin-bottom:22px;border:1px solid #b9d6ff;background:#f3f8ff;border-radius:12px}
.akob-proto-access-note .dashicons{color:#2271b1;font-size:26px;width:26px;height:26px}
.akob-proto-access-note strong,.akob-proto-access-note small{display:block}
.akob-proto-access-note small{margin-top:4px;color:#586579}
.akob-proto-levels{border:0;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.akob-proto-levels legend{font-weight:700;margin-bottom:12px;grid-column:1/-1}
.akob-proto-levels label{display:flex;align-items:center;gap:10px;border:1px solid #dcdcde;border-radius:10px;padding:12px;background:#fff}
.akob-proto-levels label span,.akob-proto-levels label strong,.akob-proto-levels label small{display:block}
.akob-proto-levels label small{color:#646970;margin-top:2px}
.akob-proto-levels label.is-disabled{opacity:.55;background:#f6f7f7}
.akob-proto-level-hint{margin:0 0 22px;padding:12px 14px;border-left:4px solid #72aee6;background:#f6f7f7}
.akob-proto-category-level{margin-left:auto;padding:5px 10px;border-radius:999px;background:#eef5ff;color:#135e96;font-weight:700;font-size:12px;white-space:nowrap}
.akob-proto-reward-field select{font-family:monospace}
@media(max-width:780px){.akob-proto-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Front preview prototype */
.akob-preview-device-switch,.akob-preview-toolbar{display:flex;align-items:center;gap:8px}
.akob-preview-device-switch button,.akob-preview-toolbar button{border:1px solid #c3c4c7;background:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:700}
.akob-preview-device-switch button.is-active,.akob-preview-toolbar button.is-active{background:#1d2327;color:#fff;border-color:#1d2327}
.akob-preview-toolbar{padding:12px 14px;background:#f0f0f1;border:1px solid #dcdcde;border-bottom:0;border-radius:12px 12px 0 0}
.akob-preview-toolbar span{margin-left:auto;color:#646970;font-size:12px}
.akob-preview-stage{max-width:1180px;margin:0 auto 24px;background:#f6f7f7;border:1px solid #c3c4c7;border-radius:0 0 12px 12px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.08);transition:max-width .2s}
.akob-preview-stage.is-mobile{max-width:430px}
.akob-preview-sitebar{height:58px;background:#111827;color:#fff;display:flex;align-items:center;gap:28px;padding:0 28px}.akob-preview-sitebar strong{margin-right:auto;font-size:17px}.akob-preview-sitebar span{font-size:13px;color:#d1d5db}
.akob-preview-view{display:none;padding:28px}.akob-preview-view.is-active{display:block}
.akob-preview-front-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.akob-preview-front-head small{font-weight:800;letter-spacing:.12em;color:#2271b1}.akob-preview-front-head h2{font-size:30px;margin:4px 0}.akob-preview-user{background:#fff;border:1px solid #dcdcde;border-radius:999px;padding:8px 13px;font-size:12px}
.akob-preview-category-tabs{display:flex;gap:8px;margin-bottom:20px}.akob-preview-category-tabs button{border:0;background:#e5e7eb;border-radius:999px;padding:9px 15px}.akob-preview-category-tabs .is-active{background:#2271b1;color:#fff}
.akob-preview-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.akob-preview-card-grid article{background:#fff;border:1px solid #dcdcde;border-radius:14px;overflow:hidden}.akob-preview-cover{height:135px;display:grid;place-items:center;background:linear-gradient(145deg,#dbeafe,#eff6ff)}.akob-preview-cover .dashicons{font-size:54px;width:54px;height:54px;color:#2271b1}.akob-preview-card-grid article>div:last-child{padding:18px}.akob-preview-card-grid h3{font-size:18px;margin:10px 0 8px}.akob-preview-card-grid p{min-height:58px;color:#4b5563}.akob-preview-card-grid small{display:block;color:#6b7280;margin:12px 0}.akob-preview-card-grid button,.akob-preview-course-layout aside button,.akob-preview-curriculum-list em{border:0;background:#2271b1;color:#fff;border-radius:8px;padding:9px 13px;font-weight:700}.akob-preview-open,.akob-preview-lock{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.akob-preview-open{background:#dcfce7;color:#166534}.akob-preview-lock{background:#f3f4f6;color:#6b7280}.akob-preview-card-grid .is-locked{opacity:.68}
.akob-preview-course-hero{background:linear-gradient(135deg,#172554,#1d4ed8);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;gap:24px}.akob-preview-course-hero h1{font-size:34px;margin:10px 0}.akob-preview-course-hero p{max-width:650px;font-size:15px;color:#dbeafe}.akob-preview-course-hero b{display:inline-block;margin:8px 6px 0 0;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:12px}.akob-preview-hero-icon{display:grid;place-items:center;min-width:160px}.akob-preview-hero-icon .dashicons{font-size:78px;width:78px;height:78px}
.akob-preview-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;margin-top:22px}.akob-preview-course-layout>main,.akob-preview-course-layout>aside{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:24px}.akob-preview-course-layout h2{margin-top:0}.akob-preview-curriculum-list{display:grid;gap:10px}.akob-preview-curriculum-list button{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:13px}.akob-preview-curriculum-list button b{font-size:18px;color:#2271b1}.akob-preview-curriculum-list button span>*{display:block}.akob-preview-curriculum-list button small{color:#6b7280;margin-top:3px}.akob-preview-curriculum-list .is-locked{opacity:.55}.akob-preview-progress{height:8px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin:14px 0}.akob-preview-progress i{display:block;width:12.5%;height:100%;background:#2271b1}
.akob-preview-lesson-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}.akob-preview-lesson-layout>aside,.akob-preview-lesson-layout>main{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:22px}.akob-preview-lesson-layout>aside{display:flex;flex-direction:column;gap:8px}.akob-preview-lesson-layout>aside a{cursor:pointer;color:#2271b1;margin-bottom:6px}.akob-preview-lesson-layout>aside button{text-align:left;border:0;background:#f3f4f6;border-radius:8px;padding:11px}.akob-preview-lesson-layout>aside button.is-active{background:#dbeafe;color:#1d4ed8;font-weight:700}.akob-preview-lesson-layout>aside button.is-locked{opacity:.55}.akob-preview-breadcrumb{font-size:12px;color:#6b7280}.akob-preview-lesson-layout h1{font-size:30px;margin:10px 0 18px}.akob-preview-reward-note{display:flex;gap:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:13px;margin-bottom:22px}.akob-preview-reward-note small,.akob-preview-reward-note strong{display:block}.akob-preview-lesson-body{line-height:1.9;min-height:260px;border-top:1px solid #e5e7eb;padding-top:20px}.akob-preview-lesson-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e5e7eb;padding-top:18px}.akob-preview-lesson-actions button{border:1px solid #c3c4c7;background:#fff;border-radius:8px;padding:9px 12px}.akob-preview-lesson-actions .is-complete{background:#16a34a;color:#fff;border-color:#16a34a}
.akob-preview-stage.is-mobile .akob-preview-sitebar span{display:none}.akob-preview-stage.is-mobile .akob-preview-view{padding:14px}.akob-preview-stage.is-mobile .akob-preview-card-grid,.akob-preview-stage.is-mobile .akob-preview-course-layout,.akob-preview-stage.is-mobile .akob-preview-lesson-layout{grid-template-columns:1fr}.akob-preview-stage.is-mobile .akob-preview-course-hero{padding:22px}.akob-preview-stage.is-mobile .akob-preview-hero-icon{display:none}.akob-preview-stage.is-mobile .akob-preview-course-hero h1{font-size:25px}.akob-preview-stage.is-mobile .akob-preview-front-head{display:block}.akob-preview-stage.is-mobile .akob-preview-user{display:inline-block;margin-top:8px}.akob-preview-stage.is-mobile .akob-preview-lesson-layout>aside{display:none}.akob-preview-stage.is-mobile .akob-preview-category-tabs{overflow:auto}.akob-preview-stage.is-mobile .akob-preview-card-grid article:not(:first-child){display:none}
@media(max-width:900px){.akob-preview-card-grid{grid-template-columns:1fr 1fr}.akob-preview-course-layout{grid-template-columns:1fr}.akob-preview-lesson-layout{grid-template-columns:210px 1fr}.akob-preview-toolbar{flex-wrap:wrap}.akob-preview-toolbar span{width:100%;margin-left:0}}