/* Enterprise SaaS UI override: clean, restrained, business-oriented */
:root {
    --ent-bg: #f5f7fb;
    --ent-surface: #ffffff;
    --ent-surface-soft: #f8fafc;
    --ent-border: #e5e7eb;
    --ent-border-strong: #d8dee8;
    --ent-text: #111827;
    --ent-muted: #6b7280;
    --ent-primary: #2563eb;
    --ent-primary-dark: #1d4ed8;
    --ent-primary-soft: #eff6ff;
    --ent-success: #16a34a;
    --ent-warning: #d97706;
    --ent-danger: #dc2626;
    --ent-radius: 12px;
    --ent-shadow: 0 1px 2px rgba(16,24,40,.06), 0 8px 24px rgba(16,24,40,.06);
}

* { -webkit-tap-highlight-color: transparent; }
html { scroll-behavior: auto; }
body {
    background: var(--ent-bg) !important;
    color: var(--ent-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
    animation: none !important;
}
body::before,
body::after {
    display: none !important;
    content: none !important;
}

/* Kill visual noise */
body *,
body *::before,
body *::after {
    filter: none !important;
    text-shadow: none !important;
}

.container,
.page,
.main,
.content,
.wrap {
    max-width: 520px;
}

/* Common cards / panels */
.page-header,
.header-card,
.hero,
.hero-card,
.search-bar,
.banner-wrap,
.announce-wrap,
.category-section,
.product-card,
.prod-card,
.order-card,
.message-card,
.profile-card,
.user-card,
.stat-card,
.section,
.card,
.panel,
.list-card,
.empty-card,
.empty-box,
.empty-state,
.agreement-card,
.balance-card,
.recharge-card,
.tabs,
.msg-list,
.menu-section,
.quick-grid .quick-item {
    background: var(--ent-surface) !important;
    border: 1px solid var(--ent-border) !important;
    border-radius: var(--ent-radius) !important;
    box-shadow: var(--ent-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: var(--ent-text) !important;
}

/* Remove decorative overlays */
.hero::before,
.hero::after,
.hero-card::before,
.hero-card::after,
.banner-empty::before,
.banner-empty::after,
.cate-item::before,
.cate-item::after,
.product-card::before,
.product-card::after,
.prod-card::before,
.prod-card::after,
.profile-card::before,
.profile-card::after,
.user-card::before,
.user-card::after,
.card::before,
.card::after {
    display: none !important;
}

/* Typography */
h1, h2, h3, h4,
.title,
.name,
.section-title,
.page-title {
    color: var(--ent-text) !important;
    letter-spacing: 0 !important;
}
.p,
.desc,
.sub,
.meta,
.time,
.tip,
.empty,
.status,
.text-muted {
    color: var(--ent-muted) !important;
}

/* Buttons and links */
button,
.btn,
.primary,
.recharge-link,
.action-btn,
.submit-btn,
.buy-btn,
.search-btn {
    border-radius: 10px !important;
    box-shadow: none !important;
    transition: background .15s ease, border-color .15s ease, transform .08s ease !important;
}
.primary,
.btn-primary,
.submit-btn,
.buy-btn,
.search-btn,
.recharge-link {
    background: var(--ent-primary) !important;
    border-color: var(--ent-primary) !important;
    color: #fff !important;
}
.primary:active,
.btn-primary:active,
.submit-btn:active,
.buy-btn:active,
.search-btn:active,
.recharge-link:active {
    transform: scale(.99) !important;
    background: var(--ent-primary-dark) !important;
}

input,
textarea,
select {
    background: #fff !important;
    border: 1px solid var(--ent-border-strong) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: var(--ent-text) !important;
}
input:focus,
textarea:focus,
select:focus {
    border-color: var(--ent-primary) !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.10) !important;
}

/* Home page clean-up */
.hero,
.hero-card,
.banner-empty {
    background: var(--ent-surface) !important;
    color: var(--ent-text) !important;
}
.hero *,
.hero-card *,
.banner-empty * { color: inherit !important; }
.hero-sub,
.greeting .hi { color: var(--ent-muted) !important; }
.hero-label,
.badge,
.tag {
    background: var(--ent-primary-soft) !important;
    color: var(--ent-primary) !important;
    border: 1px solid #dbeafe !important;
}
.announce-wrap .horn,
.brand-mark,
.feature .icon,
.flow-item .num {
    background: var(--ent-primary) !important;
    box-shadow: none !important;
}
.cate-item,
.feature {
    background: var(--ent-surface) !important;
    border: 1px solid var(--ent-border) !important;
    border-radius: var(--ent-radius) !important;
    box-shadow: var(--ent-shadow) !important;
    color: var(--ent-text) !important;
}
.cate-cover { opacity: .08 !important; }
.cate-fallback,
.prod-img {
    background: var(--ent-surface-soft) !important;
}
.cate-name {
    color: var(--ent-text) !important;
    padding: 12px !important;
    text-shadow: none !important;
}
.prod-tag,
.prod-buy {
    background: var(--ent-primary) !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}
.prod-img::after { display: none !important; }
.prod-price { color: var(--ent-danger) !important; }
.cate-item:active,
.product-card:active,
.message-card:active,
.order-card:active {
    transform: none !important;
}

/* Home deploy feed and announcement modal */
.deploy-feed-card {
    background: var(--ent-surface) !important;
    border: 1px solid var(--ent-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--ent-shadow) !important;
}
.deploy-feed-icon {
    background: #ecfdf3 !important;
    color: var(--ent-success) !important;
}
.deploy-feed-badge {
    background: var(--ent-primary-soft) !important;
    color: var(--ent-primary) !important;
}
.deploy-feed-scroll {
    color: #475467 !important;
}
.announce-modal {
    background: #fff !important;
    border: 1px solid var(--ent-border) !important;
    border-radius: 22px !important;
    box-shadow: 0 24px 70px rgba(15,23,42,.24) !important;
}
.announce-modal-head {
    background: linear-gradient(180deg, #f8fafc, #fff) !important;
    border-bottom: 1px solid #eef2f7 !important;
}
.announce-modal-icon {
    background: var(--ent-primary-soft) !important;
    color: var(--ent-primary) !important;
    border: 1px solid #dbeafe !important;
    box-shadow: none !important;
}
.announce-modal-close {
    background: #fff !important;
    border: 1px solid var(--ent-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
.announce-modal-btn {
    background: var(--ent-primary) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* Lists */
.order-item,
.msg-item,
.message-item,
.list-item,
.menu-item,
.ms-item,
.deploy-panel,
.detail-dialog,
.password-dialog {
    background: var(--ent-surface) !important;
    border: 1px solid var(--ent-border) !important;
    border-radius: var(--ent-radius) !important;
    box-shadow: none !important;
}

/* Status colors - restrained */
.status.pending,
.status.wait,
.status-unpaid { color: var(--ent-warning) !important; background: #fffbeb !important; }
.status.done,
.status.success,
.status-paid { color: var(--ent-success) !important; background: #f0fdf4 !important; }
.status.cancel,
.status.fail,
.status-cancel { color: var(--ent-danger) !important; background: #fef2f2 !important; }

/* Profile */
.avatar,
.logo,
.user-avatar {
    box-shadow: none !important;
    border: 1px solid var(--ent-border) !important;
}

/* Bottom nav enterprise style */
.footer-nav {
    animation: none !important;
    perspective: none !important;
    max-width: 520px !important;
    padding: 0 10px calc(8px + env(safe-area-inset-bottom)) !important;
}
.footer-nav .nav-inner {
    height: 58px !important;
    background: #fff !important;
    border: 1px solid var(--ent-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 -2px 16px rgba(16,24,40,.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.footer-nav .nav-glow,
.footer-nav .nav-item::after,
.footer-nav .nav-item .indicator {
    display: none !important;
}
.footer-nav .nav-item {
    color: #667085 !important;
    transform: none !important;
    transition: color .15s ease, background .15s ease !important;
}
.footer-nav .nav-item::before {
    width: 46px !important;
    height: 38px !important;
    top: 6px !important;
    border-radius: 10px !important;
    background: var(--ent-primary-soft) !important;
    box-shadow: none !important;
    transform: translateX(-50%) scale(.92) !important;
}
.footer-nav .nav-item.active {
    color: var(--ent-primary) !important;
}
.footer-nav .nav-item.active::before {
    opacity: 1 !important;
}
.footer-nav .nav-item .nav-icon-wrap,
.footer-nav .nav-item.active .nav-icon-wrap {
    transform: none !important;
    filter: none !important;
}
.footer-nav .nav-item .nav-icon-wrap svg {
    stroke-width: 1.9 !important;
}
.footer-nav .nav-item .icon-fill {
    display: none !important;
}
.footer-nav .nav-item.active .icon-outline {
    opacity: 1 !important;
    transform: none !important;
}
.footer-nav .nav-item .nav-label,
.footer-nav .nav-item.active .nav-label {
    transform: none !important;
    color: inherit !important;
    font-weight: 600 !important;
}
.footer-nav .nav-item .badge {
    background: var(--ent-danger) !important;
    box-shadow: none !important;
}

@media (max-width: 640px) {
    body { padding-bottom: 82px !important; }
    .page-header,
    .header-card,
    .hero,
    .banner-wrap,
    .announce-wrap,
    .category-section,
    .product-card,
    .order-card,
    .message-card,
    .profile-card,
    .user-card,
    .section,
    .card,
    .panel {
        border-radius: 12px !important;
    }
}

/* Home fine-tuning: smooth rounded SaaS, compact category pills */
.page-wrap {
    padding-top: 14px !important;
}
.hero-card,
.search-bar input,
.banner-wrap,
.announce-wrap,
.prod-card,
.profile-card,
.order-card,
.message-card,
.msg-list,
.menu-section {
    border-radius: 18px !important;
}
.hero-card,
.banner-wrap,
.announce-wrap,
.prod-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.announce-wrap {
    height: 42px !important;
    background: #fff !important;
    border: 1px solid var(--ent-border) !important;
    box-shadow: var(--ent-shadow) !important;
    overflow: hidden !important;
}
.announce-wrap .horn {
    width: 26px !important;
    height: 26px !important;
    border-radius: 999px !important;
    color: var(--ent-primary) !important;
    background: var(--ent-primary-soft) !important;
}
.announce-wrap .track {
    height: 22px !important;
    overflow: hidden !important;
}
.scroll-text {
    color: #475467 !important;
    animation: scrollAnnounce 14s linear infinite !important;
    will-change: transform;
}
@keyframes scrollAnnounce {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-100% - 100vw)); }
}

.category-grid {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding: 2px 2px 8px !important;
    margin: 0 -2px !important;
    scrollbar-width: none;
}
.category-grid::-webkit-scrollbar { display: none; }
.cate-item {
    min-width: auto !important;
    min-height: 40px !important;
    height: 40px !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid var(--ent-border) !important;
    box-shadow: none !important;
    color: var(--ent-text) !important;
}
.cate-item:active {
    transform: scale(.98) !important;
    background: var(--ent-primary-soft) !important;
    border-color: #bfdbfe !important;
}
.cate-cover {
    position: static !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
}
.cate-fallback {
    position: static !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    background: var(--ent-primary-soft) !important;
    color: var(--ent-primary) !important;
    flex: 0 0 auto !important;
}
.cate-name {
    width: auto !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: var(--ent-text) !important;
    max-width: 92px !important;
}

.prod-card {
    overflow: hidden !important;
}
.prod-card:active {
    transform: translateY(1px) !important;
}
.prod-img {
    aspect-ratio: 1.18 / 1 !important;
}
.prod-buy {
    padding: 6px 10px !important;
}

@media (prefers-reduced-motion: reduce) {
    .scroll-text { animation-duration: 28s !important; }
}