:root {
    --workspace-bg: #f4f5f7;
    --workspace-surface: #ffffff;
    --workspace-subtle: #f7f8fa;
    --workspace-border: #dfe2e7;
    --workspace-border-strong: #c8cdd5;
    --workspace-text: #17181b;
    --workspace-muted: #606672;
    --workspace-faint: #8b919c;
    --workspace-brand: #2563eb;
    --workspace-brand-hover: #1d4ed8;
    --workspace-success: #14804a;
    --workspace-warning: #946200;
    --workspace-danger: #b42318;
    --workspace-focus: rgba(37, 99, 235, .2);
    --workspace-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .05);
}

html.dark {
    --workspace-bg: #101113;
    --workspace-surface: #191a1d;
    --workspace-subtle: #212226;
    --workspace-border: #303238;
    --workspace-border-strong: #474a52;
    --workspace-text: #f4f4f5;
    --workspace-muted: #b0b4bd;
    --workspace-faint: #858a94;
    --workspace-brand: #78a7ff;
    --workspace-brand-hover: #9abfff;
    --workspace-success: #68d59d;
    --workspace-warning: #efc45b;
    --workspace-danger: #ff9b92;
    --workspace-focus: rgba(120, 167, 255, .25);
    --workspace-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

* { box-sizing: border-box; }
html { background: var(--workspace-bg); }
body {
    min-height: 100vh !important;
    height: auto !important;
    display: block !important;
    overflow: auto !important;
    background: var(--workspace-bg) !important;
    color: var(--workspace-text) !important;
    cursor: default !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.bg-glow, .cursor-dot, .cursor-ring, .sidebar, .tg-fab { display: none !important; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer !important; }
:focus-visible { outline: 3px solid var(--workspace-focus); outline-offset: 2px; }

.enterprise-header {
    position: sticky;
    top: 0;
    z-index: 80;
    height: 64px;
    border-bottom: 1px solid var(--workspace-border);
    background: color-mix(in srgb, var(--workspace-surface) 94%, transparent);
    backdrop-filter: blur(14px);
}
.enterprise-header-inner {
    width: min(1240px, calc(100% - 40px));
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 28px;
}
.enterprise-brand { display: inline-flex; align-items: center; gap: 10px; min-width: max-content; font-size: 14px; font-weight: 750; }
.enterprise-brand-mark { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 7px; background: var(--workspace-text); color: var(--workspace-surface); font-weight: 800; }
.enterprise-nav { height: 100%; display: flex; align-items: stretch; gap: 4px; }
.enterprise-nav .nav-item {
    position: relative;
    min-width: auto;
    padding: 0 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--workspace-muted);
    font-size: 13px;
    font-weight: 650;
}
.enterprise-nav .nav-item::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: -1px; height: 2px; background: transparent; }
.enterprise-nav .nav-item:hover { color: var(--workspace-text); background: transparent; }
.enterprise-nav .nav-item.active { color: var(--workspace-text); background: transparent; }
.enterprise-nav .nav-item.active::after { background: var(--workspace-brand); }
.enterprise-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.header-balance { height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--workspace-border); border-radius: 7px; background: var(--workspace-surface); color: var(--workspace-muted); font-size: 12px; }
.header-balance strong { color: var(--workspace-text); font-family: "JetBrains Mono", monospace; font-size: 13px; }
.header-action, .theme-toggle-btn {
    height: 36px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--workspace-border) !important;
    border-radius: 7px !important;
    background: var(--workspace-surface) !important;
    color: var(--workspace-muted) !important;
    text-decoration: none;
    font-size: 12px !important;
    font-weight: 650 !important;
}
.header-action:hover, .theme-toggle-btn:hover { border-color: var(--workspace-border-strong) !important; color: var(--workspace-text) !important; }
.header-action.primary { border-color: var(--workspace-brand) !important; background: var(--workspace-brand) !important; color: #fff !important; }
.svc-badge { margin: 0 !important; border-radius: 5px !important; padding: 4px 8px !important; font-size: 11px !important; }

.main-content { width: 100% !important; display: block !important; overflow: visible !important; background: var(--workspace-bg); }
.top-header { display: none !important; }
.enterprise-page { width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: 38px 0 72px; }
.page-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.page-intro-copy { max-width: 700px; }
.page-eyebrow { margin-bottom: 8px; color: var(--workspace-brand); font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.page-intro h1 { margin: 0 0 8px; color: var(--workspace-text); font-size: clamp(26px, 3vw, 36px); line-height: 1.15; letter-spacing: -.035em; }
.page-intro p { margin: 0; color: var(--workspace-muted); font-size: 14px; line-height: 1.65; }
.page-guide { display: flex; align-items: center; gap: 8px; color: var(--workspace-muted); font-size: 12px; }
.page-guide span { width: 7px; height: 7px; border-radius: 50%; background: var(--workspace-success); }

.announcement-banner { margin: 0 0 20px !important; border-radius: 7px !important; padding: 12px 14px !important; box-shadow: none !important; font-size: 13px !important; }
.mobile-user-bar { display: none !important; }
.content-wrapper { max-width: none !important; padding: 0 !important; }
.panel { display: none; }
.panel.active { display: block; }

.task-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; }
.workflow-card, .summary-card, .orders-card {
    border: 1px solid var(--workspace-border);
    border-radius: 10px;
    background: var(--workspace-surface);
    box-shadow: var(--workspace-shadow);
}
.workflow-card { overflow: hidden; }
.workflow-card-head { padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--workspace-border); }
.workflow-card-title h2 { margin: 0 0 4px; font-size: 16px; }
.workflow-card-title p { margin: 0; color: var(--workspace-muted); font-size: 12px; }
.sub-tabs { margin: 0 !important; padding: 3px !important; gap: 3px !important; border: 0 !important; border-radius: 7px !important; background: var(--workspace-subtle); }
.sub-tab { min-height: 32px; margin: 0 !important; padding: 0 12px !important; display: grid; place-items: center; border: 0 !important; border-radius: 5px !important; color: var(--workspace-muted) !important; font-size: 12px !important; }
.sub-tab.active { background: var(--workspace-surface) !important; color: var(--workspace-text) !important; box-shadow: 0 1px 2px rgba(16,24,40,.08); }
.workflow-steps { padding: 16px 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; border-bottom: 1px solid var(--workspace-border); background: var(--workspace-subtle); }
.workflow-step { display: flex; align-items: center; gap: 9px; color: var(--workspace-muted); font-size: 11px; }
.workflow-step-index { width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid var(--workspace-border-strong); border-radius: 50%; background: var(--workspace-surface); color: var(--workspace-text); font-size: 10px; font-weight: 750; }
.workflow-step:first-child .workflow-step-index { border-color: var(--workspace-brand); background: var(--workspace-brand); color: #fff; }
.workflow-card form { padding: 24px; }
.form-section { padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid var(--workspace-border); }
.form-section:last-of-type { padding-bottom: 0; margin-bottom: 20px; border-bottom: 0; }
.form-section-heading { margin-bottom: 16px; display: flex; align-items: flex-start; gap: 11px; }
.form-section-heading span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 6px; background: var(--workspace-subtle); color: var(--workspace-text); font-size: 11px; font-weight: 750; }
.form-section-heading h3 { margin: 0 0 3px; font-size: 14px; }
.form-section-heading p { margin: 0; color: var(--workspace-muted); font-size: 12px; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-group { margin-bottom: 16px !important; }
.form-group:last-child { margin-bottom: 0 !important; }
label { margin-bottom: 7px !important; color: var(--workspace-text) !important; font-size: 12px !important; font-weight: 650 !important; }
input, textarea, select {
    min-height: 42px;
    padding: 9px 11px !important;
    border: 1px solid var(--workspace-border-strong) !important;
    border-radius: 7px !important;
    background: var(--workspace-surface) !important;
    color: var(--workspace-text) !important;
    font-size: 13px !important;
    box-shadow: none !important;
}
textarea { min-height: 170px; font-family: "JetBrains Mono", monospace !important; }
input:focus, textarea:focus, select:focus { border-color: var(--workspace-brand) !important; box-shadow: 0 0 0 3px var(--workspace-focus) !important; }
input::placeholder, textarea::placeholder { color: var(--workspace-faint) !important; opacity: 1 !important; }
.hint { margin-top: 6px !important; color: var(--workspace-muted) !important; font-size: 11px !important; line-height: 1.55 !important; }
.operation-note { margin-bottom: 18px; padding: 11px 12px; border-left: 3px solid var(--workspace-warning); background: color-mix(in srgb, var(--workspace-warning) 8%, transparent); color: var(--workspace-warning); font-size: 12px; line-height: 1.65; }
.btn.btn-primary { min-height: 44px; border-radius: 7px !important; background: var(--workspace-brand) !important; color: #fff !important; font-size: 13px !important; box-shadow: none !important; }
.btn.btn-primary:hover { background: var(--workspace-brand-hover) !important; transform: none !important; }
.result { margin-top: 16px !important; border-radius: 7px !important; font-size: 13px !important; }

.summary-column { position: sticky; top: 84px; display: grid; gap: 14px; }
.summary-card { padding: 20px; }
.summary-card.dark { border-color: #202124; background: #18191c; color: #fff; }
html.dark .summary-card.dark { border-color: var(--workspace-border); background: #0d0e10; }
.summary-label { color: #a9adb7; font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.summary-card h3 { margin: 7px 0 16px; color: inherit; font-size: 18px; }
.summary-line { padding: 11px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid rgba(255,255,255,.1); color: #c8cbd2; font-size: 12px; }
.summary-line strong { color: #fff; font-size: 12px; }
.summary-total { margin-top: 4px; padding-top: 16px; display: flex; align-items: flex-end; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.18); }
.summary-total span { color: #a9adb7; font-size: 12px; }
.summary-total strong { font-size: 28px; letter-spacing: -.04em; }
.summary-total small { margin-left: 3px; color: #a9adb7; font-size: 11px; }
.summary-checklist { margin: 16px 0 0; padding: 0; display: grid; gap: 10px; list-style: none; color: #c8cbd2; font-size: 11px; line-height: 1.5; }
.summary-checklist li { position: relative; padding-left: 17px; }
.summary-checklist li::before { content: ''; position: absolute; left: 0; top: 5px; width: 7px; height: 7px; border: 2px solid #71d6a0; border-radius: 50%; }
.support-card { padding: 18px 20px; border: 1px solid var(--workspace-border); border-radius: 10px; background: var(--workspace-surface); }
.support-card h4 { margin: 0 0 8px; font-size: 13px; }
.support-card p { margin: 0 0 12px; color: var(--workspace-muted); font-size: 11px; line-height: 1.6; }
.support-card a { color: var(--workspace-brand); font-size: 12px; font-weight: 650; text-decoration: none; }
.support-card details { padding: 10px 0; border-top: 1px solid var(--workspace-border); }
.support-card summary { color: var(--workspace-text); font-size: 11px; font-weight: 650; cursor: pointer; }
.support-card details div { margin-top: 7px; color: var(--workspace-muted); font-size: 11px; line-height: 1.6; }

.orders-card { padding: 22px; }
.orders-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.orders-toolbar-copy h2 { margin: 0 0 3px; font-size: 16px; }
.orders-toolbar-copy p { margin: 0; color: var(--workspace-muted); font-size: 11px; }
.search-bar { flex: 1; max-width: 420px; margin: 0 0 0 auto !important; }
.search-bar input { border-radius: 7px !important; }
.history-item { border-radius: 8px !important; background: var(--workspace-subtle) !important; box-shadow: none !important; }

.modal-overlay { background: rgba(12,13,15,.58) !important; }
.modal { border-radius: 10px !important; background: var(--workspace-surface) !important; color: var(--workspace-text) !important; }

@media (max-width: 980px) {
    .enterprise-header-inner, .enterprise-page { width: min(100% - 28px, 840px); }
    .enterprise-actions .header-action.store, .svc-badge { display: none !important; }
    .task-layout { grid-template-columns: 1fr; }
    .summary-column { position: static; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
    .enterprise-header { height: auto; }
    .enterprise-header-inner { width: 100%; min-height: 58px; padding: 0 14px; gap: 12px; flex-wrap: wrap; }
    .enterprise-brand span:last-child { display: none; }
    .enterprise-nav { order: 3; width: 100%; height: 44px; border-top: 1px solid var(--workspace-border); }
    .enterprise-nav .nav-item { flex: 1; }
    .enterprise-actions { gap: 5px; }
    .enterprise-actions .header-action.logout, .enterprise-actions .header-action.store { display: none !important; }
    .header-action, .theme-toggle-btn { min-width: 42px; height: 42px !important; padding: 0 9px !important; }
    .theme-toggle-btn span { font-size: 0; }
    .theme-toggle-btn .icon-sun::after { content: '☀'; font-size: 15px; }
    .theme-toggle-btn .icon-moon::after { content: '☾'; font-size: 15px; }
    .enterprise-page { width: calc(100% - 28px); padding: 26px 0 60px; }
    .page-intro { align-items: flex-start; flex-direction: column; }
    .page-intro h1 { font-size: 26px; }
    .page-guide { display: none; }
    .workflow-card-head { padding: 17px; align-items: flex-start; flex-direction: column; }
    .sub-tabs { width: 100%; }
    .sub-tab { flex: 1; min-height: 40px; }
    .workflow-steps { padding: 13px 17px; }
    .workflow-step { gap: 5px; font-size: 10px; }
    .workflow-step-index { width: 21px; height: 21px; }
    .workflow-card form { padding: 18px; }
    .field-grid { grid-template-columns: 1fr; gap: 0; }
    input, select, .btn.btn-primary { min-height: 44px; }
    .summary-column { grid-template-columns: 1fr; }
    .orders-card { padding: 17px; }
    .orders-toolbar { align-items: stretch; flex-direction: column; }
    .search-bar { width: 100%; max-width: none; margin: 0 !important; }
}