/* JN Tools final clean business system */
:root,
body,
body[data-theme="day"],
body[data-theme="night"] {
    color-scheme: light !important;

    --bg: #f4f6f8 !important;
    --bg-soft: #f7f8fa !important;
    --paper: #ffffff !important;
    --paper-solid: #ffffff !important;
    --paper-warm: #f3f5f7 !important;
    --line: #dfe4ea !important;
    --line-soft: rgba(16, 43, 70, .09) !important;
    --text: #162535 !important;
    --muted: #687586 !important;
    --accent: #123b63 !important;
    --accent-light: #edf3f8 !important;
    --accent-soft: rgba(18, 59, 99, .09) !important;
    --shadow: 0 16px 40px rgba(16, 43, 70, .07) !important;
    --shadow-soft: 0 8px 24px rgba(16, 43, 70, .055) !important;

    --jn-accent: #123b63 !important;
    --jn-accent-dark: #0b2947 !important;
    --jn-accent-soft: rgba(18, 59, 99, .09) !important;
    --jn-bg: #f4f6f8 !important;
    --jn-card: #ffffff !important;
    --jn-panel: #ffffff !important;
    --jn-glass: #ffffff !important;
    --jn-glass-strong: #ffffff !important;
    --jn-line: #dfe4ea !important;
    --jn-glass-line: #dfe4ea !important;
    --jn-text: #162535 !important;
    --jn-text-main: #162535 !important;
    --jn-muted: #687586 !important;
    --jn-text-muted: #687586 !important;
    --jn-shadow: 0 16px 40px rgba(16, 43, 70, .07) !important;
    --jn-soft-shadow: 0 8px 24px rgba(16, 43, 70, .055) !important;
    --jn-page-bg-day: none !important;
    --jn-page-bg-night: none !important;
    --jn-page-overlay-day: transparent !important;
    --jn-page-overlay-night: transparent !important;

    --force-bg: #f4f6f8 !important;
    --force-card: #ffffff !important;
    --force-panel: #ffffff !important;
    --force-line: #dfe4ea !important;
    --force-text: #162535 !important;
    --force-muted: #687586 !important;
    --force-accent: #123b63 !important;
    --force-accent-dark: #0b2947 !important;
    --force-accent-soft: rgba(18, 59, 99, .09) !important;
    --force-shadow: 0 16px 40px rgba(16, 43, 70, .07) !important;

    --bc-accent: #123b63 !important;
    --bc-accent-dark: #0b2947 !important;
    --bc-accent-soft: rgba(18, 59, 99, .09) !important;
    --kt-accent: #123b63 !important;
    --kt-accent-dark: #0b2947 !important;
    --kt-accent-soft: rgba(18, 59, 99, .09) !important;
    --kt-bg: #f4f6f8 !important;
    --kt-paper: #ffffff !important;
    --kt-paper-strong: #ffffff !important;
    --kt-soft: #f3f5f7 !important;
    --kt-line: #dfe4ea !important;
    --kt-line-soft: rgba(16, 43, 70, .09) !important;
    --kt-text: #162535 !important;
    --kt-muted: #687586 !important;
    --kt-serif: Inter, Arial, sans-serif !important;
    --kt-ui: Inter, Arial, sans-serif !important;

    --az-accent: #123b63 !important;
    --az-accent-dark: #0b2947 !important;
    --az-accent-soft: rgba(18, 59, 99, .09) !important;
    --az-bg: #f4f6f8 !important;
    --az-paper: #ffffff !important;
    --az-paper-strong: #ffffff !important;
    --az-card: #ffffff !important;
    --az-card-strong: #ffffff !important;
    --az-soft: #f3f5f7 !important;
    --az-line: #dfe4ea !important;
    --az-line-soft: rgba(16, 43, 70, .09) !important;
    --az-text: #162535 !important;
    --az-muted: #687586 !important;
    --az-serif: Inter, Arial, sans-serif !important;
    --az-ui: Inter, Arial, sans-serif !important;

    --au-accent: #123b63 !important;
    --au-accent-dark: #0b2947 !important;
    --au-bg: #f4f6f8 !important;
    --au-card: #ffffff !important;
    --au-card-strong: #ffffff !important;
    --au-soft: #f3f5f7 !important;
    --au-line: #dfe4ea !important;
    --au-text: #162535 !important;
    --au-muted: #687586 !important;
    --au-shadow: 0 16px 40px rgba(16, 43, 70, .07) !important;

    --auth-accent: #123b63 !important;
    --auth-accent-dark: #0b2947 !important;
    --auth-bg: #f4f6f8 !important;
    --auth-card: #ffffff !important;
    --auth-line: #dfe4ea !important;
    --auth-text: #162535 !important;
    --auth-muted: #687586 !important;
    --auth-serif: Inter, Arial, sans-serif !important;
    --auth-shadow: 0 18px 50px rgba(16, 43, 70, .09) !important;

    --bcn-cream: #f4f6f8 !important;
    --bcn-cream-warm: #f3f5f7 !important;
    --bcn-paper: #ffffff !important;
    --bcn-linen: #ffffff !important;
    --bcn-panel: #ffffff !important;
    --bcn-glass: #ffffff !important;
    --bcn-glass-strong: #ffffff !important;
    --bcn-veil: #f7f8fa !important;
    --bcn-ink: #162535 !important;
    --bcn-ink-soft: #34495e !important;
    --bcn-charcoal: #162535 !important;
    --bcn-dust: #687586 !important;
    --bcn-ghost: #8793a1 !important;
    --bcn-stone: #cfd6de !important;
    --bcn-line: #dfe4ea !important;
    --bcn-line-soft: rgba(16, 43, 70, .08) !important;
    --bcn-line-warm: #dfe4ea !important;
    --bcn-terra: #123b63 !important;
    --bcn-terra-deep: #0b2947 !important;
    --bcn-terra-light: #edf3f8 !important;
    --bcn-sienna: #123b63 !important;
    --bcn-ochre: #123b63 !important;
    --bcn-sage: #687586 !important;
    --bcn-glow: rgba(18, 59, 99, .08) !important;
    --bcn-sans: Inter, Arial, sans-serif !important;
    --bcn-serif: Inter, Arial, sans-serif !important;
    --bcn-shadow-xs: 0 2px 8px rgba(16, 43, 70, .04) !important;
    --bcn-shadow-sm: 0 6px 18px rgba(16, 43, 70, .05) !important;
    --bcn-shadow-md: 0 10px 28px rgba(16, 43, 70, .06) !important;
    --bcn-shadow-lg: 0 16px 40px rgba(16, 43, 70, .07) !important;
    --bcn-shadow-xl: 0 20px 54px rgba(16, 43, 70, .08) !important;
}

html,
body,
body[data-theme="night"] {
    background: #f4f6f8 !important;
    color: #162535 !important;
}

body::before,
body::after,
.jn-app-page::before,
.jn-app-page::after,
.page-copy::before,
.page-copy::after {
    display: none !important;
    content: none !important;
}

body.jn-app-page,
body.admin-page,
body.admin-users-page,
body.auth-clean-page,
body.jn-start-page,
body.page-copy,
body[data-theme="night"].jn-app-page,
body[data-theme="night"].admin-page,
body[data-theme="night"].admin-users-page,
body[data-theme="night"].auth-clean-page,
body[data-theme="night"].jn-start-page {
    background: #f4f6f8 !important;
    background-image: none !important;
}

img,
picture,
.auth-clean-bg,
.jn-start-visual,
.jn-start-photo,
.admin-hero-image img,
.dashboard-hero-visual,
.support-hero-visual,
.settings-hero-visual,
.jn-article-image,
.jn-admin-image-box,
.imgprev {
    display: none !important;
}

* {
    scrollbar-color: #c5ced8 transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero h1,
.admin-hero h1,
.admin-users-hero h1,
.dashboard-hero-content h1,
.support-hero-content h1,
.settings-hero-content h1,
.auth-clean-card h1,
.auth-card h1,
.jn-start-content h1,
.bc-copy-hero h1,
.jn-article-hero h1 {
    font-family: Inter, Arial, sans-serif !important;
    color: #162535 !important;
    letter-spacing: -.02em !important;
    text-wrap: balance;
}

h1,
.hero h1,
.admin-hero h1,
.admin-users-hero h1,
.dashboard-hero-content h1,
.support-hero-content h1,
.settings-hero-content h1,
.auth-clean-card h1,
.auth-card h1,
.jn-start-content h1,
.bc-copy-hero h1,
.jn-article-hero h1 {
    font-size: clamp(26px, 3vw, 34px) !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

h2,
.section-head h2,
.settings-dialog h2,
.support-dialog h2,
.modal-card h2,
.coming-soon-card h2 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -.012em !important;
}

h3,
.setting-card h3,
.group-card h3,
.variant-card h3 {
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

p,
small,
span,
label,
input,
select,
textarea,
button,
a {
    font-family: Inter, Arial, sans-serif;
}

.dashboard-kicker,
.support-kicker,
.settings-kicker,
.admin-kicker,
.admin-eyebrow,
.admin-users-kicker,
.auth-clean-kicker,
.auth-eyebrow,
.jn-article-kicker,
.bc-copy-hero p:first-child {
    color: #123b63 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.jn-sidebar,
body[data-theme="night"] .jn-sidebar {
    background: #ffffff !important;
    border-right: 1px solid #e1e6eb !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.jn-side-brand,
.jn-side-brand span,
.jn-side-brand strong,
body[data-theme="night"] .jn-side-brand,
body[data-theme="night"] .jn-side-brand span,
body[data-theme="night"] .jn-side-brand strong {
    color: #123b63 !important;
}

.jn-side-nav .nav-icon,
.premium-nav .nav-icon,
body[data-theme="night"] .jn-side-nav .nav-icon,
body[data-theme="night"] .premium-nav .nav-icon {
    color: #5f6e7e !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.jn-side-nav .nav-icon:hover,
.premium-nav .nav-icon:hover,
body[data-theme="night"] .jn-side-nav .nav-icon:hover,
body[data-theme="night"] .premium-nav .nav-icon:hover {
    color: #123b63 !important;
    background: #f1f4f7 !important;
    border-color: transparent !important;
}

.jn-side-nav .nav-icon.active,
.premium-nav .nav-icon.active,
body[data-theme="night"] .jn-side-nav .nav-icon.active,
body[data-theme="night"] .premium-nav .nav-icon.active {
    color: #ffffff !important;
    background: #123b63 !important;
    border-color: #123b63 !important;
    box-shadow: none !important;
}

.jn-side-user-card,
.jn-user-card {
    background: #f7f8fa !important;
    border: 1px solid #e1e6eb !important;
    box-shadow: none !important;
}

.jn-side-user-avatar,
.jn-avatar,
.profile-avatar,
.settings-profile-avatar,
.admin-user-avatar {
    color: #ffffff !important;
    background: #123b63 !important;
    border-color: #123b63 !important;
    box-shadow: none !important;
}

.dashboard-konzept-main,
.support-konzept-main,
.settings-konzept-main,
.copy-main,
.jn-main,
.admin-main,
.admin-users-main {
    background: transparent !important;
}

.dashboard-hero-card,
.support-hero-card,
.settings-hero-card,
.bc-copy-hero,
.hero,
.admin-hero,
.admin-users-hero,
.az-hero,
.jn-start-card,
body[data-theme="night"] .dashboard-hero-card,
body[data-theme="night"] .support-hero-card,
body[data-theme="night"] .settings-hero-card,
body[data-theme="night"] .bc-copy-hero,
body[data-theme="night"] .hero,
body[data-theme="night"] .admin-hero,
body[data-theme="night"] .admin-users-hero,
body[data-theme="night"] .az-hero,
body[data-theme="night"] .jn-start-card {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e1e6eb !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.dashboard-hero-card,
.support-hero-card,
.settings-hero-card,
.bc-copy-hero,
.admin-hero,
.admin-users-hero,
.jn-article-hero {
    padding: 24px 28px !important;
    min-height: 0 !important;
}

.dashboard-action-card,
.dashboard-recent-card,
.jn-insight-card,
.support-action-card,
.support-tickets-card,
.settings-option-card,
.group-card,
.variant-card,
.bc-recent-card,
.bc-library-dialog,
.bc-library-card,
.article-card,
.article-gallery-card,
.admin-card,
.az-card,
.admin-stat-card,
.admin-users-card,
.auth-card,
.auth-clean-card,
.settings-dialog,
.support-dialog,
.modal-card,
.coming-soon-card,
.kpi-card,
.user-card,
.setting-card,
.system-check,
.password-box,
.log-row,
.jn-article-card,
.jn-article-admin-card,
body[data-theme="night"] .admin-card,
body[data-theme="night"] .auth-clean-card,
body[data-theme="night"] .settings-dialog,
body[data-theme="night"] .support-dialog {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #e1e6eb !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.dashboard-action-card:hover,
.settings-option-card:hover,
.support-action-card:hover,
.jn-article-card:hover,
.group-card:hover,
.variant-card:hover,
.admin-card:hover,
.admin-user-row:hover {
    border-color: #c8d2dc !important;
    box-shadow: 0 10px 28px rgba(16, 43, 70, .06) !important;
    transform: translateY(-1px) !important;
}

button,
.btn,
.settings-primary-button,
.admin-users-primary,
.auth-clean-button,
.bc-primary-button,
.copy-button,
.primary-button {
    border-radius: 9px !important;
}

.btn.primary,
.settings-primary-button,
.admin-users-primary,
.auth-clean-button,
.bc-primary-button,
.copy-button,
.primary-button,
body[data-theme="night"] .btn.primary {
    color: #ffffff !important;
    background: #123b63 !important;
    background-image: none !important;
    border-color: #123b63 !important;
    box-shadow: none !important;
}

.btn.primary:hover,
.settings-primary-button:hover,
.admin-users-primary:hover,
.auth-clean-button:hover,
.bc-primary-button:hover,
.copy-button:hover,
.primary-button:hover {
    color: #ffffff !important;
    background: #0b2947 !important;
    border-color: #0b2947 !important;
    box-shadow: none !important;
}

.btn.soft,
.btn.line,
.settings-soft-button,
.auth-clean-link-button,
.admin-users-secondary,
body[data-theme="night"] .btn.soft,
body[data-theme="night"] .btn.line {
    color: #294056 !important;
    background: #ffffff !important;
    background-image: none !important;
    border-color: #d8dfe6 !important;
    box-shadow: none !important;
}

.btn.soft:hover,
.btn.line:hover,
.settings-soft-button:hover,
.auth-clean-link-button:hover,
.admin-users-secondary:hover {
    color: #123b63 !important;
    background: #f3f5f7 !important;
    border-color: #c8d2dc !important;
}

input,
select,
textarea,
body[data-theme="night"] input,
body[data-theme="night"] select,
body[data-theme="night"] textarea {
    color: #162535 !important;
    background: #ffffff !important;
    border-color: #d8dfe6 !important;
    box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #557594 !important;
    box-shadow: 0 0 0 3px rgba(18, 59, 99, .08) !important;
    outline: none !important;
}

.admin-tabs,
.admin-users-tabs,
.bc-library-tabs,
body[data-theme="night"] .admin-tabs {
    background: #ffffff !important;
    border-color: #e1e6eb !important;
    box-shadow: none !important;
}

.admin-tabs a,
.admin-users-tabs a,
.bc-library-tabs button {
    color: #687586 !important;
}

.admin-tabs a:hover,
.admin-users-tabs a:hover,
.bc-library-tabs button:hover,
.admin-tabs a.active,
.admin-users-tabs a.active,
.bc-library-tabs button.active {
    color: #123b63 !important;
    background: #edf3f8 !important;
}

/* Copy Tool receives the exact same white system */
.page-copy,
.page-copy .copy-main,
.page-copy .bc-copy-shell,
.page-copy .bc-copy-workspace,
.page-copy .bc-search-panel,
.page-copy .bc-group-list,
.page-copy .bc-copy-content,
.page-copy .bc-library-content,
.page-copy .copy-tool-shell {
    background: transparent !important;
    background-image: none !important;
}

.page-copy .bc-search-panel,
.page-copy .bc-search-wrap,
.page-copy .bc-group-card,
.page-copy .bc-variant-card,
.page-copy .bc-library-card,
.page-copy .bc-recent-card,
.page-copy .bc-empty-state,
.page-copy .bc-table-wrap,
.page-copy .bc-library-toolbar,
.page-copy .bc-library-head,
.page-copy .copy-toolbar,
.page-copy .copy-panel {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #e1e6eb !important;
    box-shadow: none !important;
}

.page-copy .bc-group-head,
.page-copy .bc-variant-head,
.page-copy .bc-table-head,
.page-copy .copy-section-head {
    background: #f7f8fa !important;
    background-image: none !important;
    border-color: #e1e6eb !important;
}

.page-copy [class*="beige"],
.page-copy [class*="bronze"],
.page-copy [class*="terra"],
.page-copy [class*="warm"] {
    color: inherit !important;
    background: #f3f5f7 !important;
    border-color: #e1e6eb !important;
}

.page-copy .bc-copy-button,
.page-copy .bc-add-button,
.page-copy .bc-save-button,
.page-copy .bc-group-copy,
.page-copy .bc-variant-copy {
    color: #ffffff !important;
    background: #123b63 !important;
    background-image: none !important;
    border-color: #123b63 !important;
    box-shadow: none !important;
}

.page-copy .bc-copy-button:hover,
.page-copy .bc-add-button:hover,
.page-copy .bc-save-button:hover,
.page-copy .bc-group-copy:hover,
.page-copy .bc-variant-copy:hover {
    background: #0b2947 !important;
    border-color: #0b2947 !important;
}

/* Article cards become clean text cards */
.jn-article-grid {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
}

.jn-article-card {
    min-height: 0 !important;
    padding: 20px !important;
    text-align: left !important;
}

.jn-article-body {
    padding: 0 !important;
}

.jn-article-card strong {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

.jn-article-description {
    color: #687586 !important;
    line-height: 1.55 !important;
}

/* Authentication is flat and calm */
.auth-clean-page {
    display: grid !important;
    place-items: center !important;
    min-height: 100vh !important;
    padding: 24px !important;
    background: #f4f6f8 !important;
}

.auth-clean-card {
    width: min(100%, 440px) !important;
    padding: 34px 32px !important;
    border-radius: 16px !important;
}

.auth-clean-brand-mark {
    color: #123b63 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    letter-spacing: -.04em !important;
}

.auth-clean-lead {
    color: #687586 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* Landing page without illustration */
.jn-start-card {
    width: min(100%, 720px) !important;
    grid-template-columns: 1fr !important;
    padding: 42px !important;
}

.jn-start-content {
    max-width: 560px !important;
}

/* Remove old decorative gradients and ornaments */
.dashboard-hero-card::before,
.dashboard-hero-card::after,
.support-hero-card::before,
.support-hero-card::after,
.settings-hero-card::before,
.settings-hero-card::after,
.bc-copy-hero::before,
.bc-copy-hero::after,
.admin-hero::before,
.admin-hero::after,
.admin-users-hero::before,
.admin-users-hero::after,
.jn-start-card::before,
.jn-start-card::after,
.auth-clean-card::before,
.auth-clean-card::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 720px) {
    .dashboard-hero-card,
    .support-hero-card,
    .settings-hero-card,
    .bc-copy-hero,
    .admin-hero,
    .admin-users-hero,
    .jn-article-hero {
        padding: 20px !important;
    }

    h1,
    .hero h1,
    .admin-hero h1,
    .admin-users-hero h1,
    .dashboard-hero-content h1,
    .support-hero-content h1,
    .settings-hero-content h1,
    .auth-clean-card h1,
    .jn-start-content h1,
    .bc-copy-hero h1,
    .jn-article-hero h1 {
        font-size: 25px !important;
    }

    .auth-clean-card,
    .jn-start-card {
        padding: 26px 22px !important;
    }
}

/* Strong final removal of every legacy visual background */
body.auth-page::before,
body.auth-page::after,
body.auth-clean-page::before,
body.auth-clean-page::after,
body.jn-start-page::before,
body.jn-start-page::after,
body.admin-page::before,
body.admin-page::after,
body.admin-users-page::before,
body.admin-users-page::after,
body.jn-app-page::before,
body.jn-app-page::after,
.az-main::before,
.az-main::after,
.az-sidebar::before,
.az-sidebar::after,
.jn-main::before,
.jn-main::after,
.copy-main::before,
.copy-main::after,
.dashboard-konzept-main::before,
.dashboard-konzept-main::after,
.support-konzept-main::before,
.support-konzept-main::after,
.settings-konzept-main::before,
.settings-konzept-main::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    opacity: 0 !important;
}

body.jn-start-page .jn-start-image,
body.jn-start-page .jn-start-image-clean,
body.jn-start-page .jn-start-photo,
body.auth-page img,
body.auth-clean-page img,
body.admin-page img,
body.admin-users-page img,
body.jn-app-page img,
body.page-copy img {
    display: none !important;
}

body.page-copy,
body.page-copy .jn-app-layout,
body.page-copy .copy-main,
body.page-copy .bc-copy-hero,
body.page-copy .bc-search-panel,
body.page-copy .bc-group-card,
body.page-copy .bc-variant-card,
body.page-copy .bc-library-dialog,
body.page-copy .bc-library-card,
body.page-copy .bc-table-wrap,
body.page-copy .bc-recent-card,
body.page-copy .group-card,
body.page-copy .variant-card {
    background-color: #ffffff !important;
    background-image: none !important;
}

body.page-copy,
body.page-copy .jn-app-layout,
body.page-copy .copy-main {
    background-color: #f4f6f8 !important;
}

/* Update 3: admin visibility, navy actions, polished entry and login */

.dashboard-lead,
.dashboard-action-card p,
.dashboard-card-head p,
.support-action-card p,
.settings-option-card p,
body[data-theme="night"] .dashboard-lead,
body[data-theme="night"] .dashboard-action-card p {
    color: #687586 !important;
}

button,
a[class*="button"],
a[class*="action-link"],
span[class*="action-link"],
.jn-primary-link,
.support-primary-button,
.support-soft-button,
.settings-primary-button,
.settings-soft-button,
.line-button,
.side-action,
.bc-filter-btn,
.bc-new-group-button,
.bc-small-action,
.admin-user-manage,
.jn-article-profishop-link,
.repair-login-link,
.solid-action,
.soft-action {
    background-image: none !important;
    box-shadow: none !important;
}

.dashboard-action-link,
.jn-primary-link,
.auth-clean-button,
.support-primary-button,
.settings-primary-button,
.admin-users-primary,
.bc-new-group-button,
.primary-button,
.btn.primary,
.solid-action,
.jn-entry-button {
    color: #ffffff !important;
    background: #123b63 !important;
    border: 1px solid #123b63 !important;
    box-shadow: none !important;
}

.dashboard-action-link:hover,
.dashboard-action-card:hover .dashboard-action-link,
.jn-primary-link:hover,
.auth-clean-button:hover,
.support-primary-button:hover,
.settings-primary-button:hover,
.admin-users-primary:hover,
.bc-new-group-button:hover,
.primary-button:hover,
.btn.primary:hover,
.solid-action:hover,
.jn-entry-button:hover {
    color: #ffffff !important;
    background: #0b2947 !important;
    border-color: #0b2947 !important;
    box-shadow: none !important;
}

.dashboard-action-link {
    min-width: 184px !important;
    min-height: 48px !important;
    margin-top: 14px !important;
    padding: 0 18px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}

.dashboard-action-link i,
.dashboard-action-card:hover .dashboard-action-link i {
    color: #ffffff !important;
}

.support-soft-button,
.settings-soft-button,
.auth-clean-link-button,
.line-button,
.btn.soft,
.btn.line,
.bc-filter-btn,
.bc-small-action,
.admin-user-manage,
.jn-article-profishop-link,
.repair-login-link,
.soft-action {
    color: #123b63 !important;
    background: #ffffff !important;
    border: 1px solid #cfd8e1 !important;
    box-shadow: none !important;
}

.support-soft-button:hover,
.settings-soft-button:hover,
.auth-clean-link-button:hover,
.line-button:hover,
.btn.soft:hover,
.btn.line:hover,
.bc-filter-btn:hover,
.bc-small-action:hover,
.admin-user-manage:hover,
.jn-article-profishop-link:hover,
.repair-login-link:hover,
.soft-action:hover {
    color: #0b2947 !important;
    background: #edf3f8 !important;
    border-color: #aebfce !important;
    box-shadow: none !important;
}

/* Balanced and centred user card */
.jn-sidebar .jn-side-user-card,
body[data-theme="night"] .jn-sidebar .jn-side-user-card {
    width: calc(100% - 16px) !important;
    min-height: 74px !important;
    margin: 0 auto 4px !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;
    border: 1px solid #e1e6eb !important;
    border-radius: 14px !important;
    background: #f7f9fb !important;
    box-shadow: none !important;
    text-align: left !important;
}

.jn-sidebar .jn-side-user-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: #123b63 !important;
    border: 1px solid #123b63 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .03em !important;
}

.jn-sidebar .jn-side-user-text {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
    align-content: center !important;
}

.jn-sidebar .jn-side-user-text strong {
    max-width: 142px !important;
    overflow: hidden !important;
    color: #162535 !important;
    font-size: 13.5px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.jn-sidebar .jn-side-user-text small {
    color: #687586 !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

/* New public entry page */
body.jn-start-page {
    min-height: 100vh !important;
    padding: 28px !important;
    display: grid !important;
    place-items: center !important;
    background: #eef2f6 !important;
    background-image: none !important;
}

.jn-entry-shell {
    width: min(100%, 980px) !important;
    display: grid !important;
    gap: 16px !important;
}

.jn-entry-card {
    min-height: 560px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
    overflow: hidden !important;
    border: 1px solid #dbe2e9 !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: 0 22px 60px rgba(11, 41, 71, .10) !important;
}

.jn-entry-brand-panel {
    padding: 46px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 42px !important;
    color: #ffffff !important;
    background: #123b63 !important;
}

.jn-entry-brand {
    width: fit-content !important;
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 12px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.jn-entry-brand span {
    color: #ffffff !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.05em !important;
}

.jn-entry-brand strong {
    color: rgba(255, 255, 255, .82) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
}

.jn-entry-intro {
    display: grid !important;
    gap: 16px !important;
}

.jn-entry-intro p {
    margin: 0 !important;
    color: rgba(255, 255, 255, .68) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}

.jn-entry-intro h1 {
    max-width: 430px !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: clamp(34px, 4.6vw, 50px) !important;
    line-height: 1.05 !important;
    font-weight: 750 !important;
    letter-spacing: -.035em !important;
}

.jn-entry-intro > span {
    max-width: 390px !important;
    color: rgba(255, 255, 255, .74) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

.jn-entry-security {
    width: fit-content !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .07) !important;
    color: rgba(255, 255, 255, .86) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

.jn-entry-security i {
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    opacity: .85 !important;
}

.jn-entry-action-panel {
    padding: 54px 52px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    background: #ffffff !important;
}

.jn-entry-message {
    width: 100% !important;
    margin-bottom: 24px !important;
    padding: 12px 14px !important;
    border: 1px solid #cbd9e5 !important;
    border-radius: 10px !important;
    color: #123b63 !important;
    background: #edf3f8 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

.jn-entry-eyebrow {
    margin-bottom: 12px !important;
    color: #123b63 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}

.jn-entry-action-panel h2 {
    margin: 0 !important;
    color: #162535 !important;
    font-size: clamp(30px, 4vw, 40px) !important;
    line-height: 1.08 !important;
    font-weight: 750 !important;
    letter-spacing: -.03em !important;
}

.jn-entry-action-panel > p {
    max-width: 360px !important;
    margin: 16px 0 28px !important;
    color: #687586 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

.jn-entry-button {
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    transition: background .18s ease, transform .18s ease !important;
}

.jn-entry-button:hover {
    transform: translateY(-1px) !important;
}

.jn-entry-button i {
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-style: normal !important;
}

.jn-entry-features {
    width: 100% !important;
    margin-top: 24px !important;
    padding-top: 18px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
    border-top: 1px solid #e6ebf0 !important;
}

.jn-entry-features span {
    position: relative !important;
    padding-left: 14px !important;
    color: #687586 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

.jn-entry-features span::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: #123b63 !important;
    transform: translateY(-50%) !important;
}

.jn-entry-footer {
    color: #738091 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* Polished login form */
body.auth-clean-page {
    background: #eef2f6 !important;
    background-image: none !important;
}

.auth-clean-shell {
    width: min(100%, 500px) !important;
}

.auth-clean-card,
body[data-theme="night"] .auth-clean-card {
    width: 100% !important;
    padding: 34px !important;
    border: 1px solid #dbe2e9 !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    box-shadow: 0 20px 54px rgba(11, 41, 71, .09) !important;
    backdrop-filter: none !important;
}

.auth-clean-topbar {
    margin-bottom: 34px !important;
    padding-bottom: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    border-bottom: 1px solid #e6ebf0 !important;
}

.auth-clean-topbar .auth-clean-brand {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: baseline !important;
    justify-items: initial !important;
    gap: 9px !important;
    color: #123b63 !important;
    text-decoration: none !important;
    text-align: left !important;
}

.auth-clean-topbar .auth-clean-brand-mark {
    color: #123b63 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.05em !important;
}

.auth-clean-topbar .auth-clean-brand strong {
    color: #162535 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

.auth-clean-access {
    min-height: 30px !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #d7e0e8 !important;
    border-radius: 999px !important;
    color: #526274 !important;
    background: #f7f9fb !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.auth-clean-heading {
    margin-bottom: 26px !important;
}

.auth-clean-heading .auth-clean-kicker,
.auth-clean-heading h1,
.auth-clean-heading .auth-clean-lead {
    text-align: left !important;
}

.auth-clean-heading .auth-clean-kicker {
    margin-bottom: 10px !important;
}

.auth-clean-heading h1 {
    margin: 0 !important;
    color: #162535 !important;
    font-size: 34px !important;
    line-height: 1.1 !important;
    font-weight: 750 !important;
    letter-spacing: -.03em !important;
}

.auth-clean-heading .auth-clean-lead {
    max-width: none !important;
    margin: 12px 0 0 !important;
    color: #687586 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.auth-clean-form {
    gap: 16px !important;
}

.auth-clean-form label:not(.auth-remember-check) {
    gap: 7px !important;
    color: #46576a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.auth-clean-form input[type="email"],
.auth-clean-form input[type="password"],
.auth-clean-form input[type="text"] {
    min-height: 52px !important;
    padding: 0 14px !important;
    border: 1px solid #cfd8e1 !important;
    border-radius: 10px !important;
    color: #162535 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.auth-clean-form input:focus {
    border-color: #557594 !important;
    box-shadow: 0 0 0 3px rgba(18, 59, 99, .08) !important;
}

.auth-remember-check {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #687586 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
}

.auth-remember-check input {
    width: 16px !important;
    min-height: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: #123b63 !important;
}

.auth-clean-actions {
    width: 100% !important;
    margin-top: 8px !important;
}

.auth-clean-button {
    width: 100% !important;
    min-height: 54px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}

.auth-clean-links {
    margin-top: 18px !important;
    justify-content: flex-start !important;
}

.auth-clean-links a {
    color: #123b63 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}

.auth-clean-security {
    margin-top: 26px !important;
    padding-top: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-top: 1px solid #e6ebf0 !important;
    color: #7a8795 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
}

.auth-clean-security span {
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #123b63 !important;
}

@media (max-width: 760px) {
    body.jn-start-page {
        padding: 16px !important;
        place-items: start center !important;
    }

    .jn-entry-card {
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
        border-radius: 22px !important;
    }

    .jn-entry-brand-panel,
    .jn-entry-action-panel {
        padding: 32px 26px !important;
    }

    .jn-entry-brand-panel {
        min-height: 360px !important;
        gap: 34px !important;
    }

    .jn-entry-action-panel {
        align-items: stretch !important;
    }

    .jn-entry-action-panel h2,
    .jn-entry-action-panel > p {
        max-width: none !important;
    }

    .auth-clean-card,
    body[data-theme="night"] .auth-clean-card {
        padding: 26px 22px !important;
        border-radius: 18px !important;
    }

    .auth-clean-access {
        display: none !important;
    }
}


/* Update 4: blue white browser identity and copy controls */

/* Public entry becomes quieter after removing secondary copy */
.jn-entry-brand-panel {
    justify-content: flex-start !important;
}

.jn-entry-intro {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.jn-entry-action-panel {
    justify-content: center !important;
}

/* Copy multipliers use only navy, white and cool grey */
body.page-copy .bc-copy-multiplier {
    border-color: #cfd8e1 !important;
    background: #ffffff !important;
    color: #162535 !important;
    box-shadow: none !important;
}

body.page-copy .bc-copy-multiplier:focus-within {
    border-color: #356b9d !important;
    box-shadow: 0 0 0 3px rgba(18, 59, 99, .10) !important;
}

body.page-copy .bc-copy-multiplier-times,
body.page-copy .bc-copy-step {
    color: #123b63 !important;
}

body.page-copy .bc-copy-step:hover {
    color: #ffffff !important;
    background: #123b63 !important;
}

body.page-copy .bc-copy-step:active {
    color: #ffffff !important;
    background: #0b2947 !important;
}

body.page-copy .bc-copy-stepper {
    border-left-color: #d8e0e8 !important;
}

body.page-copy input.bc-copy-multiplier-input {
    color: #162535 !important;
}

/* Both group and variant copy actions share the same navy treatment */
body.page-copy .bc-copy-action-cluster > .solid-action,
body.page-copy .bc-copy-action-cluster > .primary-soft,
body.page-copy .bc-variant-actions .line-button.primary-soft {
    color: #ffffff !important;
    background: #123b63 !important;
    border-color: #123b63 !important;
    box-shadow: none !important;
}

body.page-copy .bc-copy-action-cluster > .solid-action:hover,
body.page-copy .bc-copy-action-cluster > .primary-soft:hover,
body.page-copy .bc-variant-actions .line-button.primary-soft:hover {
    color: #ffffff !important;
    background: #0b2947 !important;
    border-color: #0b2947 !important;
}

/* Quantity and delete controls no longer inherit warm accent colours */
body.page-copy .bc-qty-control,
body.page-copy .bc-qty-btn,
body.page-copy .bc-qty-input,
body.page-copy .bc-icon-danger {
    border-color: #d7e0e8 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.page-copy .bc-qty-btn,
body.page-copy .bc-icon-danger {
    color: #123b63 !important;
}

body.page-copy .bc-qty-btn:hover,
body.page-copy .bc-icon-danger:hover {
    color: #ffffff !important;
    background: #123b63 !important;
    border-color: #123b63 !important;
}

body[data-theme="night"].page-copy .bc-copy-multiplier,
body[data-theme="night"].page-copy .bc-qty-control,
body[data-theme="night"].page-copy .bc-qty-btn,
body[data-theme="night"].page-copy .bc-qty-input,
body[data-theme="night"].page-copy .bc-icon-danger {
    color: #eef4fa !important;
    background: #13283d !important;
    border-color: #2e4f6d !important;
    box-shadow: none !important;
}

body[data-theme="night"].page-copy input.bc-copy-multiplier-input,
body[data-theme="night"].page-copy .bc-copy-multiplier-times,
body[data-theme="night"].page-copy .bc-copy-step,
body[data-theme="night"].page-copy .bc-qty-btn,
body[data-theme="night"].page-copy .bc-icon-danger {
    color: #e8f1fa !important;
}


/* Final blue white cleanup for login and library buttons */
.auth-clean-topbar {
    justify-content: flex-start !important;
}

.auth-clean-access,
.auth-clean-security {
    display: none !important;
}

body.page-copy .bc-library-filterbar button {
    color: #123b63 !important;
    background: #ffffff !important;
    border: 1px solid #cfd8e1 !important;
    box-shadow: none !important;
}

body.page-copy .bc-library-filterbar button:hover {
    color: #0b2947 !important;
    background: #edf3f8 !important;
    border-color: #aebfce !important;
    box-shadow: none !important;
}

body.page-copy .bc-library-filterbar button.is-active {
    color: #ffffff !important;
    background: #123b63 !important;
    border-color: #123b63 !important;
    box-shadow: none !important;
}

body.page-copy .bc-copy-action-cluster > .solid-action,
body.page-copy .bc-copy-action-cluster > .primary-soft,
body.page-copy .bc-variant-actions .line-button.primary-soft,
body.page-copy #copyLibraryImportButton,
body.page-copy .bc-library-actions .solid-action {
    color: #ffffff !important;
    background: #123b63 !important;
    border-color: #123b63 !important;
    box-shadow: none !important;
}

body.page-copy .bc-copy-action-cluster > .solid-action:hover,
body.page-copy .bc-copy-action-cluster > .primary-soft:hover,
body.page-copy .bc-variant-actions .line-button.primary-soft:hover,
body.page-copy #copyLibraryImportButton:hover,
body.page-copy .bc-library-actions .solid-action:hover {
    color: #ffffff !important;
    background: #0b2947 !important;
    border-color: #0b2947 !important;
    box-shadow: none !important;
}

body.page-copy .bc-copy-multiplier,
body.page-copy .bc-copy-multiplier-input,
body.page-copy .bc-copy-step,
body.page-copy .bc-copy-stepper,
body.page-copy .bc-copy-multiplier-times {
    background-image: none !important;
    box-shadow: none !important;
}


/* Forgot password button in blue white style */
.auth-clean-links {
    margin-top: 18px !important;
    justify-content: flex-start !important;
}

.auth-clean-links .auth-clean-link-button {
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    color: #123b63 !important;
    background: #ffffff !important;
    border: 1px solid #cfd8e1 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}

.auth-clean-links .auth-clean-link-button:hover {
    color: #0b2947 !important;
    background: #edf3f8 !important;
    border-color: #aebfce !important;
    box-shadow: none !important;
}


/* Secure connection note below forgot password */
.auth-clean-secure-note {
    margin-top: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    color: #6aa320 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.auth-clean-secure-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    line-height: 1 !important;
}


/* Final centered forgot password area */
.auth-clean-links {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 18px !important;
}

.auth-clean-links .auth-clean-link-button {
    margin: 0 auto !important;
}

.auth-clean-secure-note {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}


/* Final cleanup for library tabs and new group button */
body.page-copy .bc-library-tabs {
    padding: 8px !important;
    border: 1px solid #d7e0e8 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.page-copy .bc-library-tab,
body.page-copy .bc-library-tabs button {
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    color: #123b63 !important;
    background: #ffffff !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    font-weight: 750 !important;
}

body.page-copy .bc-library-tab:hover,
body.page-copy .bc-library-tabs button:hover {
    color: #123b63 !important;
    background: #edf3f8 !important;
    border-color: #d7e0e8 !important;
}

body.page-copy .bc-library-tab.is-active,
body.page-copy .bc-library-tabs button.is-active,
body.page-copy .bc-library-tabs button.active {
    color: #ffffff !important;
    background: #123b63 !important;
    border-color: #123b63 !important;
    box-shadow: none !important;
}

body.page-copy #addGroupHeroBtn.bc-new-group-button {
    min-height: 46px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    border: 1px solid #123b63 !important;
    background: #123b63 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 750 !important;
    gap: 10px !important;
}

body.page-copy #addGroupHeroBtn.bc-new-group-button::before {
    content: "+" !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #123b63 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

body.page-copy #addGroupHeroBtn.bc-new-group-button:hover {
    background: #0b2947 !important;
    border-color: #0b2947 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

body.page-copy #addGroupHeroBtn.bc-new-group-button:hover::before {
    background: #ffffff !important;
    color: #0b2947 !important;
    box-shadow: none !important;
}

body.page-copy #addGroupHeroBtn.bc-new-group-button:active {
    transform: none !important;
}


/* Start font unification */
html body,
html body button,
html body input,
html body select,
html body textarea,
html body a,
html body p,
html body span,
html body small,
html body strong,
html body em,
html body label,
html body li,
html body td,
html body th,
html body div,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .jn-side-brand span,
html body .jn-side-brand strong,
html body .hero h1,
html body .admin-hero h1,
html body .admin-users-hero h1,
html body .dashboard-hero-content h1,
html body .support-hero-content h1,
html body .settings-hero-content h1,
html body .auth-clean-card h1,
html body .auth-card h1,
html body .jn-start-content h1,
html body .bc-copy-hero h1,
html body .jn-article-hero h1,
html body .group-title-wrap h2,
html body .variant-title-wrap h3,
html body .support-action-card strong,
html body .support-card-head h2,
html body .support-dialog-head h2,
html body .dashboard-action-card h2,
html body .dashboard-card-head h2,
html body .start-hero h1,
html body .start-card h2,
html body .start-admin-content h2 {
    font-family: Inter, Arial, sans-serif !important;
}

/* Copy tool hero same size and style as Start */
html body.page-copy .bc-copy-hero h1 {
    margin: 0 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(26px, 3vw, 34px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.02em !important;
    font-weight: 700 !important;
    color: #162535 !important;
}


/* Rounder cards for support, settings and start */
html body .support-hero-card,
html body .support-action-card,
html body .support-tickets-card,
html body .support-message,
html body .settings-hero-card,
html body .settings-option-card,
html body .settings-message,
html body .start-card,
html body .start-admin-strip,
html body .start-card-grid .start-card {
    border-radius: 30px !important;
}

html body .support-ticket-list,
html body .settings-profile-preview,
html body .settings-info-list div,
html body .settings-theme-options label,
html body .support-faq-list details,
html body .support-ticket-detail p,
html body .support-answer-box {
    border-radius: 22px !important;
}

/* JN logo refresh v19 */
html body .jn-side-brand,
html body[data-theme="night"] .jn-side-brand {
    width: max-content !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 0 8px 3px !important;
    padding: 4px 2px !important;
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body .jn-side-brand .jn-brand-jn,
html body .jn-side-brand > span,
html body[data-theme="night"] .jn-side-brand .jn-brand-jn,
html body[data-theme="night"] .jn-side-brand > span {
    margin: 0 !important;
    padding: 0 !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: 32px !important;
    line-height: .92 !important;
    font-weight: 850 !important;
    letter-spacing: -.065em !important;
    color: #123b63 !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
}

html body .jn-side-brand > strong,
html body[data-theme="night"] .jn-side-brand > strong {
    margin: 0 !important;
    padding: 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
    color: #123b63 !important;
    transform: translateY(-2px) !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
}

html body[data-theme="night"] .jn-side-brand .jn-brand-jn,
html body[data-theme="night"] .jn-side-brand > span,
html body[data-theme="night"] .jn-side-brand > strong {
    color: #f7fbff !important;
}

@media (max-width: 920px) {
    html body .jn-side-brand,
    html body[data-theme="night"] .jn-side-brand {
        gap: 0 !important;
        justify-content: center !important;
        margin-inline: auto !important;
    }

    html body .jn-side-brand > strong,
    html body[data-theme="night"] .jn-side-brand > strong {
        display: none !important;
    }
}



.auth-clean-brand {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    text-align: left !important;
}
.auth-clean-brand strong {
    font-family: Inter, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    color: #123b63 !important;
    text-transform: none !important;
}


/* Final sidebar logo lock */
.jn-side-brand {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 100% !important;
}
.jn-side-brand span {
    font-family: Inter, Arial, sans-serif !important;
    font-size: 38px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.04em !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.jn-side-brand strong {
    font-family: Inter, Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 0 !important;
}


/* Sidebar logo image lock v36 */
.jn-side-brand {
    display: block !important;
    width: auto !important;
    white-space: nowrap !important;
}
.jn-side-brand img {
    display: block !important;
    width: 132px !important;
    height: auto !important;
    max-width: none !important;
}