/* Shared Lynko presentation. Public creator themes keep their own styles. */
.lk-shell.lk-design {
  --lk-shell-max: 1240px;
  --lk-design-ink: #14253d;
  --lk-design-muted: #59677b;
  --lk-design-canvas: #f5f7fa;
  --lk-design-line: #dfe5ed;
  --lk-design-lime: #d5f564;
  --lk-shell-border: var(--lk-design-line);
  --lk-shell-border-strong: #b9c6d6;
  --lk-shell-muted: var(--lk-design-muted);
  --lk-shell-ink: var(--lk-design-ink);
  --lk-shell-heading: var(--lk-design-ink);
  --lk-shell-panel: #fff;
  --lk-shell-soft: #eef2f7;
  --lk-shell-green: #24466b;
  --lk-shell-green-dark: var(--lk-design-ink);
  --lk-shell-yellow: var(--lk-design-lime);
  --lk-shell-shadow: 0 14px 40px #14253d12;
  --lk-app-bg: var(--lk-design-canvas);
  --lk-app-panel: #fff;
  --lk-app-soft: #eef2f7;
  --lk-app-border: var(--lk-design-line);
  --lk-app-border-strong: #b9c6d6;
  --lk-app-ink: var(--lk-design-ink);
  --lk-app-muted: var(--lk-design-muted);
  --lk-app-green: #24466b;
  --lk-app-green-dark: var(--lk-design-ink);
  --lk-app-lime: var(--lk-design-lime);
  --lk-app-shadow: 0 8px 28px #14253d0a;
  --focus: #3768a0;
  color: var(--lk-design-ink);
  background: var(--lk-design-canvas);
}
.lk-shell.lk-design .main { background: var(--lk-design-canvas); }
.lk-shell.lk-design.is-authenticated .main { background: var(--lk-design-canvas); }
.lk-design .main-inner { min-width: 0; }
.lk-shell.lk-design .header {
  background: #ffffff !important;
  border-bottom-color: var(--lk-design-line);
  box-shadow: none;
  backdrop-filter: none;
}
.lk-design .header::after { display: none; }
.lk-design .header-inner { min-height: 76px; }
.lk-design .brand img { height: 40px; filter: none; }
.lk-design .brand .title:not(:empty), .lk-design.is-authenticated .lk-app-env {
  border: 1px solid var(--lk-design-line);
  background: #f5f7fa;
  color: var(--lk-design-muted);
  font-size: 11px;
  font-weight: 500;
}
.lk-design .menu > li > a, .lk-design .menu > li > button.menu-trigger {
  font-size: 14px;
  font-weight: 500;
  border-radius: 9px;
  min-height: 42px;
}
.lk-design .menu > li > a:hover, .lk-design .menu > li > button.menu-trigger:hover {
  background: #f0f3f7;
  border-color: transparent;
  box-shadow: none;
}
.lk-shell.lk-design .menu > li > a.nav-action-primary,
.lk-shell.lk-design .menu > li.lk-create-menu > button.menu-trigger {
  color: #fff;
  background: var(--lk-design-ink);
  border-color: var(--lk-design-ink);
  box-shadow: none;
  font-weight: 700;
}
.lk-design .dropdown, .lk-design .footer-more-menu {
  border-color: var(--lk-design-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 48px #14253d24;
}
.lk-design .dropdown a { border-radius: 8px; }
.lk-design .dropdown a:hover { background: #f0f3f7; }
.lk-design .dropdown .drop-desc { color: var(--lk-design-muted); font-weight: 400; }
.lk-shell.lk-design .mobile-menu-toggle {
  border: 1px solid var(--lk-design-line);
  border-radius: 10px;
  color: var(--lk-design-ink);
  background: #fff;
  box-shadow: none;
}
.lk-shell.lk-design .footer {
  border-top-color: var(--lk-design-line);
  background: #fff !important;
  box-shadow: none;
}
.lk-design .footer-inner { color: var(--lk-design-muted); }
.lk-shell.lk-design .footer-logo { color: var(--lk-design-ink); font-weight: 700; }
.lk-shell.lk-design .footer-links > a, .lk-shell.lk-design .footer-more > summary {
  border-color: transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--lk-design-muted);
  font-weight: 500;
  box-shadow: none;
}
.lk-design .footer-links > a:hover, .lk-design .footer-more > summary:hover { color: var(--lk-design-ink); background: #f0f3f7; }

/* Persistent navigation puts everyday tasks before optional tools. */
.lk-shell.lk-design.is-authenticated .lk-app-sidebar {
  background: #fff;
  border-right-color: var(--lk-design-line);
  box-shadow: none;
}
.lk-design.is-authenticated .lk-app-nav-link,
.lk-design.is-authenticated .lk-app-nav-summary {
  min-height: 44px;
  color: #4d5c70;
  font-size: 14px;
  font-weight: 500;
  border-radius: 9px;
  line-height: 1.35;
}
.lk-design.is-authenticated .lk-app-nav-link:hover,
.lk-design.is-authenticated .lk-app-nav-summary:hover {
  color: var(--lk-design-ink);
  background: #f1f4f8;
  border-color: transparent;
  box-shadow: none;
}
.lk-design.is-authenticated .lk-app-nav-link.is-active,
.lk-design.is-authenticated .lk-app-nav-group.is-active > .lk-app-nav-summary,
.lk-design.is-authenticated .lk-app-nav-sub .lk-app-nav-link.is-active {
  color: var(--lk-design-ink);
  background: #edf3df;
  border-color: #dce7c7;
  font-weight: 700;
}
.lk-design.is-authenticated .lk-app-nav-sub .lk-app-nav-link { font-weight: 400; line-height: 1.4; }
.lk-design.is-authenticated .lk-app-upgrade-card {
  background: #f4f6fa;
  color: var(--lk-design-ink);
  border: 1px solid var(--lk-design-line);
  border-radius: 12px;
  box-shadow: none;
  padding: 16px;
}
.lk-design.is-authenticated .lk-app-upgrade-card > span { color: var(--lk-design-muted); font-weight: 400; }
.lk-design.is-authenticated .lk-app-upgrade-icon { background: var(--lk-design-lime); color: var(--lk-design-ink); box-shadow: none; }
.lk-design.is-authenticated .lk-app-upgrade-btn { background: var(--lk-design-ink); color: #fff; border: 0; box-shadow: none; border-radius: 8px; }
.lk-design.is-authenticated .lk-app-topbar-kicker { color: var(--lk-design-muted); font-weight: 500; letter-spacing: .08em; }
.lk-design.is-authenticated .lk-app-topbar-title { color: var(--lk-design-ink); font-weight: 700; }
.lk-design.is-authenticated .lk-app-sidebar-pref-toggle { background: #f1f4f8; color: #4d5c70; border-color: var(--lk-design-line); box-shadow: none; }

/* Form, page and table primitives shared by the existing workspaces. */
.lk-design .lk-page-shell {
  --lk-page-bg: var(--lk-design-canvas);
  --lk-page-surface: #fff;
  --lk-page-soft: #f4f6fa;
  --lk-page-line: var(--lk-design-line);
  --lk-page-line-strong: #b9c6d6;
  --lk-page-ink: var(--lk-design-ink);
  --lk-page-muted: var(--lk-design-muted);
  --lk-page-green: #24466b;
  --lk-page-green-strong: var(--lk-design-ink);
  --lk-page-lime: var(--lk-design-lime);
  --lk-page-shadow: 0 4px 20px #14253d08;
  gap: 22px;
}
.lk-design .lk-page-header:not(.lk-page-header--appbar) {
  padding: 12px 0 22px;
  border: 0;
  border-bottom: 1px solid var(--lk-design-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.lk-design .lk-page-header__crumb { color: #66778b; font-weight: 500; }
.lk-design .lk-page-header h1 { letter-spacing: -.035em; font-weight: 700; }
.lk-design .lk-page-header p { font-weight: 400; }
.lk-design :is(.lk-limit-panel, .lk-surface-card, .lk-content-card, .lk-panel, .lk-sl-card) {
  border-color: var(--lk-design-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 20px #14253d06;
}
.lk-design .lk-limit-panel--usage-only { border: 0; background: transparent; box-shadow: none; }
.lk-design :is(.lk-page-btn, .lk-tabs-row a) { font-weight: 500; border-radius: 8px; }
.lk-design .lk-page-btn--primary { color: #fff; background: var(--lk-design-ink); border-color: var(--lk-design-ink); box-shadow: none; }
.lk-design .lk-page-btn--primary:hover { color: #fff; background: #294664; border-color: #294664; }
.lk-design .lk-page-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]), select, textarea) {
  border-color: #bac7d7;
  border-radius: 8px;
  box-shadow: none;
  font-weight: 400;
}
.lk-design .lk-page-shell :is(input, select, textarea):focus-visible {
  outline: 3px solid #3768a033;
  outline-offset: 1px;
  border-color: #3768a0;
}
.lk-design :is(.lk-sl-heroGlow, .lk-qr-heroGlow) { display: none; }
.lk-design :is(.lk-sl-head, .lk-qr-head) { background: #fff; border-bottom-color: var(--lk-design-line); }
.lk-design .lk-sl-field { background: #f8fafc; border-color: var(--lk-design-line); border-radius: 10px; }
.lk-design .lk-sl-field:focus-within { transform: none; box-shadow: 0 0 0 3px #3768a012; border-color: #9eb6d0; }
.lk-design .lk-page-shell table { border-color: var(--lk-design-line); }
.lk-design .lk-page-shell th { background: #f1f4f8; color: #526176; font-weight: 500; }
.lk-design .lk-page-shell td { border-color: #e9edf3; }

.lk-shell.lk-design.is-authenticated :where(.text-bubble,.lk-cards-page,.lk-campaigns,.lk-poll-create,#lk-an-page,.lk-qr-page,.lk-sub-page,.lk-profile-wrap) {
  background: #fff;
  border-color: var(--lk-design-line);
  box-shadow: 0 4px 20px #14253d06;
}
.lk-design .lk-tabs-row { background: #fff; border-color: var(--lk-design-line); box-shadow: none; }
.lk-design .lk-tabs-row a.is-active { background: #edf3df; color: var(--lk-design-ink); border-color: #dce7c7; }
.lk-design .text-bubble.lk-create { background: #fff; border-color: var(--lk-design-line); box-shadow: none; border-radius: 14px; }
.lk-design .text-bubble.lk-create::before { background: var(--lk-design-lime); height: 3px; }
.lk-design .lk-checklist-builder .lk-step { background: #fff; border-color: var(--lk-design-line); border-radius: 12px; box-shadow: none; }
.lk-design .lk-checklist-builder .lk-step-head { background: #f5f7fa; color: var(--lk-design-ink); }
.lk-design .lk-builder-status { border-color: var(--lk-design-line); box-shadow: none; }
.lk-design .lk-qr :is(.card, .lk-create, .lk-qr-previewPanel, .lk-qr-styleLab) { background: #fff; border-color: var(--lk-design-line); box-shadow: none; border-radius: 12px; }
.lk-design .lk-qr .lk-qr-createFields { background: #fff; }
.lk-design .lk-qr .lk-qr-statbar { background: #f4f6fa; border-color: var(--lk-design-line); box-shadow: none; }
.lk-design .lk-qr .lk-qr-stat strong { color: var(--lk-design-ink); }
.lk-design .lk-qr .lk-qr-stat :is(small, em) { color: var(--lk-design-muted); }
.lk-design .lk-qr .lk-qr-statIcon { background: #e8edf4; color: #405d7e; }
.lk-design .lk-qr .lk-qr-stat { border-color: var(--lk-design-line); }
.lk-shell.lk-design.is-authenticated :where(.btn.lemon, .lk-an-btn.primary, .lk-profile-button.is-primary, .lk-qr-actionPrimary),
.lk-shell.lk-design .lk-qr .btn2.primary {
  background: #14253d !important;
  color: #fff !important;
  border-color: #14253d !important;
  box-shadow: none !important;
}

/* Existing plan selection and checkout controls retain their behavior. */
.lk-design .lk-pricing-redesign {
  --pricing-green: #24466b;
  --pricing-green-strong: #14253d;
  --pricing-mint: #587697;
  --pricing-border: #dfe5ed;
}
.lk-design .lk-pricing-redesign .lk-subscribe-hero { background: #fff; border-color: var(--lk-design-line); box-shadow: none; border-radius: 16px; }
.lk-design .lk-pricing-redesign .lk-subscribe-hero h1 { color: var(--lk-design-ink); letter-spacing: -.035em; }
.lk-design .lk-pricing-redesign .lk-currency-guide { background: #fff; border-color: var(--lk-design-line); box-shadow: none; border-radius: 12px; }
.lk-design .lk-plans-wrap {
  --ink: #14253d;
  --muted: #59677b;
  --lime: #d5f564;
  --lemon: #e6f7bc;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.lk-design .lk-plans-wrap::before, .lk-design .lk-plans-wrap::after { display: none; animation: none; }
.lk-design .lk-plans-wrap :is(.lk-usecase-panel, .lk-pricing-panel, .lk-compare-panel, .lk-accordion-panel, .lk-included-panel, .lk-notes) {
  border: 1px solid var(--lk-design-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: none;
}
.lk-design .lk-plans-wrap .lk-hero-note { background: #edf3df; border-color: #dce7c7; box-shadow: none; color: var(--lk-design-ink); font-weight: 500; }
.lk-design .lk-plans-wrap .lk-usecase { border-radius: 10px; background: #f8fafc; border-color: var(--lk-design-line); box-shadow: none; }
.lk-design .lk-plans-wrap .lk-usecase.is-active { border-color: #8aa362; background: #f2f7e7; box-shadow: 0 0 0 1px #8aa362; }
.lk-design .lk-plans-wrap .lk-usecase.is-active strong { color: var(--lk-design-ink); }
.lk-design .lk-plans-wrap .lk-usecase-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; }
.lk-design .lk-plans-wrap .lk-usecase { width: auto; min-width: 0; min-height: 60px; max-width: none; white-space: normal; }
.lk-design .lk-plans-wrap .lk-usecase strong { white-space: normal; overflow-wrap: anywhere; }
.lk-design .lk-plans-wrap .lk-title { color: var(--lk-design-ink); }
.lk-design .lk-plans-wrap .lk-card { border: 1px solid var(--lk-design-line); border-radius: 14px; background: #fff; box-shadow: none; }
.lk-design .lk-plans-wrap .lk-card.is-recommended { border-color: #7b914e; box-shadow: 0 0 0 1px #7b914e; }
.lk-design .lk-plans-wrap .lk-card-recommend { background: var(--lk-design-lime); color: var(--lk-design-ink); }
.lk-design .lk-plans-wrap .lk-price { color: var(--lk-design-ink); letter-spacing: -.04em; }
.lk-design .lk-plans-wrap .lk-step { color: #627389; font-weight: 500; }
.lk-design .lk-plans-wrap .btn.solid { background: var(--lk-design-ink); color: #fff; border-color: var(--lk-design-ink); box-shadow: none; }
.lk-design .lk-plans-wrap .btn.ghost { background: #fff; color: var(--lk-design-ink); border-color: #bac7d7; box-shadow: none; }
.lk-design .lk-plans-wrap .lk-ready-panel { background: #14253d; color: #fff; border: 0; box-shadow: none; border-radius: 16px; }
.lk-design .lk-plans-wrap .lk-ready-panel :is(h2,h3,p) { color: #fff; }
.lk-design .lk-plans-wrap .lk-ready-panel .btn.solid { background: var(--lk-design-lime); color: var(--lk-design-ink); border-color: var(--lk-design-lime); }

@media (max-width: 920px) {
  .lk-design .header-inner { min-height: 64px; }
  .lk-design .brand img { height: 36px; }
  .lk-design.is-authenticated .lk-app-sidebar { box-shadow: 10px 0 40px #14253d22; }
  .lk-design .lk-plans-wrap .lk-usecase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .lk-design .lk-page-shell { width: min(100%, calc(100vw - 20px)); padding: 14px 10px; gap: 16px; }
  .lk-design .lk-page-header:not(.lk-page-header--appbar) { padding-bottom: 16px; }
  .lk-design .lk-page-header h1 { font-size: 28px; }
  .lk-design .lk-page-header p { font-size: 14px; }
  .lk-design .lk-page-btn { white-space: normal; min-height: 44px; line-height: 1.3; padding-block: 10px; }
  .lk-design .lk-plans-wrap :is(.lk-usecase-panel, .lk-pricing-panel, .lk-compare-panel, .lk-accordion-panel) { border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .lk-design *, .lk-design *::before, .lk-design *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}