/* Shared JDTechSpace business workspace layer. Page-specific styles remain local. */
:root {
    --jd-business-primary: #6250dc;
    --jd-business-primary-dark: #4933ae;
    --jd-business-soft: #f0edff;
    --jd-business-bg: #f7f8fc;
    --jd-business-ink: #17152b;
    --jd-business-muted: #667085;
    --jd-business-line: #e7e8ef;
}

body {
    background: var(--jd-business-bg);
    color: var(--jd-business-ink);
}

.header,
.desktop-header,
.mobile-top,
.mobile-topbar {
    background: rgba(255, 255, 255, .94) !important;
    border-color: var(--jd-business-line) !important;
    backdrop-filter: blur(18px);
}

.header,
.desktop-header {
    box-shadow: 0 6px 24px rgba(32, 25, 88, .045);
}

.logo,
.desktop-header .brand,
.mobile-top .brand {
    color: var(--jd-business-ink) !important;
    font-weight: 800;
}

.logo span,
.desktop-header .brand span {
    color: var(--jd-business-primary) !important;
}

.header-links,
.header-right,
.desktop-nav {
    gap: 8px !important;
}

.header-links a,
.header-right a,
.desktop-nav a {
    border-radius: 10px;
    color: var(--jd-business-muted);
    font-weight: 700;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.header-links a:hover,
.header-right a:hover,
.desktop-nav a:hover {
    background: var(--jd-business-soft);
    color: var(--jd-business-primary);
}

.container,
.shell,
.stats-shell {
    max-width: 1180px;
}

.page-header h1,
.welcome h1,
.stats-shell h1 {
    letter-spacing: -.9px;
}

.card,
.panel,
.stats-panel,
.listing-card,
.plan,
.history,
.status-card,
.hero-card {
    border-color: var(--jd-business-line) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 32px rgba(35, 25, 95, .055) !important;
}

button,
.button,
input[type="submit"],
.nav-btn,
.profile-link {
    border-radius: 11px !important;
    font-weight: 750 !important;
}

button,
.button,
input[type="submit"] {
    background: var(--jd-business-primary);
}

button:hover,
.button:hover,
input[type="submit"]:hover {
    background: var(--jd-business-primary-dark);
}

input,
select,
textarea {
    border-color: #dfe2eb !important;
    border-radius: 11px !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--jd-business-primary) !important;
    box-shadow: 0 0 0 3px rgba(98, 80, 220, .12) !important;
    outline: 0;
}

.bottom-nav {
    background: rgba(255, 255, 255, .97) !important;
    border-top-color: var(--jd-business-line) !important;
    box-shadow: 0 -10px 30px rgba(35, 25, 95, .08) !important;
}

.bottom-nav a.active,
.bottom-nav a:hover {
    color: var(--jd-business-primary) !important;
}

.bottom-nav .nav-icon {
    color: currentColor;
}

@media (max-width: 760px) {
    .container,
    .shell,
    .stats-shell {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .page-header,
    .stats-nav,
    .header-inner {
        gap: 14px;
    }
}