/* WhatsNext design apps (team kit designer, rhinestone designer, woven label
   designer, tech pack): the platform's tenant-* app skins re-coloured with
   WhatsNext's tokens from home.css (--ink, --steel, --sky, --chalk, Big
   Shoulders Display / Inter Tight / JetBrains Mono). Loaded after home.css
   by src/templates/whatsnext/plugins.tsx. */

/* ------------------------------------------------------------ frame */
.wn-plugin-doc body{background:var(--ink);color:var(--chalk)}
.wn-plugin-root{background:var(--ink);color:var(--chalk);min-height:100vh;display:flex;flex-direction:column}
.wn-plugin-chrome .hdr{position:fixed}
.wn-plugin-chrome .hdr::before{background:rgba(10,17,32,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.wn-plugin-chrome .menu__bg{clip-path:none}
.wn-plugin-chrome .hdr__score{display:none}
.wn-plugin-chrome--foot .ftr{background:var(--ink-2)}
.wn-plugin{flex:1;padding-top:var(--hdr)}
.wn-plugin .tenant-preview-bar{background:var(--ink-3);color:var(--sky);font-family:var(--f-mono)}

/* ------------------------------------------------------------ tokens */
.wn-plugin.tenant-site{
  --tenant-paper:var(--paper);--tenant-white:#fff;--tenant-ink:var(--ink);--tenant-steel:#4a5a73;
  --tenant-line:#d3dbe7;--tenant-accent:var(--steel);--tenant-accent-dark:#2b4468;
  --shop-paper:var(--paper);--shop-ink:var(--ink);--shop-muted:#4a5a73;--shop-line:#d3dbe7;--shop-panel:#fff;
  background:var(--paper);color:var(--ink);font-family:var(--f-body);
}
.wn-plugin.tenant-site h1,.wn-plugin.tenant-site h2,.wn-plugin.tenant-site h3,.wn-plugin .tenant-wordmark{
  font-family:var(--f-display);font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:.98;
}
.wn-plugin.tenant-site h1{font-size:clamp(40px,6vw,84px)}
.wn-plugin.tenant-site h2{font-size:clamp(28px,3.4vw,46px)}
.wn-plugin.tenant-site h3{font-size:clamp(20px,1.8vw,26px)}
.wn-plugin .tenant-kicker,.wn-plugin .tenant-design-heading>div>span,.wn-plugin .tenant-design-card-copy small,
.wn-plugin .tenant-design-card-copy strong,.wn-plugin .tenant-button,.wn-plugin .tenant-kitbuilder-intro>span,
.wn-plugin .tenant-design-department>div>span,.wn-plugin .tenant-design-card-media>span,.wn-plugin .tenant-native-customizer-controls>span{
  font-family:var(--f-mono)
}

.wn-plugin .tenant-design-hero-stat{font-family:var(--f-display);font-weight:800;letter-spacing:.01em}

/* ------------------------------------------------------------ surfaces that carry warm tones in the platform skin */
.wn-plugin .tenant-design-shop,.wn-plugin .tenant-kitbuilder-surface{background:var(--paper)}
.wn-plugin .tenant-grid-bg{background-color:var(--paper);background-image:radial-gradient(circle,rgba(10,17,32,.07) 1px,transparent 1px)}
.wn-plugin .tenant-design-studio-head{background-color:var(--ink);color:var(--chalk)}
.wn-plugin .tenant-design-studio-head h1,.wn-plugin .tenant-design-studio-head p,.wn-plugin .tenant-design-studio-head .tenant-kicker{color:var(--chalk)}
.wn-plugin .tenant-design-studio-head .tenant-kicker{color:var(--sky)}
.wn-plugin .tenant-design-studio-head a{color:var(--sky)}
.wn-plugin .tenant-design-card{border-radius:14px;overflow:hidden}
.wn-plugin .tenant-design-card:hover{box-shadow:0 18px 38px rgba(10,17,32,.14)}
.wn-plugin .tenant-design-card-media{background:#eef2f7}
.wn-plugin .tenant-design-card-media>span{background:var(--ink);border-radius:999px;padding:6px 10px}
.wn-plugin .tenant-button{border-radius:999px;border-color:var(--steel);background:var(--steel);color:#fff;min-height:48px;padding:0 24px}
.wn-plugin .tenant-button:hover{background:var(--ink);border-color:var(--ink)}
.wn-plugin .tenant-kitbuilder-embed-shell{border-radius:14px;border-color:var(--line);box-shadow:0 20px 55px rgba(10,17,32,.12)}
.wn-plugin .tenant-native-customizer-view-tabs button.is-active{color:#fff}
.wn-plugin :focus-visible{outline:2px solid var(--steel);outline-offset:3px}

/* ------------------------------------------------------------ rhinestone shop (its own rhinestone-shop-* skin) */
.wn-plugin .rhinestone-shop-shop{--sw-focus:var(--steel);background:var(--paper);font-family:var(--f-body)}
.wn-plugin .rhinestone-shop-intro h1{font-family:var(--f-display);font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:.98;font-size:clamp(34px,4.6vw,66px)}
.wn-plugin .rhinestone-shop-eyebrow,.wn-plugin .rhinestone-shop-total{font-family:var(--f-mono);color:var(--steel)}
.wn-plugin .rhinestone-shop-header{display:none}

/* ------------------------------------------------------------ woven label / hang-tag studio (dark navy, steel + sky) */
.wn-plugin .label-studio{
  --label-red:#3d5a86;--label-red-soft:#afc9ec;--label-black:var(--ink-2);--label-panel:var(--ink-2);
  --label-field:var(--ink-3);--label-line:rgba(238,242,247,.16);--label-muted:#8a96aa;
  background:var(--ink);font-family:var(--f-body)
}
.wn-plugin .label-studio-hero{background:var(--ink-2);border-bottom:1px solid var(--label-line)}
.wn-plugin .label-studio-hero h1,.wn-plugin .label-preview-heading h2,.wn-plugin .label-studio .central-project-list h2{
  font-family:var(--f-display);font-weight:800;letter-spacing:.01em;text-transform:uppercase
}
.wn-plugin .label-studio-hero span,.wn-plugin .label-preview-heading span{font-family:var(--f-mono);color:var(--sky)}
.wn-plugin .label-studio-hero span:before{background:var(--steel-2)}
.wn-plugin .label-studio-hero h1 em{color:var(--sky);font-style:normal}
.wn-plugin .label-studio button{border-radius:999px;border-color:var(--steel-2)}
.wn-plugin .label-studio-hero-actions button,.wn-plugin .label-studio-actions button,.wn-plugin .label-save{background:var(--chalk);color:var(--ink);border-color:var(--chalk)}
.wn-plugin .label-studio button.outline{background:transparent;color:var(--chalk);border-color:var(--steel-2)}
.wn-plugin .label-panel,.wn-plugin .label-preview-panel{border-radius:14px}
.wn-plugin .label-template-list button[aria-pressed=true],.wn-plugin .label-symbol-category button[aria-pressed=true]{background:var(--ink-3);border-color:var(--sky)}
.wn-plugin .label-mode-grid button[aria-pressed=true]{background:var(--steel);border-color:var(--sky)}
.wn-plugin .label-preview-stage{background-color:var(--ink);background-image:linear-gradient(45deg,var(--ink-2) 25%,transparent 25%),linear-gradient(-45deg,var(--ink-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ink-2) 75%),linear-gradient(-45deg,transparent 75%,var(--ink-2) 75%)}
.wn-plugin .label-studio input:focus,.wn-plugin .label-studio textarea:focus,.wn-plugin .label-studio button:focus-visible{outline-color:var(--sky)}

/* ------------------------------------------------------------ phones */
@media (max-width:760px){
  .wn-plugin-chrome .hdr__right .btn{display:none}
  .wn-plugin.tenant-site h1{font-size:clamp(34px,11vw,52px)}
}

/* ------------------------------------------------------------ SS Kits Studio 3D shop (shared studio shop, WhatsNext skin) */
.wn-kits{
  --bone:var(--paper);--maroon:var(--ink-2);--lime:var(--sky);--hair:#d3dbe7;--bone-30:rgba(238,242,247,.16);
  --pad:var(--gut);--hd:var(--f-display);--bd:var(--f-body);
  font-family:var(--f-body);color:var(--ink)
}
.wn-kits .unq-studio-shop{background:var(--paper);color:var(--ink)}
.wn-kits .unq-studio-intro{background:var(--ink-2);color:var(--chalk);border-top:0;padding:clamp(40px,6vw,84px) var(--pad) clamp(32px,4vw,56px)}
.wn-kits .unq-studio-intro>.lbl{font-family:var(--f-mono);color:var(--sky);letter-spacing:.08em;font-size:12px}
.wn-kits .unq-studio-intro h1{font-family:var(--f-display);font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:.95;font-size:clamp(44px,7vw,104px)}
.wn-kits .unq-studio-intro>p:not(.lbl){color:var(--fg-2);font-size:clamp(15px,1.3vw,18px)}
.wn-kits .unq-studio-intro>span{font-family:var(--f-mono);color:var(--sky);letter-spacing:.06em;text-transform:uppercase}
.wn-kits .unq-studio-layout aside h2{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--steel)}
.wn-kits .unq-studio-layout aside{top:calc(var(--hdr) + 20px)}
.wn-kits .unq-studio-layout aside button{font-family:var(--f-body);font-size:14px;font-weight:500;border-radius:10px;border-bottom-color:transparent;margin-bottom:2px}
.wn-kits .unq-studio-layout aside button:hover{background:#e6edf6}
.wn-kits .unq-studio-layout aside button[aria-pressed=true]{background:var(--ink);color:var(--sky)}
.wn-kits .unq-studio-toolbar h2{font-family:var(--f-display);font-weight:800;letter-spacing:.01em}
.wn-kits .unq-studio-toolbar input{border-radius:999px;padding:12px 18px;border-color:var(--hair)}
.wn-kits .unq-studio-grid article{border-radius:16px;overflow:hidden;border-color:var(--hair);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.wn-kits .unq-studio-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(10,17,32,.14)}
.wn-kits .unq-studio-image{background:#eef2f7}
.wn-kits .unq-studio-copy p{font-family:var(--f-mono);color:var(--steel)}
.wn-kits .unq-studio-copy h3{font-family:var(--f-display);font-weight:800;letter-spacing:.01em}
.wn-kits .unq-studio-copy>span{background:var(--ink);color:var(--sky);border-radius:999px;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:0 18px}
.wn-kits .unq-studio-grid a:hover .unq-studio-copy>span{background:var(--steel);color:#fff}
.wn-kits .unq-studio-more{border-radius:999px;background:var(--ink);border-color:var(--ink);color:var(--sky);font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:14px 28px}
.wn-kits .unq-studio-product-head{background:var(--ink-2);color:var(--chalk)}
.wn-kits .unq-studio-product-head a{color:var(--sky);font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.wn-kits .unq-studio-product-head h1{font-family:var(--f-display);font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(34px,4.4vw,60px)}
.wn-kits .unq-studio-product-head p{color:var(--fg-2)}
.wn-kits .unq-studio-shop :is(a,button,input):focus-visible{outline-color:var(--steel)}