:root{--commerce-green:#15583e;--commerce-line:#d8e2dc;--commerce-muted:#56645d}
.commerce-main{padding-top:38px;padding-bottom:56px;min-height:65vh}.commerce-main h1{font-size:clamp(1.85rem,4vw,2.75rem);line-height:1.2;margin:0 0 22px}.commerce-main h2{font-size:1.3rem;margin:0 0 18px}.narrow{max-width:780px}.panel{border:1px solid var(--commerce-line);border-radius:16px;background:#fff;color:#172a21;padding:clamp(22px,4vw,38px);margin-bottom:22px;overflow-wrap:anywhere}.auth-panel{max-width:560px;margin:0 auto}.panel p{line-height:1.65}.panel form{display:grid;gap:18px}.panel label{display:grid;gap:7px;font-weight:550;font-size:1rem}.panel input:not([type=checkbox]),.panel select,.panel textarea,.admin-search input{width:100%;min-width:0;padding:12px 14px;border:1px solid #92a99b;border-radius:8px;font:inherit;font-size:1rem;color:#172a21;background:#fff;min-height:46px}.panel textarea{resize:vertical;line-height:1.55}.panel small{font-size:.875rem;color:var(--commerce-muted);font-weight:400}.panel .checkbox{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.5}.checkbox input{width:20px;height:20px;flex-shrink:0;accent-color:var(--commerce-green);margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-message:empty{display:none}.form-message{border-radius:8px;padding:14px 16px;background:#eef5ef;line-height:1.6;font-size:1rem}.form-message.error{background:#fff0eb;color:#7e2c16}.form-message.success{background:#eaf5ee;color:#164d32}.checkout-price{font-size:2.25rem;font-weight:750;color:var(--commerce-green)}.status-note{padding:16px;background:#f0f5f1;border-radius:10px;margin:18px 0}.status-note.warning{background:#fff3d8}.purchased-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.purchased-grid .panel{margin:0;padding:24px}.purchased-grid h3{font-size:1.1rem;margin:12px 0}.status-badge{display:inline-flex;padding:5px 10px;border-radius:6px;background:#eef4ef;color:#244531;font-size:.875rem;font-weight:600}.status-badge.pending{background:#fff3d8;color:#7c550d}.status-badge.failed,.status-badge.refunded{background:#fff0eb;color:#7e2c16}.table-scroll{overflow-x:auto;border:1px solid var(--commerce-line);border-radius:10px;background:#fff}.commerce-table{width:100%;border-collapse:collapse;font-size:.95rem;color:#172a21}.commerce-table th,.commerce-table td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--commerce-line);vertical-align:top}.commerce-table th{font-size:.875rem;color:#496354;white-space:nowrap;background:#f4f8f4}.commerce-table tbody tr:last-child td{border-bottom:0}.commerce-table td .button{font-size:.875rem;margin-top:8px;min-height:42px;padding:8px 12px}.table-meta{display:block;color:var(--commerce-muted);font-size:.875rem;margin-top:5px}.compact-form{max-width:550px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.admin-tabs [aria-pressed=true]{background:var(--commerce-green);color:white}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:26px}.metric{padding:24px;background:#fff;border:1px solid var(--commerce-line);border-radius:12px;color:#172a21}.metric strong{display:block;font-size:2rem;margin-bottom:8px}.metric span{font-size:.9rem;color:var(--commerce-muted)}.admin-search{display:flex;gap:10px;max-width:600px;margin-bottom:22px}.editor-actions{display:flex;gap:12px;flex-wrap:wrap}.prewrap{white-space:pre-wrap;line-height:1.7}.legal-copy{max-width:850px}.empty-state{padding:26px;background:#f3f7f3;border-radius:10px}.lesson-account{font-size:.9rem;margin-left:auto;display:flex;align-items:center;gap:14px}.lesson-account a,[data-account-nav] a{min-height:44px;display:inline-flex;align-items:center}.lesson-account button,[data-account-nav] button{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer;min-height:44px;text-decoration:underline}.account-links{display:inline-flex;gap:14px;flex-wrap:wrap}.admin-editor details{padding:16px;background:#f5f8f5;border-radius:10px}.admin-editor summary{cursor:pointer;min-height:30px}.admin-editor details p{font-size:.95rem}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 16px}.export-link{display:inline-flex;align-items:center;min-height:44px}.is-loading{opacity:.65}.button:disabled{cursor:wait;opacity:.65}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #7faf92;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:680px){.form-grid{grid-template-columns:1fr}.commerce-main{padding-top:24px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:18px}.metric strong{font-size:1.6rem}.site-header nav{flex-wrap:wrap}.lesson-account{width:100%;margin:0}.commerce-table th,.commerce-table td{padding:12px;font-size:.9rem}.admin-tabs .button{padding:9px 12px}.section-heading{flex-wrap:wrap}.list-heading{align-items:flex-start;flex-direction:column}}
@media(prefers-color-scheme:dark){.commerce-main .section-heading,.commerce-main .section>p{color:#e1ece3}.commerce-main>h2,.commerce-main .section>h2{color:#e1ece3}.admin-tabs .button{background:#eaf1eb;color:#173d29}.admin-tabs [aria-pressed=true]{background:#286c4b;color:white}}
@media print{.lesson-account,.admin-tabs,[data-account-nav]{display:none}}

.preview-strip{background:#12382a;color:white;font-size:.9rem}.preview-strip .wrap{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:.65rem;padding-bottom:.65rem}.preview-strip a{color:white;margin-left:auto;text-decoration:underline}.preview-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}.preview-message{border-top:1px solid var(--line,#d8e1dc);padding:1rem 0}.preview-message h3{margin:0 0 .5rem}.preview-message p{overflow-wrap:anywhere}@media(max-width:650px){.preview-strip .wrap{gap:.5rem}.preview-strip a{margin-left:0;width:100%}}

.facebook-steps{padding-left:1.5rem;line-height:1.7}.facebook-steps li{margin-bottom:.55rem}.social-posts{border:1px solid var(--commerce-line);padding:18px;border-radius:10px;display:grid;gap:16px;min-width:0}.social-posts legend{font-size:1rem;font-weight:600;padding:0 8px}.community-review{display:grid;gap:18px}.community-review ul{padding-left:1.4rem}.community-review a{overflow-wrap:anywhere}.community-review .review-actions{display:flex;gap:10px;flex-wrap:wrap}