/* keystoneseller brand refresh — local, dependency-free visual layer. */
:root {
  color-scheme: light;
  --ks-navy-950:#020b14; --ks-navy-900:#061424; --ks-navy-800:#0b2038;
  --ks-blue-600:#087cf0; --ks-blue-500:#168cff; --ks-blue-400:#55adff;
  --ks-ice:#edf7ff; --ks-paper:#f7fafc; --ks-white:#fff;
  --d-bg:#f5f9fd; --d-bg-2:#edf5fb; --d-surface:#fff; --d-surface-2:#e9f3fb;
  --d-border:rgba(9,55,91,.13); --d-text:#07182a; --d-muted:#5c7084;
  --d-accent:#087cf0; --d-accent-2:#20a4ff; --d-mint:#087cf0;
  --d-gradient:linear-gradient(135deg,#087cf0 0%,#22a5ff 100%);
  --l-bg:#f5f9fd; --l-surface:#fff; --l-border:#dce8f1; --l-text:#07182a;
  --l-muted:#607487; --l-primary:#087cf0; --l-primary-2:#22a5ff;
  --k-primary:#087cf0; --k-primary-2:#22a5ff; --k-primary-soft:#e5f4ff;
  --k-bg:#f3f8fc; --k-surface:#fff; --k-card:#fff; --k-card2:#eaf4fb;
  --k-border:#d9e7f1; --k-border2:#bcd5e7; --k-text:#07182a; --k-text2:#536b80; --k-muted:#7890a3;
  --ks-primary:#087cf0; --ks-primary-strong:#006bd5; --ks-primary-soft:#e5f4ff;
  --ks-bg:#f5f9fd; --ks-surface:#fff; --ks-surface-muted:#eaf4fb;
  --ks-text:#07182a; --ks-muted:#607487; --ks-border:#d9e7f1; --ks-focus:#168cff;
  --shadow-sm:0 3px 14px rgba(6,38,66,.06); --shadow-md:0 16px 38px rgba(6,38,66,.10);
  --shadow-lg:0 28px 70px rgba(6,38,66,.15); --glow:0 0 0 1px rgba(8,124,240,.18),0 18px 50px rgba(8,124,240,.24);
  --az-commerce-bg:url('../images/backgrounds/keystoneseller-commerce-light.png');
  --az-commerce-overlay:linear-gradient(90deg,rgba(245,249,253,.58),rgba(255,255,255,.88) 48%,rgba(245,249,253,.72));
}

/* Solid, accessible keystoneseller wordmark in both color schemes. */
.keystoneseller-wordmark {
  background: none !important;
  color: #c7d2fe !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
html[data-theme="light"] .keystoneseller-wordmark { color: #4338ca !important; }
html[data-theme="dark"] {
  color-scheme:dark;
  --d-bg:#020b14; --d-bg-2:#061424; --d-surface:#0a1a2c; --d-surface-2:#0e2741;
  --d-border:rgba(107,183,255,.16); --d-text:#f4f9fd; --d-muted:#91aabd;
  --d-accent:#168cff; --d-accent-2:#55adff; --d-gradient:linear-gradient(135deg,#087cf0,#31a9ff);
  --l-bg:#020b14; --l-surface:#0a1a2c; --l-border:#18354d; --l-text:#f4f9fd; --l-muted:#91aabd;
  --k-primary:#3da7ff; --k-primary-2:#087cf0; --k-primary-soft:rgba(22,140,255,.15);
  --k-bg:#020b14; --k-surface:#071727; --k-card:#0a1a2c; --k-card2:#0d2237;
  --k-border:#17344c; --k-border2:#245171; --k-text:#f4f9fd; --k-text2:#a9bfd0; --k-muted:#718ca2;
  --ks-bg:#020b14; --ks-surface:#071727; --ks-surface-muted:#0d2237;
  --ks-text:#f4f9fd; --ks-muted:#a2b8c9; --ks-border:#17344c; --ks-primary-soft:rgba(22,140,255,.15);
  --shadow-sm:0 4px 18px rgba(0,0,0,.22); --shadow-md:0 18px 44px rgba(0,0,0,.32); --shadow-lg:0 30px 80px rgba(0,0,0,.42);
  --az-commerce-bg:url('../images/backgrounds/keystoneseller-commerce-dark.png');
  --az-commerce-overlay:linear-gradient(90deg,rgba(2,11,20,.46),rgba(2,11,20,.82) 52%,rgba(2,11,20,.60));
}
body { background:var(--d-bg); color:var(--d-text); }
.nav-modern { padding:14px 0; }
.nav-modern.scrolled, html[data-theme="dark"] .nav-modern.scrolled { background:color-mix(in srgb,var(--d-bg) 84%,transparent); border-color:var(--d-border); }
.nav-brand img { border-radius:0; box-shadow:none; }
.keystoneseller-logo { width:34px !important; height:34px !important; aspect-ratio:1; object-fit:contain !important; object-position:center; transform:none !important; background:transparent !important; border-radius:0 !important; box-shadow:none !important; flex:0 0 auto; }
.keystoneseller-wordmark {
  display:inline-block; direction:ltr; font-weight:900; letter-spacing:.015em;
  background:linear-gradient(100deg,#f025e8 0%,#7b22ff 42%,#087cf0 72%,#12cfee 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
.ps-brand-logo { width:34px; height:34px; aspect-ratio:1; object-fit:contain !important; object-position:center; transform:none !important; background:transparent; border-radius:0 !important; flex:0 0 auto; }
.auth-brand-logo { aspect-ratio:1; object-fit:contain !important; object-position:center; transform:none !important; background:transparent !important; border-radius:0 !important; }
.keystone-logo { display:flex !important; align-items:center; gap:10px; }
.keystone-logo .keystoneseller-logo { width:38px !important; height:38px !important; }
.keystone-logo .keystoneseller-wordmark { font-size:1.15rem; }
.nav-links a,.btn-ghost { color:var(--d-muted); }
.nav-links a:hover,.nav-links a.active { color:var(--d-text); background:color-mix(in srgb,var(--d-accent) 12%,transparent); }
.hero-modern {
  background-image:var(--az-commerce-overlay),var(--az-commerce-bg);
  background-position:center; background-size:cover; background-repeat:no-repeat;
}
.hero-orb.o1,.hero-orb.o2,.hero-orb.o3 { background:#087cf0; }
.hero-bg-grid { background-image:linear-gradient(rgba(8,124,240,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,124,240,.055) 1px,transparent 1px); }
.glass-panel,.feature-card,.tpl-card,.step-card { border-color:var(--d-border); background:var(--d-surface); box-shadow:var(--shadow-md); }
.feature-card:hover,.tpl-card:hover,.step-card:hover { border-color:color-mix(in srgb,var(--d-accent) 55%,var(--d-border)); box-shadow:var(--shadow-lg); }
.feature-icon { background:linear-gradient(145deg,color-mix(in srgb,var(--d-accent) 18%,var(--d-surface)),color-mix(in srgb,var(--d-accent) 7%,var(--d-surface))); border:1px solid color-mix(in srgb,var(--d-accent) 28%,transparent); }
.ks-local-icon { width:26px; height:26px; display:inline-block; fill:var(--d-accent); stroke:var(--d-accent); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ks-local-icon .cut { fill:none; stroke:var(--d-surface); stroke-width:1.8; }
.feature-icon .ks-local-icon { width:34px; height:34px; }
.ks-icon-inline { width:1.15em; height:1.15em; vertical-align:-.2em; margin-inline:4px; }
.ps-brand-badge { background:linear-gradient(145deg,#168cff,#006bd5); box-shadow:0 8px 22px rgba(8,124,240,.28); }
.ps-link.active { background:linear-gradient(135deg,#087cf0,#159bff); box-shadow:0 9px 24px rgba(8,124,240,.27); }
.ps-sidebar,.ps-topbar { backdrop-filter:blur(18px); }
.theme-toggle,.ps-theme-toggle { border-color:var(--d-border); background:var(--d-surface); color:var(--d-accent); }
.btn-modern,.ks-btn,.ks-button { border-radius:13px; }
input,select,textarea { border-color:var(--d-border) !important; background:var(--d-surface) !important; color:var(--d-text) !important; }
.login-container,.register-container,.select-header,.ks-overview-hero,.cta-band,.stats-band {
  background-image:linear-gradient(135deg,rgba(6,20,36,.90),rgba(8,124,240,.68)),var(--az-commerce-bg) !important;
  background-position:center !important; background-size:cover !important; background-repeat:no-repeat !important;
}
html[data-theme="light"] .login-container,html[data-theme="light"] .register-container {
  background-image:linear-gradient(135deg,rgba(247,251,255,.80),rgba(220,241,255,.72)),var(--az-commerce-bg) !important;
}

/* Final contrast/alignment pass: shared brand, light mode and homepage bands. */
.nav-brand {
  direction:rtl;
  flex-wrap:nowrap;
  white-space:nowrap;
  gap:8px !important;
}
.nav-brand .keystoneseller-wordmark,
.footer-brand-link .keystoneseller-wordmark,
.logo-container .keystoneseller-wordmark {
  direction:ltr;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:none !important;
  text-shadow:none !important;
}
html[data-theme="light"] .nav-brand .keystoneseller-wordmark,
html[data-theme="light"] .footer-brand-link .keystoneseller-wordmark,
html[data-theme="light"] .logo-container .keystoneseller-wordmark {
  color:#0b2f55 !important;
  -webkit-text-fill-color:#0b2f55 !important;
}
html[data-theme="light"] body { color:#07182a; }
html[data-theme="light"] .section-head p,
html[data-theme="light"] .feature-card p,
html[data-theme="light"] .step-card p,
html[data-theme="light"] .tpl-body p,
html[data-theme="light"] .footer-modern p { color:#344b60 !important; }
.stats-band .s b,
.stats-band .s span { color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,.35); }
html[data-theme="light"] .stats-band .s b,
html[data-theme="light"] .stats-band .s span { color:#fff !important; }
.client-marquee {
  padding-block:18px !important;
  background:linear-gradient(90deg,#075fb8 0%,#087cf0 42%,#159bff 72%,#075fb8 100%) !important;
  border-block:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(2,11,20,.18);
}
.client-marquee .item,
.client-marquee .item i {
  color:#fff !important;
  opacity:1 !important;
  text-shadow:0 1px 3px rgba(0,28,62,.32);
}
html[data-theme="dark"] .client-marquee {
  background:linear-gradient(90deg,#06345f 0%,#075fae 40%,#087cf0 72%,#06345f 100%) !important;
}

/* New brand assets stay crisp and balanced in the light theme. */
html[data-theme="light"] :is(.nav-modern,.footer-modern,.ps-sidebar,.auth-card) :is(.keystoneseller-logo,.ps-brand-logo,.auth-brand-logo)[src*="keystoneseller-k-logo.png"] {
  filter:drop-shadow(0 5px 10px rgba(22,76,190,.22)) saturate(1.08);
}
.hero-insight-card img[src*="keystone-avatar.png"] {
  object-fit:cover;
  object-position:center;
  padding:2px;
  border-radius:14px;
  background:#070514;
  border:1px solid rgba(109,95,255,.34);
}
html[data-theme="light"] .hero-insight-card img[src*="keystone-avatar.png"] {
  border-color:rgba(73,76,205,.28);
  box-shadow:0 7px 16px rgba(49,57,145,.2);
}
html[data-theme="light"] .client-marquee:has(.marquee-avatar) {
  background:linear-gradient(90deg,#07559f 0%,#087cf0 36%,#159bff 68%,#07559f 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(2,40,82,.24),0 8px 22px rgba(8,91,172,.14);
}
html[data-theme="light"] .marquee-track .marquee-avatar {
  border-color:rgba(255,255,255,.92);
  background:#070514;
  box-shadow:0 0 0 4px rgba(255,255,255,.16),0 7px 16px rgba(2,42,92,.25);
}

/* Auth pages: clean white navbar with strong, consistent contrast. */
body:has(.login-container) .nav-modern,
body:has(.register-container) .nav-modern,
html[data-theme="dark"] body:has(.login-container) .nav-modern,
html[data-theme="dark"] body:has(.register-container) .nav-modern {
  background:#fff !important;
  border-bottom:1px solid #d9e7f1 !important;
  box-shadow:0 8px 28px rgba(6,38,66,.12) !important;
  backdrop-filter:none !important;
}
body:has(.login-container) .nav-links a,
body:has(.register-container) .nav-links a,
html[data-theme="dark"] body:has(.login-container) .nav-links a,
html[data-theme="dark"] body:has(.register-container) .nav-links a {
  color:#314b63 !important;
  -webkit-text-fill-color:#314b63 !important;
  text-shadow:none !important;
}
body:has(.login-container) .nav-links a:hover,
body:has(.register-container) .nav-links a:hover,
body:has(.login-container) .nav-links a.active,
body:has(.register-container) .nav-links a.active {
  color:#075fb8 !important;
  -webkit-text-fill-color:#075fb8 !important;
  background:#e5f4ff !important;
}
body:has(.login-container) .nav-brand .keystoneseller-wordmark,
body:has(.register-container) .nav-brand .keystoneseller-wordmark,
html[data-theme="dark"] body:has(.login-container) .nav-brand .keystoneseller-wordmark,
html[data-theme="dark"] body:has(.register-container) .nav-brand .keystoneseller-wordmark {
  color:#0b2f55 !important;
  -webkit-text-fill-color:#0b2f55 !important;
}
body:has(.login-container) .theme-toggle,
body:has(.register-container) .theme-toggle,
body:has(.login-container) .nav-burger,
body:has(.register-container) .nav-burger {
  color:#0b2f55 !important;
  background:#f5f9fd !important;
  border-color:#bfd2e2 !important;
}
.marquee-track { gap:0 !important; }
.marquee-track::after { content:none !important; padding:0 !important; }
.marquee-track .item { flex:0 0 auto; }
.marquee-track .marquee-avatar {
  width:46px;
  height:46px;
  margin-inline:24px !important;
  padding:3px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:rgba(5,19,48,.82);
  box-shadow:0 0 0 4px rgba(255,255,255,.1),0 7px 18px rgba(0,20,56,.28);
}
.marquee-track .marquee-avatar img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
}
@media (prefers-reduced-motion:reduce) { .marquee-track { animation-play-state:paused; } }

/* Small visual QA fixes shared across public pages. */
.stats-band { padding:42px 32px !important; gap:22px !important; }
input:focus-visible,select:focus-visible,textarea:focus-visible,
button:focus-visible,a:focus-visible {
  outline:3px solid color-mix(in srgb,var(--d-accent) 42%,transparent);
  outline-offset:3px;
}
.meta-row,.contact-item,.contact-item a,.identity {
  overflow-wrap:anywhere;
  word-break:break-word;
}
html[data-theme="light"] .templates-hero p,
html[data-theme="light"] .template-desc,
html[data-theme="light"] .template-footer,
html[data-theme="light"] .category-chips .sub-label { color:#40586d !important; }
html[data-theme="light"] .nav-links a,
html[data-theme="light"] .footer-modern ul a,
html[data-theme="light"] .footer-modern .f-contact,
html[data-theme="light"] .empty-state p { color:#263f55 !important; }
html[data-theme="dark"] .nav-actions .btn-ghost,
html[data-theme="dark"] .nav-actions .btn-ghost * { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Pricing typography: labels are separate rows and never collide. */
.price-card { padding:34px 28px !important; }
.price-card h3 { margin:0 0 12px !important; line-height:1.6; }
.price-card .amount {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin:8px 0 6px !important;
  line-height:1.25;
}
.price-card .amount small {
  display:block;
  margin:0 !important;
  line-height:1.8;
}
.price-card ul { margin:20px 0 24px !important; }
.price-card.popular .amount small,
.price-card.popular ul li { color:rgba(255,255,255,.88) !important; }
html[data-theme="light"] .price-card:not(.popular) .amount small { color:#40586d !important; }
@media (max-width:760px) {
  .stats-band { padding:28px 18px !important; gap:16px !important; }
  .stats-band .s b { font-size:30px !important; }
  .marquee-track { animation-duration:28s !important; }
  .marquee-track .marquee-avatar { width:40px; height:40px; margin-inline:18px !important; }
  .footer-modern .f-grid { row-gap:24px !important; }
  .price-card { padding:30px 22px !important; }
}

/* Public templates and marketplace: force the shared blue accent over legacy purple rules. */
.templates-hero .eyebrow,
.templates-hero .category-chips .active,
.templates-hero .market-search .search-btn {
  color:#fff !important;
  background:linear-gradient(135deg,#087cf0,#22a5ff) !important;
  border-color:transparent !important;
  box-shadow:0 10px 24px rgba(8,124,240,.2) !important;
}
.templates-hero .market-search form {
  border-color:color-mix(in srgb,#168cff 34%,var(--d-border)) !important;
}
.templates-hero .market-search input {
  border-color:color-mix(in srgb,#168cff 58%,var(--d-border)) !important;
}
.templates-hero .category-chips a,
.templates-hero .category-chips span,
.templates-hero .category-chips .active {
  color:#168cff !important;
}
.templates-hero .category-chips .active { color:#fff !important; }
html[data-theme="light"] .templates-hero .category-chips a,
html[data-theme="light"] .templates-hero .category-chips span {
  color:#087cf0 !important;
  border-color:rgba(8,124,240,.22) !important;
}
.section-bg-templates,.section-bg-cta {
  background-image:var(--az-commerce-overlay),var(--az-commerce-bg) !important;
  background-position:center !important; background-size:cover !important; background-repeat:no-repeat !important;
  border-block:1px solid var(--d-border);
}
.section-bg-templates .tpl-card,.section-bg-cta .cta-band { backdrop-filter:blur(10px); }
.login-wrapper,.register-wrapper,.login-form-section,.register-form-section { background:var(--d-surface) !important; color:var(--d-text) !important; }
.login-form-section h1,.login-form-section h2,.register-form-section h1,.register-form-section h2 { color:var(--d-text) !important; }
.header-btn:hover,.submit-btn,.login-btn,.register-btn { background:linear-gradient(135deg,#087cf0,#20a4ff) !important; }
.cta-band .btn-white,.cta-band .btn-white:hover { color:#087cf0 !important; }
.toast-info { background:#071d30 !important; border-color:#17689e !important; }
.toast-info .toast-icon { background:rgba(22,140,255,.18) !important; color:#55adff !important; }
@media (max-width:860px) { .mobile-menu { background:color-mix(in srgb,var(--d-bg) 94%,transparent); } }

/* Keep catalog hero badges clear of the fixed public navigation. */
.templates-hero {
  padding: 104px 0 32px !important;
}
@media (max-width: 760px) {
  .templates-hero {
    padding: 92px 0 36px !important;
  }
}
/* Shared light palette for template/platform list and detail pages in every locale. */
html[data-theme="light"] .templates-hero {
  background:radial-gradient(circle at 80% 15%,rgba(22,140,255,.12),transparent 36%),linear-gradient(145deg,#f5f9fd,#edf5fb) !important;
  border-bottom-color:#d9e7f1 !important;
}
html[data-theme="light"] .templates-hero :is(h1,p) { color:#07182a !important; }
html[data-theme="light"] .templates-hero p { color:#536b80 !important; }
html[data-theme="light"] .templates-hero .market-search form {
  background:#fff !important;
  border-color:#bcd5e7 !important;
  box-shadow:0 12px 30px rgba(6,38,66,.08) !important;
}
html[data-theme="light"] .templates-hero .market-search form:focus-within {
  border-color:#168cff !important;
  box-shadow:0 0 0 4px rgba(22,140,255,.12),0 16px 34px rgba(6,38,66,.1) !important;
}
html[data-theme="light"] .templates-hero .market-search input {
  color:#07182a !important;
  background:#f7fafc !important;
  border-color:#bcd5e7 !important;
}
html[data-theme="light"] .templates-hero .market-search input::placeholder { color:#7890a3 !important; }
html[data-theme="light"] .templates-section {
  background:linear-gradient(180deg,#edf5fb 0%,#f5f9fd 100%) !important;
}
html[data-theme="light"] .templates-section .template-card {
  background:#fff !important;
  border-color:#d9e7f1 !important;
  box-shadow:0 12px 30px rgba(6,38,66,.07) !important;
}
html[data-theme="light"] .templates-section .template-card:hover {
  border-color:#168cff !important;
  box-shadow:0 20px 48px rgba(8,124,240,.14) !important;
}
html[data-theme="light"] .templates-section .template-thumb { background:linear-gradient(145deg,#eaf4fb,#dfeefa) !important; }
html[data-theme="light"] .templates-section .template-body h3 { color:#07182a !important; }
html[data-theme="light"] .templates-section .template-desc { color:#536b80 !important; }
html[data-theme="light"] .templates-section .template-badges .badge-chip {
  color:#075fb8 !important;
  background:#e5f4ff !important;
  border-color:#bcdff8 !important;
}
html[data-theme="light"] .templates-section .template-footer {
  color:#607487 !important;
  border-top-color:#d9e7f1 !important;
}
html[data-theme="light"] .templates-section :is(.template-footer .t-plink,.template-cat) { color:#087cf0 !important; }

html[data-theme="light"] body:has(.download-panel) .detail-hero {
  background:radial-gradient(circle at 78% 12%,rgba(22,140,255,.10),transparent 34%),linear-gradient(180deg,#f5f9fd 0%,#edf5fb 100%) !important;
}
html[data-theme="light"] body:has(.download-panel) :is(.preview-box,.gallery-thumbs .thumb,.download-panel,.plan-card,.related-card,.review-card,.review-form-box,.tutorial-video-box) {
  background:#fff !important;
  border-color:#d9e7f1 !important;
  box-shadow:0 14px 34px rgba(6,38,66,.08);
}
html[data-theme="light"] body:has(.download-panel) :is(.related-section,.reviews-section) {
  background:linear-gradient(180deg,#edf5fb 0%,#f5f9fd 100%) !important;
  border-color:#d9e7f1 !important;
}
html[data-theme="light"] body:has(.download-panel) :is(.detail-info h1,.plan-title,.plan-card h3,.related-section h2,.reviews-section h2,.review-form-box h3,.review-meta b) { color:#07182a !important; }
html[data-theme="light"] body:has(.download-panel) :is(.detail-desc,.creator-line,.meta-list li,.plan-card p,.plan-card li,.login-hint,.reviews-count,.review-date,.review-card p,.review-field label,.reply-body p,.reply-date,.r-meta) { color:#536b80 !important; }
html[data-theme="light"] body:has(.download-panel) :is(.creator-line i,.meta-list li i,.plan-title i,.plan-card li i,.reviews-section h2 i,.login-hint a,.detail-hero .back-link,.fav-icon-btn) { color:#087cf0 !important; }
html[data-theme="light"] body:has(.download-panel) .download-panel { background:linear-gradient(145deg,#fff,#edf7ff) !important; }
html[data-theme="light"] body:has(.download-panel) .dl-btn.primary,
html[data-theme="light"] body:has(.download-panel) .reply-submit-btn {
  color:#fff !important;
  background:linear-gradient(135deg,#087cf0,#22a5ff) !important;
  border-color:transparent !important;
}
html[data-theme="light"] body:has(.download-panel) .dl-btn.secondary {
  color:#075fb8 !important;
  background:#e5f4ff !important;
  border-color:#bcdff8 !important;
}
html[data-theme="light"] body:has(.download-panel) :is(.badge-row .badge-chip,.review-av,.reply-admin-badge) {
  color:#075fb8 !important;
  background:#e5f4ff !important;
  border-color:#bcdff8 !important;
}
html[data-theme="light"] body:has(.download-panel) :is(.review-textarea,.reply-body) {
  color:#07182a !important;
  background:#f7fafc !important;
  border-color:#bcd5e7 !important;
}
html[data-theme="light"] body:has(.download-panel) .tutorial-video-box .video-header {
  background:#e5f4ff !important;
  border-color:#bcdff8 !important;
}
html[data-theme="light"] body:has(.download-panel) .tutorial-video-box .video-header :is(i,span) { color:#075fb8 !important; }
/* Dark-only palette for public Templates + Marketplace pages.
   Overrides legacy purple declarations embedded in both catalog templates. */
html[data-theme="dark"] .templates-hero {
  background:
    radial-gradient(circle at 78% 16%,rgba(22,140,255,.19),transparent 36%),
    linear-gradient(145deg,rgba(2,11,20,.96),rgba(6,29,51,.94)) !important;
  border-bottom-color:rgba(85,173,255,.16) !important;
}
html[data-theme="dark"] .templates-hero h1 { color:#f4f9fd !important; }
html[data-theme="dark"] .templates-hero p { color:#a2b8c9 !important; }
html[data-theme="dark"] .templates-hero .eyebrow,
html[data-theme="dark"] .templates-hero .search-btn,
html[data-theme="dark"] .templates-hero .category-chips .active,
html[data-theme="dark"] .templates-section .template-badge-new {
  color:#fff !important;
  background:linear-gradient(135deg,#087cf0,#20a4ff) !important;
  border-color:transparent !important;
  box-shadow:0 8px 22px rgba(8,124,240,.25) !important;
}
html[data-theme="dark"] .templates-hero .market-search form {
  background:rgba(7,23,39,.9) !important;
  border-color:rgba(85,173,255,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.28) !important;
}
html[data-theme="dark"] .templates-hero .market-search form:focus-within {
  border-color:#168cff !important;
  box-shadow:0 0 0 4px rgba(22,140,255,.13),0 18px 40px rgba(0,0,0,.32) !important;
}
html[data-theme="dark"] .templates-hero .market-search input {
  color:#f4f9fd !important;
  background:#0a1a2c !important;
  border-color:rgba(85,173,255,.46) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="dark"] .templates-hero .market-search input::placeholder { color:#718ca2 !important; }
html[data-theme="dark"] .templates-hero .category-chips a,
html[data-theme="dark"] .templates-hero .category-chips span {
  color:#b9d4e8 !important;
  background:rgba(22,140,255,.08) !important;
  border-color:rgba(85,173,255,.2) !important;
}
html[data-theme="dark"] .templates-hero .category-chips a:hover {
  color:#fff !important;
  background:rgba(22,140,255,.16) !important;
  border-color:#168cff !important;
}
html[data-theme="dark"] .templates-hero .category-chips .active { color:#fff !important; }
html[data-theme="dark"] .templates-hero .category-chips.sub { border-top-color:rgba(85,173,255,.14) !important; }
html[data-theme="dark"] .templates-hero .category-chips .sub-label {
  color:#91aabd !important;
  background:transparent !important;
  border-color:transparent !important;
}
html[data-theme="dark"] .templates-section {
  background:linear-gradient(180deg,#061424 0%,#020b14 100%) !important;
}
html[data-theme="dark"] .templates-section .template-card {
  background:#0a1a2c !important;
  border-color:#17344c !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
}
html[data-theme="dark"] .templates-section .template-card:hover {
  border-color:#168cff !important;
  box-shadow:0 20px 52px rgba(0,72,138,.24) !important;
}
html[data-theme="dark"] .templates-section .template-thumb {
  background:linear-gradient(145deg,#0e2741,#071727) !important;
}
html[data-theme="dark"] .templates-section .template-body h3 { color:#f4f9fd !important; }
html[data-theme="dark"] .templates-section .template-desc { color:#a2b8c9 !important; }
html[data-theme="dark"] .templates-section .template-badges .badge-chip {
  color:#b9d4e8 !important;
  background:rgba(22,140,255,.09) !important;
  border-color:rgba(85,173,255,.18) !important;
}
html[data-theme="dark"] .templates-section .template-footer {
  color:#91aabd !important;
  border-top-color:#17344c !important;
}
html[data-theme="dark"] .templates-section .template-footer .t-plink,
html[data-theme="dark"] .templates-section .template-cat { color:#55adff !important; }
html[data-theme="dark"] .templates-section .empty-state {
  color:#a2b8c9 !important;
  background:#0a1a2c !important;
  border-color:rgba(85,173,255,.24) !important;
}
html[data-theme="dark"] .templates-section .empty-state i { color:#168cff !important; }

/* Navy dark theme for template/platform detail pages in every locale. */
html[data-theme="dark"] body:has(.download-panel) .detail-hero {
  background:radial-gradient(circle at 78% 12%,rgba(22,140,255,.14),transparent 34%),linear-gradient(180deg,#020b14 0%,#061424 100%) !important;
}
html[data-theme="dark"] body:has(.download-panel) :is(.preview-box,.gallery-thumbs .thumb,.download-panel,.plan-card,.related-card,.review-card,.review-form-box,.tutorial-video-box) {
  background:#071727 !important;
  border-color:#17344c !important;
  box-shadow:0 16px 40px rgba(0,0,0,.24);
}
html[data-theme="dark"] body:has(.download-panel) :is(.related-section,.reviews-section) {
  background:linear-gradient(180deg,#061424 0%,#020b14 100%) !important;
  border-color:#17344c !important;
}
html[data-theme="dark"] body:has(.download-panel) :is(.detail-info h1,.plan-title,.plan-card h3,.related-section h2,.reviews-section h2,.review-form-box h3,.review-meta b) { color:#f4f9fd !important; }
html[data-theme="dark"] body:has(.download-panel) :is(.detail-desc,.creator-line,.meta-list li,.plan-card p,.plan-card li,.login-hint,.reviews-count,.review-date,.review-card p,.review-field label,.reply-body p,.reply-date,.r-meta) { color:#a2b8c9 !important; }
html[data-theme="dark"] body:has(.download-panel) :is(.creator-line i,.meta-list li i,.plan-title i,.plan-card ul li i,.reviews-section h2 i,.tutorial-video-box .video-header span,.tutorial-video-box .video-header i) { color:#55adff !important; }
html[data-theme="dark"] body:has(.download-panel) :is(.gallery-thumbs .thumb.active,.related-card:hover,.review-textarea:focus) { border-color:#168cff !important; }
html[data-theme="dark"] body:has(.download-panel) .download-panel { background:linear-gradient(145deg,#071727,#0b2038) !important; }
html[data-theme="dark"] body:has(.download-panel) .dl-btn.primary,
html[data-theme="dark"] body:has(.download-panel) .reply-submit-btn {
  color:#fff !important;
  background:linear-gradient(135deg,#087cf0,#22a5ff) !important;
  border-color:transparent !important;
  box-shadow:0 12px 28px rgba(8,124,240,.22);
}
html[data-theme="dark"] body:has(.download-panel) .dl-btn.primary:hover,
html[data-theme="dark"] body:has(.download-panel) .reply-submit-btn:hover { background:linear-gradient(135deg,#006bd5,#168cff) !important; }
html[data-theme="dark"] body:has(.download-panel) .dl-btn.secondary {
  color:#d8ecff !important;
  background:#0d2237 !important;
  border-color:#245171 !important;
}
html[data-theme="dark"] body:has(.download-panel) :is(.badge,.tag,.reply-row.reply-admin .reply-av,.review-avatar) {
  background:linear-gradient(135deg,#087cf0,#168cff) !important;
  border-color:#245171 !important;
}
html[data-theme="dark"] body:has(.download-panel) .meta-list li { border-color:rgba(85,173,255,.16) !important; }
html[data-theme="dark"] body:has(.download-panel) .plan-divider { background:rgba(85,173,255,.16) !important; }
html[data-theme="dark"] body:has(.download-panel) :is(.login-hint a,.detail-hero .back-link,.fav-icon-btn) { color:#55adff !important; }
html[data-theme="dark"] body:has(.download-panel) .related-card .r-thumb {
  color:#55adff !important;
  background:linear-gradient(145deg,#0e2741,#071727) !important;
}
html[data-theme="dark"] body:has(.download-panel) .tutorial-video-box .video-header {
  background:rgba(22,140,255,.11) !important;
  border-color:rgba(85,173,255,.16) !important;
}
html[data-theme="dark"] body:has(.download-panel) :is(.review-textarea,.reply-body) {
  color:#f4f9fd !important;
  background:#0d2237 !important;
  border-color:#245171 !important;
}
html[data-theme="dark"] body:has(.download-panel) .reply-row.reply-admin .reply-body {
  background:rgba(22,140,255,.10) !important;
  border-color:rgba(85,173,255,.24) !important;
}
html[data-theme="dark"] body:has(.download-panel) .badge-row .badge-chip {
  color:#b9d4e8 !important;
  background:rgba(22,140,255,.09) !important;
  border-color:rgba(85,173,255,.2) !important;
}
html[data-theme="dark"] body:has(.download-panel) :is(.review-av,.reply-admin-badge) {
  color:#fff !important;
  background:linear-gradient(135deg,#087cf0,#168cff) !important;
}
html[data-theme="dark"] body:has(.download-panel) .reply-av:not(.reply-admin .reply-av) {
  color:#b9d4e8 !important;
  background:#0d2237 !important;
}
html[data-theme="dark"] body:has(.download-panel) .review-replies {
  border-top-color:rgba(85,173,255,.18) !important;
}
html[data-theme="dark"] body:has(.download-panel) .tutorial-video-box {
  background:#071727 !important;
  border-color:#17344c !important;
}
html[data-theme="dark"] body:has(.download-panel) .tutorial-video-box .video-header {
  background:rgba(22,140,255,.11) !important;
}
html[data-theme="dark"] body:has(.download-panel) .tutorial-video-box .video-header i,
html[data-theme="dark"] body:has(.download-panel) .tutorial-video-box .video-header span {
  color:#d8ecff !important;
}
@media (max-width: 600px) {
  body:has(.download-panel) .detail-grid { gap:22px !important; }
  body:has(.download-panel) .preview-box {
    min-height:220px !important;
    border-radius:14px !important;
  }
  body:has(.download-panel) .download-panel {
    padding:20px !important;
    border-radius:14px !important;
  }
  body:has(.download-panel) .download-panel .price-value { font-size:25px !important; }
  body:has(.download-panel) .dl-grid { gap:10px !important; }
  body:has(.download-panel) :is(.review-card,.review-form-box,.plan-card) { padding:18px !important; }
  body:has(.download-panel) .review-reply-form {
    align-items:stretch !important;
    flex-direction:column !important;
  }
  body:has(.download-panel) .reply-submit-btn { justify-content:center; }
}
/* Mobile-first hardening for customer dashboard and shared admin surfaces. */
html { -webkit-text-size-adjust:100%; }
img,svg,video,canvas { max-width:100%; }
.ks-table-wrap,.table-responsive,.sa-table-wrap,.cs-table-wrap { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.ks-table,.sa-table,.cs-table { min-width:680px; }

@media (max-width:880px) {
  body { overflow-x:hidden; }
  .ps-shell,.dashboard-layout { width:100%; min-width:0; }
  .ps-main,.dashboard-content { width:100%; min-width:0; }
  .ps-content { padding:18px 14px 36px !important; }
  .ps-topbar { min-height:64px; padding:10px 14px !important; gap:8px; }
  .ps-topbar-actions { gap:7px; }
  .ps-theme-toggle,.ps-toggle,.theme-toggle { min-width:44px; min-height:44px; }
  .ks-page-head,.ks-section-head,.ks-overview-hero { align-items:flex-start; flex-direction:column; }
  .ks-page-head > *,.ks-section-head > *,.ks-overview-hero > * { max-width:100%; }
  .ks-overview-hero { padding:22px 18px !important; border-radius:18px; }
  .ks-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px; }
  .ks-grid,.ks-library-grid,.cs-grid { grid-template-columns:1fr !important; }
  .ks-panel,.ks-card,.cs-panel,.cs-card { min-width:0; }
  .ks-toolbar,.ks-inline,.ks-form-actions,.ks-actions { align-items:stretch; flex-direction:column; }
  .ks-toolbar > *,.ks-inline > *,.ks-form-actions > * { width:100%; min-width:0 !important; }
  .ks-btn,.ks-button,.cs-btn { min-height:44px; justify-content:center; }
  input,select,textarea { max-width:100%; font-size:16px !important; }
  table { display:block; width:100%; max-width:100%; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; }
  [dir="rtl"] .ps-sidebar { transform:translateX(105%); }
  [dir="rtl"] .ps-sidebar.collapsed { transform:translateX(0); }
}

@media (max-width:520px) {
  .ps-topbar-title { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .ps-content { padding-inline:10px !important; }
  .ks-page-head h1 { font-size:1.25rem !important; }
  .ks-stats { grid-template-columns:1fr !important; }
  .ks-stat { padding:16px !important; }
  .ks-panel,.ks-card,.cs-panel,.cs-card { padding:16px !important; border-radius:14px !important; }
  .ks-library-card { grid-template-columns:1fr !important; }
  .ks-library-thumb { min-height:170px; }
  .ks-actions a,.ks-actions button,.ks-actions form,.ks-actions form button { width:100%; }
  .modal-content,.ks-modal-content { width:calc(100vw - 20px) !important; max-height:calc(100dvh - 20px) !important; padding:18px !important; }
}