/* Theme boundary: only the embedded DeskPOP content, never the host header/shop.
   Explicit pairs are necessary because the host theme uses !important globally. */
#deskpop-app.deskpop-site {
  --dpsp-text:var(--ink); --dpsp-surface:var(--paper);
  background:var(--dpsp-surface)!important; color:var(--dpsp-text)!important;
  color-scheme:light; font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:16px; line-height:1.6; isolation:isolate;
}
#deskpop-app :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,span,strong,b,em,small,label,legend,summary,a,button,th,td,code,figcaption) {
  color:var(--dpsp-text)!important; -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}
#deskpop-app :where(h1,h2,h3,h4,h5,h6,p,li,label,legend,summary,a,button) {font-family:inherit!important}
#deskpop-app :where(p,li,label,legend) {font-size:16px;line-height:1.65}
#deskpop-app :where(a:hover,a:focus-visible) {text-decoration:underline}
#deskpop-app :where(a,button,summary,input,select,textarea):focus-visible {outline:3px solid #3268d4!important;outline-offset:4px!important}
#deskpop-app :where(.hero-description,.feature-number,.feature-card p,.stats-strip span,.section-heading>p:last-child,.dpsp-muted,.site-footer p,.footer-tag) {--dpsp-text:#52554d}
#deskpop-app :where(.eyebrow,.microcopy,.feature-number,.card-foot,.stats-strip span,.image-note,.small-link,.footer-tag,.brand small,.footer-brand span) {font-size:12px!important;line-height:1.65!important}
#deskpop-app .dpsp-panel,#deskpop-app .feature-card,#deskpop-app .vibe-control {background:var(--white)!important;--dpsp-text:var(--ink)}
#deskpop-app .feature-accent {background:var(--accent-soft)!important}
#deskpop-app .showcase,#deskpop-app .dpsp-links,#deskpop-app dialog {
  --dpsp-text:var(--paper); --dpsp-surface:var(--dark);
  background:var(--dpsp-surface)!important;color:var(--dpsp-text)!important;color-scheme:dark;
}
#deskpop-app .showcase :where(.section-heading>p:last-child,.image-note,figcaption>span:nth-child(2)) {--dpsp-text:#c9cec4}
#deskpop-app .showcase .eyebrow {--dpsp-text:var(--accent)}
#deskpop-app .window-bar {--dpsp-text:#c9cec4;background:#242a25!important}
#deskpop-app :where(.ticker,.download-section,.screen-note) {--dpsp-text:var(--on-accent);background:var(--accent)!important;color:var(--dpsp-text)!important}
#deskpop-app :where(.zoom-label,.hero-stamp) {--dpsp-text:var(--ink)}
#deskpop-app .zoom-label {background:var(--paper)!important}

/* Own every button state, including link-buttons and their nested label spans. */
#deskpop-app :is(button,.button,.dpsp-button,input[type=submit]) {
  --dpsp-text:var(--paper); background:var(--ink)!important;color:var(--dpsp-text)!important;
  -webkit-text-fill-color:currentColor!important;border:1px solid var(--ink)!important;
  font-family:inherit!important;font-weight:700!important;text-transform:none!important;
  letter-spacing:normal!important;white-space:normal;line-height:1.4;min-height:44px;
  padding:12px 20px;border-radius:6px!important;text-decoration:none!important;text-shadow:none!important;
}
#deskpop-app :is(button,.button,.dpsp-button,input[type=submit]):is(:hover,:focus-visible) {background:#383b32!important;--dpsp-text:#fffdf7}
#deskpop-app :is(button,.button,.dpsp-button)::after {display:none!important}
#deskpop-app .button-outline {background:var(--paper)!important;--dpsp-text:var(--ink)}
#deskpop-app .button-outline:is(:hover,:focus-visible) {background:var(--white)!important;--dpsp-text:var(--ink)}
#deskpop-app .screenshot-tabs button {background:var(--dark)!important;border-color:#87927e!important;--dpsp-text:var(--paper)}
#deskpop-app .screenshot-tabs button:is(:hover,:focus-visible) {background:#30392e!important;--dpsp-text:var(--paper)}
#deskpop-app .screenshot-tabs button[aria-pressed=true] {background:var(--accent)!important;border-color:var(--accent)!important;--dpsp-text:var(--on-accent)}
#deskpop-app .swatch {min-height:49px;padding:0;border-radius:50%!important}
#deskpop-app .swatch-orange:is(button,:hover,:focus-visible) {background:#ef5b2a!important}
#deskpop-app .swatch-green:is(button,:hover,:focus-visible) {background:#95ce51!important}
#deskpop-app .swatch-purple:is(button,:hover,:focus-visible) {background:#bca0ec!important}
#deskpop-app #close-dialog {--dpsp-text:var(--ink);background:var(--paper)!important}
#deskpop-app :is(button,input[type=submit]):disabled,#deskpop-app fieldset:disabled button {opacity:1!important;background:#e1e2db!important;--dpsp-text:#55594e;border-color:#858a7e!important;cursor:not-allowed}

/* Account, native WooCommerce cart/checkout, notices, and payment summaries. */
#deskpop-app :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),select,textarea) {
  --dpsp-text:var(--ink);color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;
  background:#fffdf7!important;border:1px solid #6b7063!important;color-scheme:light;
  font:inherit!important;opacity:1;min-height:44px;
}
#deskpop-app :where(input,textarea)::placeholder {color:#62665c!important;-webkit-text-fill-color:#62665c!important;opacity:1!important}
#deskpop-app :where(input[type=checkbox],input[type=radio]) {accent-color:var(--ink);color-scheme:light}
#deskpop-app :is(table.shop_table,.cart_totals,#order_review,#payment,.woocommerce-info,.woocommerce-message,.woocommerce-error,.payment_box,.select2-selection,.select2-dropdown,.dpsp-notice) {
  --dpsp-text:var(--ink);background:var(--white)!important;color:var(--ink)!important;
  border-color:#9a9e90!important;color-scheme:light;
}
#deskpop-app :where(th,td,.woocommerce-Price-amount,.woocommerce-Price-currencySymbol,.select2-selection__rendered,.woocommerce-privacy-policy-text) {--dpsp-text:var(--ink)}
#deskpop-app :where(code,pre) {background:#e5e6df!important;--dpsp-text:var(--ink)}
#deskpop-app :where(.woocommerce-info,.woocommerce-message,.woocommerce-error,.dpsp-notice)::before {color:var(--ink)!important}
#deskpop-app .select2-container--default .select2-results__option--highlighted[aria-selected] {background:var(--ink)!important;--dpsp-text:var(--paper)}

#deskpop-app .skip-link {--dpsp-text:var(--paper);background:var(--ink)!important}

#deskpop-app .brand {max-width:100%;min-width:0;flex-shrink:1}
#deskpop-app .brand>span {min-width:0}
#deskpop-app .brand img {flex-shrink:0}
#deskpop-app .site-header nav {flex-wrap:wrap}

#deskpop-app .dpsp-price {font-size:32px;font-weight:800}