/* JNTOOLS · iCloud desktop design. Presentation only; load after page styles.
   The nonmatching ID guard gives this layer priority over legacy !important rules. */
:root {
  --icloud-blue:#0071e3; --icloud-ink:#1f1f1f; --icloud-muted:#6e6e73;
  --icloud-line:#e5e5ea; --icloud-soft:#f5f5f7;
}
html body:not(#jn-icloud-legacy) {
  --jn-copy-blue:#0071e3; --jn-copy-blue-dark:#0066cc; --jn-copy-ink:#1f1f1f;
  --jn-copy-muted:#6e6e73; --jn-copy-line:#e5e5ea; --jn-copy-canvas:#fff;
  --settings-blue:#0071e3; --settings-ink:#1f1f1f; --settings-muted:#6e6e73;
  --settings-line:#e5e5ea; --admin-blue:#0071e3; --admin-blue-dark:#0066cc;
  --admin-ink:#1f1f1f; --admin-muted:#6e6e73; --admin-line:#e5e5ea;
  --ac-bg:#fff; --ac-text:#1f1f1f; --ac-muted:#6e6e73; --ac-line:#e5e5ea;
  --public-blue:#0071e3; --public-text:#1f1f1f; --public-muted:#6e6e73;
  --public-bg:#fff; --public-line:#e5e5ea;
  background:#fff!important; background-image:none!important; color:#1f1f1f!important;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",sans-serif!important;
  font-size:14px; color-scheme:light;
}
html body:not(#jn-icloud-legacy) :is(button,input,select,textarea,h1,h2,h3,h4) {font-family:inherit!important}
html body:not(#jn-icloud-legacy) h1 {color:#1f1f1f!important;font-size:32px!important;font-weight:700!important;line-height:1.18!important;letter-spacing:-.025em!important}
html body:not(#jn-icloud-legacy) :is(h2,h3) {color:#1f1f1f!important;letter-spacing:-.015em!important}
html body:not(#jn-icloud-legacy) :is(a,button,input,select,textarea):focus-visible {outline:2px solid #0071e3!important;outline-offset:3px!important}
/* Retain the established sidebar position and responsive layout. */
html body:not(#jn-icloud-legacy) .jn-sidebar {background:#f5f5f7!important;border-right:1px solid #e5e5ea!important;box-shadow:none!important;padding-top:18px!important;gap:15px!important;overflow-y:auto!important}
html body:not(#jn-icloud-legacy) .jn-sidebar>a.jn-side-brand {background:transparent!important;box-shadow:none!important;border-radius:0!important;clip-path:none!important;-webkit-clip-path:none!important;min-height:60px!important;max-height:60px!important;padding:0 14px!important}
html body:not(#jn-icloud-legacy) .jn-sidebar>a.jn-side-brand>.jn-side-brand-mark {color:#1f1f1f!important;font-family:inherit!important;font-size:32px!important;font-weight:750!important}
html body:not(#jn-icloud-legacy) .jn-sidebar>a.jn-side-brand>.jn-side-brand-rule {background:#d2d2d7!important;height:28px!important}
html body:not(#jn-icloud-legacy) .jn-sidebar>a.jn-side-brand>.jn-side-brand-copy>strong {color:#1f1f1f!important;font-family:inherit!important;font-size:19px!important;font-weight:600!important}
html body:not(#jn-icloud-legacy) .jn-sidebar>a.jn-side-brand>.jn-side-brand-copy>small {color:#6e6e73!important;font-family:inherit!important;font-size:9px!important;letter-spacing:.06em!important;font-weight:500!important}
html body:not(#jn-icloud-legacy) .jn-sidebar>:is(.jn-side-nav,.premium-nav)>a {background:transparent!important;color:#3a3a3c!important;font-family:inherit!important;font-weight:500!important;border-radius:9px!important;border-color:transparent!important;min-height:44px!important;max-height:44px!important;box-shadow:none!important;transform:none!important}
html body:not(#jn-icloud-legacy) .jn-sidebar>:is(.jn-side-nav,.premium-nav)>a::before {color:#0071e3!important;opacity:1!important}
html body:not(#jn-icloud-legacy) .jn-sidebar>:is(.jn-side-nav,.premium-nav)>a:hover {background:#eaeaec!important;color:#1f1f1f!important;border-color:transparent!important}
html body:not(#jn-icloud-legacy) .jn-sidebar>:is(.jn-side-nav,.premium-nav)>a.active {background:#deebfc!important;color:#0066cc!important;font-weight:600!important;border-color:transparent!important}
html body:not(#jn-icloud-legacy) .jn-sidebar>:is(.jn-side-nav,.premium-nav)>a.nav-logout {background:transparent!important;border-top:1px solid #dedee3!important;border-radius:0!important;color:#6e6e73!important}
/* White content canvas; headings are part of the page rather than raised cards. */
html body:not(#jn-icloud-legacy) :is(.start-main,.copy-main,.settings-konzept-main,.support-konzept-main,.admin-clean-main,.admin-users-main,.notifications-main) {background:#fff!important;min-width:0}
html body:not(#jn-icloud-legacy) :is(.start-hero,.jn-copy-commandbar,.settings-hero-card,.support-hero-card,.admin-clean-hero,.admin-users-hero,.notifications-hero) {background:#fff!important;background-image:none!important;border:0!important;border-bottom:1px solid #e5e5ea!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;padding:24px 0 26px!important;margin-bottom:24px!important;transform:none!important;backdrop-filter:none!important}
html body:not(#jn-icloud-legacy) :is(.start-hero,.settings-hero-card,.support-hero-card,.admin-clean-hero,.admin-users-hero)::before,
html body:not(#jn-icloud-legacy) :is(.start-hero,.settings-hero-card,.support-hero-card,.admin-clean-hero,.admin-users-hero)::after {content:none!important}
html body:not(#jn-icloud-legacy) :is(.start-hero-kicker,.settings-page-label,.support-page-label,.notifications-hero-copy>span,.jn-copy-command-title>span) {color:#6e6e73!important;font-weight:500!important;letter-spacing:.02em!important;font-size:12px!important;text-transform:none!important}
html body:not(#jn-icloud-legacy) :is(.start-hero-copy,.settings-hero-content,.support-hero-content,.jn-copy-command-title,.notifications-hero-copy)>p {color:#6e6e73!important;font-size:14px!important;line-height:1.5!important}
/* Flat content panels and discreet blue icon tiles. */
html body:not(#jn-icloud-legacy) :is(.start-card,.start-card-primary,.settings-option-card,.support-option-card,.admin-clean-card,.admin-card,.admin-users-card,.admin-command-kpi,.admin-command-chart-panel,.admin-command-priority,.admin-command-activity,.admin-command-tools,.admin-command-hero,.notification-item,.notification-empty,.start-admin-strip,.start-stat) {background:#fff!important;background-image:none!important;border:1px solid #e5e5ea!important;border-radius:12px!important;box-shadow:none!important;transform:none!important;backdrop-filter:none!important;transition:background-color .15s ease,border-color .15s ease!important}
html body:not(#jn-icloud-legacy) :is(.start-card,.settings-option-card,.support-option-card):hover {background:#fafafa!important;border-color:#c7c7cc!important;transform:none!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) :is(.start-card,.settings-option-card,.support-option-card)::after {content:none!important}
html body:not(#jn-icloud-legacy) :is(.start-card h2,.settings-option-card strong,.support-option-card strong) {color:#1f1f1f!important;font-weight:600!important}
html body:not(#jn-icloud-legacy) :is(.start-card p,.settings-option-card p,.support-option-card p,.start-stat span,.start-stat small) {color:#6e6e73!important}
html body:not(#jn-icloud-legacy) :is(.start-card-icon,.settings-option-icon,.support-option-icon,.notification-kind) {background:#edf4ff!important;color:#0071e3!important;border-radius:10px!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) .start-card-news>span:first-child {color:#0071e3!important}
html body:not(#jn-icloud-legacy) :is(.start-card-link,.start-admin-link,.settings-option-card em,.support-option-card em) {color:#0071e3!important;background:transparent!important;border-color:transparent!important;font-weight:500!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) :is(.start-card-badge,.notification-new-pill) {background:#edf4ff!important;color:#0066cc!important;border:0!important;border-radius:100px!important;box-shadow:none!important}
/* Primary actions follow the measured iCloud pill shape. Do not recolour semantic copy buttons. */
html body:not(#jn-icloud-legacy) :is(.auth-clean-button,.jn-entry-button,.jn-copy-new-main,.news-compose-primary,.solid-action,.admin-command-hero-actions a,.btn.primary) {background:#0071e3!important;background-image:none!important;border-color:#0071e3!important;color:#fff!important;border-radius:100px!important;box-shadow:none!important;font-size:14px!important;font-weight:500!important;transform:none!important;transition:background-color .15s ease!important}
html body:not(#jn-icloud-legacy) :is(.auth-clean-button,.jn-entry-button,.jn-copy-new-main,.news-compose-primary,.solid-action,.btn.primary):hover {background:#0066cc!important;transform:none!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) :is(.line-button,.soft-action,.bc-filter-toggle,.bc-filter-btn,.bc-sort-select,.notification-filters a,.admin-clean-tab) {background:#f5f5f7!important;background-image:none!important;border-color:#e5e5ea!important;color:#0071e3!important;border-radius:9px!important;box-shadow:none!important;font-weight:500!important;transform:none!important}
html body:not(#jn-icloud-legacy) :is(.danger-line,.btn.danger,.notification-delete-button) {color:#b42332!important;background:#fff5f5!important;border-color:#f0d3d7!important}
html body:not(#jn-icloud-legacy) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select) {background:#fff!important;background-image:none!important;border-color:#d2d2d7!important;color:#1f1f1f!important;border-radius:8px!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) :is(input,textarea,select):focus {border-color:#0071e3!important;box-shadow:0 0 0 3px #0071e31a!important}
html body:not(#jn-icloud-legacy) :is(button,a)[aria-disabled=true],html body:not(#jn-icloud-legacy) button:disabled {opacity:.5!important}
/* Copy Tool: quiet toolbar, legible rows, unchanged hierarchy and actions. */
html body:not(#jn-icloud-legacy).page-copy .jn-copy-commandbar {gap:20px!important}
html body:not(#jn-icloud-legacy).page-copy :is(.bc-sticky-search,#copyStickySearch.is-compact) {background:#fff!important;border:1px solid #e5e5ea!important;border-radius:12px!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important}
html body:not(#jn-icloud-legacy).page-copy #copyStickySearch {padding:16px!important}
html body:not(#jn-icloud-legacy).page-copy .bc-search-box {background:#f5f5f7!important;border:1px solid #e5e5ea!important;border-radius:9px!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy).page-copy .bc-search-box input {background:transparent!important;border:0!important}
html body:not(#jn-icloud-legacy).page-copy :is(#copyFilterPanel,.bc-recent-card) {background:#fafafa!important;border-color:#e5e5ea!important;border-radius:9px!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy).page-copy :is(.bc-tag-chip,.bc-recent-chip) {background:#f5f5f7!important;border-color:#e5e5ea!important;color:#3a3a3c!important;border-radius:100px!important;font-weight:500!important;box-shadow:none!important;transform:none!important}
html body:not(#jn-icloud-legacy).page-copy :is(.bc-tag-chip.active,.bc-filter-btn.active,.bc-filter-toggle.active) {background:#edf4ff!important;border-color:#c8def9!important;color:#0066cc!important}
html body:not(#jn-icloud-legacy).page-copy .bc-library-tabs {background:#f5f5f7!important;border-color:#e5e5ea!important;border-radius:100px!important;padding:3px!important}
html body:not(#jn-icloud-legacy).page-copy .bc-library-tabs .bc-library-tab {border-radius:100px!important;font-weight:500!important;box-shadow:none!important;color:#6e6e73!important}
html body:not(#jn-icloud-legacy).page-copy .bc-library-tabs .bc-library-tab.is-active {background:#fff!important;color:#0071e3!important;box-shadow:0 1px 4px #00000012!important}
html body:not(#jn-icloud-legacy).page-copy #groupsPanel>.bc-group-card {background:#fff!important;border:1px solid #e5e5ea!important;border-radius:12px!important;box-shadow:none!important;transform:none!important;transition:border-color .15s ease!important}
html body:not(#jn-icloud-legacy).page-copy #groupsPanel>.bc-group-card:hover {border-color:#b8cbe2!important;box-shadow:none!important;transform:none!important}
html body:not(#jn-icloud-legacy).page-copy .bc-group-head {background:#fff!important;border-radius:12px!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy).page-copy .jn-copy-card-main {background:transparent!important;color:#1f1f1f!important;transform:none!important}
html body:not(#jn-icloud-legacy).page-copy .jn-copy-card-main strong {color:#1f1f1f!important;font-weight:600!important;font-size:17px!important}
html body:not(#jn-icloud-legacy).page-copy .jn-copy-card-copy {color:#0071e3!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
html body:not(#jn-icloud-legacy).page-copy .jn-copy-card-meta {color:#6e6e73!important;font-weight:400!important}
html body:not(#jn-icloud-legacy).page-copy :is(.bc-group-body,.jn-copy-group-editor,.bc-variant-body) {background:#fafafa!important;border-color:#e5e5ea!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy).page-copy .bc-variant-card {background:#fff!important;border-color:#e5e5ea!important;border-radius:10px!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy).page-copy .bc-item-row {border-color:#e5e5ea!important;background:#fff!important;transform:none!important}
html body:not(#jn-icloud-legacy).page-copy .bc-item-row:hover {background:#fafafa!important}
html body:not(#jn-icloud-legacy).page-copy :is(.bc-copy-multiplier,.bc-qty-control) {border-color:#e5e5ea!important;background:#f5f5f7!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy).page-copy :is(.bc-copy-step,.bc-qty-btn) {background:transparent!important;color:#0071e3!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}
html body:not(#jn-icloud-legacy).page-copy :is(.bc-copy-multiplier-input,.bc-qty-input) {background:#fff!important;color:#1f1f1f!important;font-weight:600!important}
html body:not(#jn-icloud-legacy).page-copy .bc-icon-toggle {background:transparent!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}
html body:not(#jn-icloud-legacy).page-copy .bc-icon-toggle.active {color:#a36900!important}
html body:not(#jn-icloud-legacy).page-copy :is(.jn-new-group-menu,.bc-library-dialog,.jn-mixer-dialog,.jn-group-import-dialog) {background:#fff!important;border-color:#e5e5ea!important;border-radius:16px!important;box-shadow:0 12px 44px #0000001f!important;backdrop-filter:none!important}
/* Authentication and entry pages use the same quiet white surface. */
html body:not(#jn-icloud-legacy) .auth-clean-card {background:#fff!important;border-color:#e5e5ea!important;border-radius:18px!important;box-shadow:0 3px 18px #00000006!important;backdrop-filter:none!important}
html body:not(#jn-icloud-legacy) :is(.auth-clean-brand,.jn-entry-brand) {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#1f1f1f!important}
html body:not(#jn-icloud-legacy) :is(.auth-clean-brand-mark,.auth-clean-brand strong,.jn-entry-brand span,.jn-entry-brand strong) {color:#1f1f1f!important;font-family:inherit!important}
html body:not(#jn-icloud-legacy) :is(.auth-clean-brand,.jn-entry-brand)::after {color:#6e6e73!important;border-color:#d2d2d7!important;font-weight:500!important}
html body:not(#jn-icloud-legacy) :is(.jn-entry-card,.jn-entry-panel) {background:#fff!important;border-color:#e5e5ea!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) :is(.jn-global-footer,.start-footer,.settings-footer) {color:#86868b!important;background:transparent!important;border-color:#e5e5ea!important}
html body:not(#jn-icloud-legacy) :is(.admin-clean-tabs,.notification-toolbar,.admin-users-server-toolbar) {background:#f5f5f7!important;border-color:#e5e5ea!important;box-shadow:none!important;border-radius:10px!important}
html body:not(#jn-icloud-legacy) :is(.admin-clean-tab.active,.notification-filters a.active) {background:#fff!important;color:#0071e3!important;border-color:#e5e5ea!important}
html body:not(#jn-icloud-legacy) :is(.admin-user-row,.admin-clean-table th,.admin-users-table th) {background:#f5f5f7!important;border-color:#e5e5ea!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) :is(.admin-user-dialog,.news-compose-dialog,.settings-dialog) {background:#fff!important;border-color:#e5e5ea!important;border-radius:16px!important;box-shadow:0 12px 44px #0000001f!important}
@media(max-width:900px) {html body:not(#jn-icloud-legacy) .jn-sidebar>a.jn-side-brand {padding:0!important;justify-content:center!important}}
@media(max-width:760px) {html body:not(#jn-icloud-legacy) h1 {font-size:28px!important}html body:not(#jn-icloud-legacy) :is(.jn-copy-commandbar,.settings-hero-card,.support-hero-card) {padding-top:16px!important;gap:16px!important}}
@media(prefers-reduced-motion:reduce) {html body:not(#jn-icloud-legacy) :is(.start-card,.settings-option-card,.support-option-card,.bc-group-card,button) {transition:none!important}}
/* Copy actions are blue at rest; successful copies receive light green feedback. */
html body:not(#jn-icloud-legacy).page-copy :is([data-jnaction="copy-waschtisch"],[data-jnaction="copy-zubehoer"],[data-jnaction="copy-accessories"]) {background:#0071e3!important;border-color:#0071e3!important;color:#fff!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy).page-copy :is([data-jnaction="copy-waschtisch"],[data-jnaction="copy-zubehoer"],[data-jnaction="copy-accessories"]):hover {background:#0066cc!important}
html body:not(#jn-icloud-legacy).page-copy :is(.solid-action,.line-button).is-copied {background:#0071e3!important;border-color:#0071e3!important;color:#fff!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) :is(.jn-entry-brand-panel,.jn-entry-action-panel) {background:#fff!important;background-image:none!important;border-color:#e5e5ea!important;color:#1f1f1f!important}
html body:not(#jn-icloud-legacy) .jn-entry-intro h1 {color:#1f1f1f!important}
html body:not(#jn-icloud-legacy) :is(.jn-entry-intro>p,.jn-entry-action-panel>p,.jn-entry-eyebrow) {color:#6e6e73!important}
/* ID-scoped legacy Copy Tool rules require the same scope. */
html body:not(#jn-icloud-legacy).page-copy #groupsPanel {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
html body:not(#jn-icloud-legacy).page-copy #groupsPanel .bc-group-head {background:#fff!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) .jn-app-layout {background:#fff!important;min-height:100vh}
html body:not(#jn-icloud-legacy) .jn-sidebar>:is(.jn-side-nav,.premium-nav)>a.active::before {background-color:#0071e3!important}
html body:not(#jn-icloud-legacy) :is(.support-action-card,.support-action-primary,.support-tickets-card,.support-alert-panel,.admin-users-stats>article) {background:#fff!important;border:1px solid #e5e5ea!important;border-radius:12px!important;box-shadow:none!important;transform:none!important}
html body:not(#jn-icloud-legacy) .support-action-card:hover {background:#fafafa!important;border-color:#c7c7cc!important;transform:none!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) .support-action-card strong {color:#1f1f1f!important;font-weight:600!important}
html body:not(#jn-icloud-legacy) .support-action-card em {background:transparent!important;color:#0071e3!important;border-color:transparent!important;font-weight:500!important}
html body:not(#jn-icloud-legacy) .support-action-icon {background:#edf4ff!important;color:#0071e3!important;border-color:#d9e7fa!important;border-radius:10px!important}
html body:not(#jn-icloud-legacy) :is(.settings-message,.support-message) {border-radius:9px!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy) :is(.admin-users-primary,.admin-users-filter-submit,.support-primary-button) {background:#0071e3!important;background-image:none!important;color:#fff!important;border-color:#0071e3!important;border-radius:100px!important;box-shadow:none!important;font-weight:500!important;transform:none!important}
html body:not(#jn-icloud-legacy) .admin-users-server-toolbar {grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;min-width:0!important}
html body:not(#jn-icloud-legacy) .admin-users-server-toolbar>label {min-width:0!important}
html body:not(#jn-icloud-legacy) .admin-users-server-toolbar :is(input,select) {width:100%!important;min-width:0!important;box-sizing:border-box!important}

/* Quantity controls: no enclosing frame or visible text-selection fill. */
html body:not(#jn-icloud-legacy):not(#jn-icloud-focus).page-copy :is(.bc-copy-multiplier,.bc-qty-control,.jn-mixer-factor-control) {
  border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;
}
html body:not(#jn-icloud-legacy):not(#jn-icloud-focus).page-copy :is(.bc-copy-multiplier-input,.bc-qty-input,[data-mixer-factor],.bc-copy-step,.bc-qty-btn,.jn-mixer-factor-control>button) {
  border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
}
html body:not(#jn-icloud-legacy):not(#jn-icloud-focus).page-copy :is(.bc-copy-multiplier-input,.bc-qty-input,[data-mixer-factor],.bc-copy-step,.bc-qty-btn,.jn-mixer-factor-control>button):is(:focus,:focus-visible,:hover,:active) {
  border:0!important;outline:0!important;box-shadow:none!important;
}
html body:not(#jn-icloud-legacy):not(#jn-icloud-focus).page-copy :is(.bc-copy-multiplier-input,.bc-qty-input,[data-mixer-factor])::selection {
  background:transparent!important;color:#1f1f1f!important;
}
/* A quiet keyboard indicator without a ring or enclosing border. */
html body:not(#jn-icloud-legacy):not(#jn-icloud-focus).page-copy :is(.bc-copy-step,.bc-qty-btn,.jn-mixer-factor-control>button):focus-visible {
  background:#edf4ff!important;text-decoration:underline!important;
}
html body:not(#jn-icloud-legacy).page-copy #groupsPanel :is([data-jnaction="copy-waschtisch"],[data-jnaction="copy-zubehoer"]) {background:#0071e3!important;border-color:#0071e3!important;color:#fff!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy):not(#jn-icloud-feedback).page-copy :is(.solid-action,.line-button,[data-jnaction^="copy-"]).is-copied,
html body:not(#jn-icloud-legacy):not(#jn-icloud-feedback).page-copy :is(.solid-action,.line-button,[data-jnaction^="copy-"]).is-copied:hover {background:#65d58d!important;border-color:#65d58d!important;color:#14532d!important;box-shadow:none!important}
html body:not(#jn-icloud-legacy):not(#jn-icloud-feedback).page-copy #groupsPanel :is(.solid-action,.line-button,[data-jnaction^="copy-"]).is-copied,
html body:not(#jn-icloud-legacy):not(#jn-icloud-feedback).page-copy #groupsPanel :is(.solid-action,.line-button,[data-jnaction^="copy-"]).is-copied:hover {background:#65d58d!important;border-color:#65d58d!important;color:#14532d!important;box-shadow:none!important}

/* Separate visible step buttons, keeping the number free of selection rings. */
html body:not(#jn-icloud-legacy):not(#jn-icloud-focus).page-copy :is(.bc-copy-step,.bc-qty-btn,.jn-mixer-factor-control>button) {
  background:#f1f3f5!important;border:1px solid #e1e5ea!important;border-radius:10px!important;color:#0071e3!important;
  box-shadow:none!important;outline:0!important;text-decoration:none!important;
}
html body:not(#jn-icloud-legacy):not(#jn-icloud-focus).page-copy :is(.bc-copy-step,.bc-qty-btn,.jn-mixer-factor-control>button):is(:hover,:focus,:focus-visible,:active) {
  background:#e5edf7!important;border:1px solid #d6e2f0!important;box-shadow:none!important;outline:0!important;text-decoration:none!important;
}
html body:not(#jn-icloud-legacy):not(#jn-icloud-focus).page-copy :is(.bc-copy-multiplier,.bc-qty-control,.jn-mixer-factor-control) {gap:6px!important}
html body:not(#jn-icloud-legacy):not(#jn-icloud-feedback).page-copy #groupsPanel .is-copied::before {color:#14532d!important;background:#ffffff38!important;box-shadow:none!important}
/* Let the group background show between individual action buttons. */
html body:not(#jn-icloud-legacy):not(#jn-icloud-actions).page-copy :is(.bc-group-actions,.bc-variant-actions,.bc-copy-action-cluster,.jn-split-copy),
html body:not(#jn-icloud-legacy):not(#jn-icloud-actions).page-copy :is(.bc-group-actions,.bc-variant-actions,.bc-copy-action-cluster,.jn-split-copy):is(:hover,:focus-within) {
  background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important;backdrop-filter:none!important;
}
html body:not(#jn-icloud-legacy):not(#jn-icloud-actions).page-copy :is(.bc-group-actions,.bc-copy-action-cluster,.jn-split-copy)::before,
html body:not(#jn-icloud-legacy):not(#jn-icloud-actions).page-copy :is(.bc-group-actions,.bc-copy-action-cluster,.jn-split-copy)::after {
  background:transparent!important;box-shadow:none!important;
}
html body:not(#jn-icloud-legacy):not(#jn-icloud-actions).page-copy #groupsPanel .bc-group-actions .solid-action {box-shadow:none!important}
