/* Colour and finish overlay. All original application layout rules stay in app.css. */
body:not(.admin-body) {
  color-scheme:dark;--bg:#101418;--panel:#1b242d;--panel-strong:#24313d;--line:#3c4b58;
  --text:#eef2f5;--muted:#b5c0ca;--accent:#a6c5d9;--accent-strong:#85adc8;
  background:#101418;color:var(--text);
}
body:not(.admin-body) .site-header {background:#141b22;border-color:#3c4b58;box-shadow:0 4px 22px #0002}
body:not(.admin-body) .brand-mark {background:#a6c5d9;color:#101418}
body:not(.admin-body) .brand-logo {background:#1b242d;border-color:#3c4b58}
body:not(.admin-body) .top-nav a {color:#c7d3dc}
body:not(.admin-body) .top-nav a:hover,body:not(.admin-body) .top-nav .nav-admin {background:#293743;color:#eef2f5}
body:not(.admin-body) .submenu {background:#24313d;border-color:#526574}
body:not(.admin-body) .eyebrow {color:#bdd3e3;background:#243747;border-color:#526c80}
body:not(.admin-body) .button-primary,body:not(.admin-body) .button-primary:hover {color:#101418;background:#a6c5d9;border-color:#a6c5d9;box-shadow:none}
body:not(.admin-body) .button-primary:hover {background:#c0d5e3}
body:not(.admin-body) .button-secondary {color:#eef2f5;background:#293743;border-color:#617888}
body:not(.admin-body) .button-secondary:hover {background:#364a59;color:#fff}
body:not(.admin-body) .button-success {color:#e5f3e9;background:#315743;border-color:#789481}
body:not(.admin-body) .button-info {color:#e0edf5;background:#315269;border-color:#7299b2}
body:not(.admin-body) .button-warning {color:#f3e8cc;background:#62512f;border-color:#ab976a}
body:not(.admin-body) .button-danger {color:#f6deda;background:#693b3b;border-color:#b2827b}
body:not(.admin-body) :is(.panel,.hero-panel,.app-card,.app-action-panel,.app-side-panel,.feature-card,.gallery-card,.blog-card,.contact-info-card,.account-stat,.license-card,.support-card,.license-key-box,.cms-list-panel,.cms-html-panel) {background:#1b242d;border-color:#3c4b58;box-shadow:none}
body:not(.admin-body) .app-card:hover,body:not(.admin-body) .feature-card:hover {background:#24313d;border-color:#6d8496;box-shadow:none}
body:not(.admin-body) :is(.app-card-media,.gallery-card-media,.blog-card-media,.feature-icon,.tag-pill,.metric,.compact-review,.captcha-box,.support-reply) {background:#202e39;border-color:#465d70}
body:not(.admin-body) .metric strong,body:not(.admin-body) .account-stat strong,body:not(.admin-body) .license-key-box code {color:#eef2f5}
body:not(.admin-body) .feature-icon,body:not(.admin-body) .tag-pill,body:not(.admin-body) .captcha-box span,body:not(.admin-body) .support-reply strong {color:#c0d9e9}
body:not(.admin-body) .cms-hero {background:#161e26}
body:not(.admin-body) .cms-hero-bg-gradient,body:not(.admin-body) .cms-hero-side-glow {background:none;filter:none}
body:not(.admin-body) .cms-hero-overlay {background:linear-gradient(90deg,#101418e8,#10141844)}
body:not(.admin-body) .cms-hero-text h1 {color:#eef2f5;background:none;-webkit-text-fill-color:#eef2f5}
body:not(.admin-body) .cta-section {background:#202d37;border-color:#526879}
body:not(.admin-body) input,body:not(.admin-body) select,body:not(.admin-body) textarea {background:#111920;color:#eef2f5;border-color:#73899a;caret-color:#a6c5d9}
body:not(.admin-body) input::placeholder,body:not(.admin-body) textarea::placeholder {color:#b2c2ce}
body:not(.admin-body) .modal-content {background:#1b242d;color:#eef2f5;border-color:#617888}
body:not(.admin-body) .modal-close {color:#eef2f5}
body:not(.admin-body) .app-detail-details-card {background:#1b242d;border-color:#617888}
body:not(.admin-body) .app-detail-details-body {color:#b5c0ca;background:#1b242d}
body:not(.admin-body) .app-detail-page .app-action-buy-normalized {background:#a6c5d9!important;color:#101418!important;border-color:#a6c5d9!important;box-shadow:none!important}
body:not(.admin-body) .app-detail-page :is(.app-action-demo-normalized,.app-action-neutral-normalized) {background:#293743!important;color:#eef2f5!important;border-color:#73899a!important;box-shadow:none!important}
body:not(.admin-body) .notice.success,body:not(.admin-body) .badge.approved {color:#c5e1ce;background:#22372d;border-color:#7c9b86}
body:not(.admin-body) .notice.error {color:#f3c8c1;background:#3c2728;border-color:#b27e76}
body:not(.admin-body) .form-toast {background:#1b242d;color:#eef2f5;border-color:#73899a}
body:not(.admin-body) .site-footer {background:#0d1217;border-color:#3c4b58}
body:not(.admin-body) .reveal {opacity:1!important;transform:none!important}
body:not(.admin-body) :focus-visible {outline:2px solid #a6c5d9;outline-offset:3px}
body:not(.admin-body) ::selection {background:#405c70;color:#fff}
.nav-toggle {display:none}
body:not(.admin-body) .mobile-menu-toggle {border-color:#73899a;background:#24313d;color:#eef2f5}
body:not(.admin-body) :is(.pricing-site-header,.pricing-summary,.pricing-embed-card,.pricing-card,.pricing-app-info) {background:#1b242d;border-color:#3c4b58;color:#eef2f5}
body:not(.admin-body) .pricing-site-footer {background:#0d1217;color:#b5c0ca;border-color:#3c4b58}
/* Genuine depth: original product art floats on separate planes in 3D space. */
body:not(.admin-body) .cms-hero-side {perspective:1200px;perspective-origin:50% 45%}
body:not(.admin-body) .cms-hero-side-card {
  position:relative;transform-style:preserve-3d;overflow:visible;
  animation:marketplace-product-orbit 9s ease-in-out infinite;
  border:1px solid #6b8496;background:#1a2732;box-shadow:20px 30px 55px #0005;
}
body:not(.admin-body) .cms-hero-side-card::before,body:not(.admin-body) .cms-hero-side-card::after {
  content:"";position:absolute;inset:0;border:1px solid #536c80;border-radius:inherit;
  background:#223747;backface-visibility:hidden;pointer-events:none;
}
body:not(.admin-body) .cms-hero-side-card::before {transform:translateZ(-22px) translateX(12px);background:#182733}
body:not(.admin-body) .cms-hero-side-card::after {transform:translateZ(-11px) translateX(6px);background:#2b4254}
body:not(.admin-body) .cms-hero-side-card img {position:relative;transform:translateZ(2px);border-radius:inherit;backface-visibility:hidden}
@keyframes marketplace-product-orbit {
  0%,100% {transform:rotateX(5deg) rotateY(-14deg) rotateZ(-1deg) translateY(0)}
  50% {transform:rotateX(-3deg) rotateY(13deg) rotateZ(1deg) translateY(-12px)}
}
@media(max-width:820px) {body:not(.admin-body) .cms-hero-side {display:block;max-width:360px;width:100%;margin:auto}body:not(.admin-body) .cms-hero-side-card {animation-duration:11s}}
@media(prefers-reduced-motion:reduce) {body:not(.admin-body) .cms-hero-side-card {animation:none;transform:none}body:not(.admin-body) .cms-hero-side-card::before,body:not(.admin-body) .cms-hero-side-card::after {display:none}}

body:not(.admin-body) :is(.app-card,.apps-page,.marketplace,.app-list) .button-primary,
body:not(.admin-body) .app-detail-page .app-detail-actions a.button.app-action-buy-normalized {
  background:#a6c5d9!important;color:#101418!important;border-color:#a6c5d9!important;box-shadow:none!important;
}
body:not(.admin-body) :is(.app-card,.apps-page,.marketplace,.app-list) .button-warning,
body:not(.admin-body) .app-detail-page .app-detail-actions a.button.app-action-demo-normalized {
  background:#62512f!important;color:#f3e8cc!important;border-color:#ab976a!important;box-shadow:none!important;
}
body:not(.admin-body) .app-detail-page .app-detail-actions a.button.app-action-neutral-normalized {
  background:#293743!important;color:#eef2f5!important;border-color:#73899a!important;box-shadow:none!important;
}
body:not(.admin-body) :is(.pricing-header,.pricing-meta-card,.pricing-empty) {background:#1b242d;border-color:#526574}
body:not(.admin-body) .pricing-footer {background:#0d1217;border-color:#3c4b58}
body:not(.admin-body) :is(.pricing-description,.pricing-meta-card span,.pricing-secure,.pricing-empty p) {color:#b5c0ca}
body:not(.admin-body) .pricing-eyebrow {background:#243747;color:#bdd3e3;border-color:#526c80}

:is(.blog-content,.app-detail-details-body) img {max-width:100%;height:auto}
:is(.blog-content,.app-detail-details-body) table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
:is(.blog-content,.app-detail-details-body) :is(th,td) {padding:.65rem;border:1px solid var(--line);text-align:left}
:is(.blog-content,.app-detail-details-body) pre {max-width:100%;overflow:auto}