/* LaserLearn Community Showcase 0.1.2 */
.showcase-widget{width:min(1320px,calc(100% - 2rem));margin:2.2rem auto 1rem;padding:1rem;border:1px solid var(--line,#293540);border-radius:18px;background:linear-gradient(145deg,rgba(17,25,34,.94),rgba(10,16,22,.97));box-shadow:0 18px 50px rgba(0,0,0,.12)}
.showcase-widget-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.showcase-widget-head h2{margin:.15rem 0 0;font-size:1.2rem}.showcase-widget-head .text-link{font-size:.78rem;white-space:nowrap}
.showcase-pro-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(360px,1fr);gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:.25rem}
.showcase-pro-banner{position:relative;display:block;min-height:150px;overflow:hidden;border:1px solid rgba(118,183,255,.3);border-radius:14px;background:#071018;color:#fff;scroll-snap-align:start;text-decoration:none}.showcase-pro-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.showcase-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,13,.92),rgba(3,8,13,.6) 58%,rgba(3,8,13,.12))}.showcase-banner-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:end;min-height:150px;padding:1rem;max-width:76%}.showcase-banner-copy small{color:#9ed0ff;font-size:.62rem;font-weight:900;letter-spacing:.08em}.showcase-banner-copy strong{margin:.25rem 0;font-size:1.28rem;line-height:1.1}.showcase-banner-copy span{font-size:.78rem;line-height:1.4;color:#d7e2ec}
.showcase-supporter-banner,.showcase-placeholder{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:.75rem;min-height:86px;padding:.6rem .85rem;border:1px solid rgba(94,230,168,.18);border-radius:13px;background:rgba(94,230,168,.035);text-decoration:none;color:inherit}.showcase-supporter-banner img{width:150px;aspect-ratio:4/1;object-fit:cover;border-radius:8px}.showcase-supporter-banner>span,.showcase-placeholder>span{display:grid;gap:.15rem}.showcase-supporter-banner small,.showcase-placeholder small{color:var(--muted,#91a5bb);font-size:.61rem;font-weight:800;letter-spacing:.06em}.showcase-supporter-banner strong,.showcase-placeholder strong{font-size:.93rem}.showcase-supporter-banner span span,.showcase-placeholder span span{color:var(--muted,#91a5bb);font-size:.74rem}.showcase-supporter-banner>b,.showcase-placeholder>b{font-size:.72rem;color:var(--accent,#5ee6a8);white-space:nowrap}.showcase-placeholder{grid-template-columns:minmax(0,1fr) auto;border-style:dashed;background:linear-gradient(100deg,rgba(255,196,92,.04),rgba(118,183,255,.035))}.showcase-placeholder>b{color:#edc56d}
.showcase-hero,.showcase-manage-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:1rem 0 1.5rem;border-bottom:1px solid var(--line-soft,var(--line))}.showcase-hero h1,.showcase-manage-head h1{margin:.3rem 0;font-size:clamp(2.25rem,5vw,4.4rem);letter-spacing:-.05em}.showcase-hero p,.showcase-manage-head p{max-width:760px;margin:.45rem 0 0;color:var(--muted,#91a5bb);line-height:1.65}
.showcase-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.showcase-directory-card{overflow:hidden;border:1px solid var(--line,#293540);border-radius:16px;background:var(--panel,#101820)}.showcase-directory-card.pro{border-color:rgba(118,183,255,.25)}.showcase-directory-card>a{display:block;color:inherit;text-decoration:none}.showcase-directory-visual{position:relative;aspect-ratio:4/1;overflow:hidden;background:#071018}.showcase-directory-visual img{width:100%;height:100%;object-fit:cover}.showcase-directory-visual .showcase-tier{position:absolute;top:.65rem;right:.65rem}.showcase-directory-copy{padding:1rem}.showcase-directory-copy h2{margin:0 0 .35rem}.showcase-directory-copy p{margin:0;color:var(--muted,#91a5bb);line-height:1.5}.showcase-directory-copy small{display:block;margin-top:.65rem;color:var(--muted,#91a5bb)}.showcase-empty{max-width:760px;margin:2rem auto;text-align:center;padding:2rem}.showcase-empty h2{margin:.45rem 0}.showcase-empty p{color:var(--muted,#91a5bb)}
.showcase-tier,.showcase-status{display:inline-flex;width:max-content;align-items:center;padding:.28rem .52rem;border-radius:999px;font-size:.62rem;font-weight:900;letter-spacing:.06em}.showcase-tier.supporter{color:#bff6db;border:1px solid rgba(94,230,168,.24);background:rgba(94,230,168,.08)}.showcase-tier.pro{color:#cfe7ff;border:1px solid rgba(118,183,255,.28);background:rgba(118,183,255,.09)}.showcase-status{border:1px solid var(--line,#293540);color:var(--muted,#91a5bb)}.showcase-status.pending{color:#ffe0a1;border-color:rgba(255,196,92,.3)}.showcase-status.approved{color:#bff6db;border-color:rgba(94,230,168,.3)}.showcase-status.rejected,.showcase-status.suspended{color:#ffc2ba;border-color:rgba(255,122,105,.3)}
.showcase-profile{max-width:1060px}.showcase-profile>article{margin-top:1rem;overflow:hidden;border:1px solid var(--line,#293540);border-radius:20px;background:var(--panel,#101820)}.showcase-profile-hero{position:relative;min-height:250px;background:#071018}.showcase-profile-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.showcase-profile-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,13,.94),rgba(3,8,13,.42) 72%,rgba(3,8,13,.12))}.showcase-profile-hero>div{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:end;min-height:250px;max-width:760px;padding:clamp(1.4rem,4vw,2.5rem);color:#fff}.showcase-profile-hero h1{margin:.55rem 0 .35rem;font-size:clamp(2.1rem,5vw,4rem);letter-spacing:-.05em}.showcase-profile-hero p{margin:0;color:#dce7ef;font-size:1.05rem;line-height:1.55}.showcase-profile-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1rem;padding:clamp(1.2rem,3vw,2rem)}.showcase-profile-body>section{grid-column:1}.showcase-prose{margin-top:.65rem;color:#cbd6e1;line-height:1.75;white-space:normal}.showcase-profile-contact{grid-column:2;grid-row:1/span 2;padding:1rem;border:1px solid var(--line,#293540);border-radius:14px;background:#0b1219;align-self:start}.showcase-profile-contact h2{margin:0 0 .8rem}.showcase-contact-detail{display:grid;gap:.2rem;margin:.75rem 0}.showcase-contact-detail span,.showcase-profile-contact>small{color:var(--muted,#91a5bb);font-size:.72rem}.showcase-contact-link{color:inherit;font-weight:700;overflow-wrap:anywhere;text-decoration-color:rgba(94,230,168,.45);text-underline-offset:.2em}.showcase-contact-actions{display:grid;gap:.5rem;margin-top:.85rem}.showcase-profile-contact .showcase-contact-actions .button{width:100%;margin:0}.showcase-whatsapp{border-color:#25d366!important;background:#25d366!important;color:#07120b!important}.showcase-profile-contact>small{display:block;margin-top:1rem;line-height:1.45}
.showcase-control-preview .page-heading{align-items:flex-end}.showcase-control-preview .admin-primary-actions{display:flex;gap:.55rem;flex-wrap:wrap}.showcase-admin-preview-profile{max-width:1060px;margin:0 auto}.showcase-admin-preview-profile>article{margin-top:1rem}
.showcase-manage,.showcase-admin-edit{max-width:1050px}.showcase-plan-card{max-width:760px;margin:1.5rem auto;padding:1.5rem}.showcase-plan-card h2{margin:.65rem 0}.showcase-plan-card p,.showcase-plan-card li{color:var(--muted,#91a5bb);line-height:1.6}.showcase-status-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0}.showcase-status-card>div{display:grid;gap:.3rem}.showcase-status-card p{margin:0;color:var(--muted,#91a5bb);font-size:.8rem}.showcase-form,.showcase-admin-form{display:grid;gap:1rem;margin-top:1rem}.showcase-form .panel,.showcase-admin-form .panel{display:grid;gap:.85rem}.showcase-form label,.showcase-admin-form label{display:grid;gap:.35rem}.showcase-form label small,.showcase-admin-form label small{color:var(--muted,#91a5bb)}.showcase-form-preview{width:100%;aspect-ratio:4/1;object-fit:cover;border:1px solid var(--line,#293540);border-radius:12px;background:#071018}.showcase-file{padding:1rem;border:1px dashed var(--line,#293540);border-radius:12px}.showcase-pro-note{display:flex;align-items:center;gap:.75rem;padding:.8rem;border:1px solid rgba(118,183,255,.18);border-radius:12px;color:var(--muted,#91a5bb)}.showcase-pro-note strong{color:#9ed0ff}.showcase-review-note{border-color:rgba(255,196,92,.18)!important}.showcase-review-note p{margin:0;color:var(--muted,#91a5bb)}.showcase-form-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:1rem}
.showcase-admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-toggle{display:flex!important;align-items:center;gap:.5rem}.showcase-toggle input{width:auto}.showcase-whatsapp-toggle{align-items:flex-start!important}.showcase-whatsapp-toggle>span{display:grid;gap:.2rem}.showcase-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;align-items:end}.showcase-settings label{display:flex;align-items:center;gap:.45rem;font-size:.82rem}.showcase-settings label:last-of-type{display:grid}.showcase-settings input[type=checkbox]{width:auto}.showcase-admin-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.8rem;align-items:end;margin-top:1rem}.showcase-admin-filters label{display:grid;gap:.3rem}.showcase-admin-banner{display:flex;align-items:center;gap:.7rem;min-width:250px}.showcase-admin-banner img{width:110px;aspect-ratio:4/1;object-fit:cover;border-radius:7px;background:#071018}.showcase-admin-banner div{display:grid;gap:.25rem}.showcase-admin-banner small{color:var(--muted,#91a5bb)}.showcase-admin-table td{vertical-align:middle}.showcase-admin-table td>small{display:block;margin-top:.3rem;color:var(--muted,#91a5bb)}
@media(max-width:900px){.showcase-directory{grid-template-columns:1fr}.showcase-profile-body{grid-template-columns:1fr}.showcase-profile-contact{grid-column:1;grid-row:auto}.showcase-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-admin-filters{grid-template-columns:1fr 1fr}.showcase-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.showcase-widget{width:calc(100% - 1rem);padding:.75rem}.showcase-widget-head,.showcase-hero,.showcase-manage-head,.showcase-status-card{align-items:flex-start;flex-direction:column}.showcase-pro-strip{grid-auto-columns:88%}.showcase-pro-banner,.showcase-banner-copy{min-height:132px}.showcase-banner-copy{max-width:88%}.showcase-supporter-banner{grid-template-columns:90px minmax(0,1fr)}.showcase-supporter-banner img{width:90px}.showcase-supporter-banner>b{grid-column:2}.showcase-placeholder{grid-template-columns:1fr}.showcase-settings,.showcase-admin-filters{grid-template-columns:1fr}.showcase-form-actions{flex-direction:column}.showcase-form-actions .button{width:100%}.showcase-profile-hero,.showcase-profile-hero>div{min-height:220px}.showcase-admin-banner img{width:80px}}
@media(prefers-reduced-motion:reduce){.showcase-pro-strip{scroll-behavior:auto!important}}