/**
 * 专业工具台 · Docker 式浅色统一覆盖
 * 加载顺序须在各业务 CSS 之后。
 */

.form-control,
input.form-control,
select.form-control,
textarea.form-control,
.modal input,
.modal select,
.modal textarea,
.settings-page .form-control,
.workflow-center input,
.workflow-center select,
.workflow-center textarea {
    background: #ffffff !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}

.form-control:focus,
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    border-color: #1d63ed !important;
    box-shadow: var(--shadow-glow) !important;
}

.form-control:disabled,
input:disabled,
select:disabled,
textarea:disabled {
    background: #f1f5f9 !important;
    color: var(--color-text-lighter) !important;
}

th,
thead th,
.operation-log-table th,
.workflow-table th {
    background: #f8fafc !important;
    color: #64748b !important;
    border-color: var(--color-border) !important;
}

td,
.operation-log-table td,
.workflow-table td {
    border-color: #eef2f7 !important;
    color: var(--color-text);
}

tr:hover td {
    background: #f8fafc !important;
}

.modal-overlay .modal,
.modal-content,
.modal .modal-box,
[class*="modal"] .card {
    background: #ffffff !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}

.toast,
.empty-state,
.settings-page,
.settings-page .card,
.settings-status,
.settings-actions,
.business-hub-page,
.business-hub-card,
.business-hub-section,
.workflow-panel,
.workflow-stat,
.workflow-document,
.workflow-portal-card,
.operator-workbench-main,
.operator-workbench-side,
.simple-guide-panel,
.simple-guide-card,
.page-guide-banner,
.smart-assistant-card,
.desktop-analysis-card,
.debt-detail,
.recent-activity,
.yearly-summary,
.warehouse-panel,
.snapshot-page .card,
.dashboard-page .card,
.ops-visual-card,
.balance-card,
.tax-task-card,
.tax-stat-card,
.settings-card,
.settings-panel,
.content-card,
.panel-card {
    background: #ffffff !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}

.page-guide-banner,
.page-guide-banner.is-soft {
    background: #e8f0fe !important;
    border-color: rgba(29, 99, 237, 0.22) !important;
}

.simple-guide-panel {
    background: #f8fafc !important;
}

.simple-guide-card:hover,
.business-hub-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: var(--shadow-card-hover) !important;
}

.operator-panel-head span,
.simple-guide-eyebrow,
.business-hub-hero > span,
.workflow-doc-kind {
    color: #1d63ed !important;
}

.data-center-pill,
.display-adjustment-pill,
.db-status-pill,
.sync-status-pill {
    background: #ffffff !important;
    color: #64748b !important;
    border-color: var(--color-border) !important;
}

/* 顶栏内状态 pill：深底浅字 */
.app-header {
    background: var(--header-bg) !important;
    height: 64px !important;
    min-height: 64px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.app-header.has-tools-row {
    height: auto !important;
    min-height: 120px !important;
}

.app-header .connection-status-indicator {
    background: rgba(0, 0, 0, 0.14) !important;
}

.app-header .header-brand,
.app-header .header-company-switcher,
.app-header .header-company-switcher * {
    -webkit-app-region: no-drag !important;
}

.app-header .header-company-switcher:hover,
.app-header .header-company-switcher.open {
    background: rgba(255, 255, 255, 0.12) !important;
}

.app-header .header-brand-sub {
    color: rgba(255, 255, 255, 0.72) !important;
}

.app-header .header-env-chip {
    background: rgba(0, 0, 0, 0.16) !important;
    color: #ffffff !important;
}

.app-header .header-env-chip.draft {
    background: rgba(127, 29, 29, 0.4) !important;
    color: #fee2e2 !important;
}

.app-header .header-row-tools,
.app-header .header-tools-left,
.app-header .header-status-group {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.app-header .header-status-slot,
.app-header .data-center-pill,
.app-header .display-adjustment-pill,
.app-header .environment-switcher {
    position: static !important;
    float: none !important;
    margin: 0 !important;
}

.app-header .data-center-pill,
.app-header .display-adjustment-pill,
.app-header .db-status-pill,
.app-header .sync-status-pill,
.app-header .environment-switcher,
.app-header .ai-assistant-btn {
    background: rgba(0, 0, 0, 0.14) !important;
    color: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.app-header .environment-switcher.draft {
    background: rgba(127, 29, 29, 0.35) !important;
    border-color: rgba(254, 202, 202, 0.55) !important;
    color: #fee2e2 !important;
}

.app-header .ai-assistant-btn {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

.app-body .app-sidebar {
    background: var(--color-sidebar) !important;
}

/* 侧栏顶部公司名称/副标题已迁至顶栏，强制不显示 */
#sidebar-header,
.sidebar-header,
.sidebar-company-card,
.app-sidebar .sidebar-title,
.app-sidebar .sidebar-subtitle {
    display: none !important;
}

.app-main,
.page-container {
    background: var(--color-background) !important;
}

.app-footer {
    background: var(--color-bg-soft, #f1f5f9) !important;
    color: var(--color-text-light, #64748b) !important;
}

.btn-primary {
    background: var(--color-primary, #1677ff) !important;
    color: #ffffff !important;
}

.btn-secondary {
    background: #ffffff !important;
    color: #1d63ed !important;
    border-color: #1d63ed !important;
}

/* 图标按钮：蓝描边 + 圆形浅底（参考工具栏） */
.btn-icon,
.ink-icon-btn,
.menu-item .menu-icon,
.sidebar-footer-item .footer-icon {
    border-radius: 50% !important;
}

.btn-icon,
.ink-icon-btn {
    background: transparent !important;
    border: 0 !important;
    color: #1d63ed !important;
    box-shadow: none !important;
}

.btn-icon:hover,
.ink-icon-btn:hover,
.ink-icon-btn.is-active,
.btn-icon.is-active,
.menu-item:hover .menu-icon,
.menu-item.active .menu-icon,
.sidebar-footer-item:hover .footer-icon {
    background: rgba(29, 99, 237, 0.12) !important;
    color: #1d63ed !important;
}

.app-header .header-icon-btn {
    border-radius: 50% !important;
    color: #ffffff !important;
}

.app-header .header-icon-btn:hover,
.app-header .header-icon-btn[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

.header-apps-menu {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

.header-apps-item:hover {
    background: #f3f6fb !important;
}

.header-apps-icon {
    background: #eef2f7 !important;
    color: #1d63ed !important;
}

.inline-icon,
.menu-item .menu-icon svg,
.btn-icon svg,
.ink-icon-btn svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.app-header .ai-assistant-btn {
    background: rgba(29, 99, 237, 0.28) !important;
    color: #ffffff !important;
}

.btn-info,
.btn-warning {
    color: #ffffff !important;
}

.login-wrapper,
.login-shell {
    background:
        radial-gradient(920px 520px at 86% 12%, rgba(29, 99, 237, 0.08), transparent 58%),
        radial-gradient(680px 420px at 70% 90%, rgba(15, 118, 110, 0.05), transparent 55%),
        #f4f7fb !important;
    color: var(--color-text) !important;
}

.login-brand {
    background-color: #0b1f4d !important;
    background-image:
        linear-gradient(155deg, rgba(11, 31, 77, 0.55) 8%, rgba(17, 74, 196, 0.42) 48%, rgba(8, 47, 120, 0.55) 100%),
        radial-gradient(720px 420px at 18% 8%, rgba(96, 165, 250, 0.38), transparent 62%),
        radial-gradient(560px 360px at 88% 78%, rgba(34, 211, 238, 0.22), transparent 58%),
        url('../assets/login-brand-wave.png') !important;
}

.login-card,
.login-panel,
.login-form-panel {
    background: transparent !important;
    border: 0;
    color: var(--color-text);
}

.login-wrapper .form-control,
.login-wrapper input {
    background: #ffffff !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}

.tax-page-btn {
    background: #ffffff !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}

.tax-page-btn.active {
    background: #1d63ed !important;
    color: #ffffff !important;
    border-color: #1d63ed !important;
}

.smart-report-btn {
    color: #1d4ed8 !important;
    border-color: rgba(29, 99, 237, 0.22) !important;
    background: #ffffff !important;
}

.pdf-copy-password-btn.copied {
    background: #1d63ed !important;
    color: #ffffff !important;
    border-color: #1d63ed !important;
}

a,
.settings-cross-link,
.workflow-link {
    color: #1d63ed;
}

a:hover,
.settings-cross-link:hover,
.workflow-link:hover {
    color: #154fc4;
}

@media print {
    :root {
        color-scheme: light;
        --color-background: #ffffff;
        --color-surface: #ffffff;
        --color-card-solid: #ffffff;
        --color-text: #111111;
        --color-border: #dddddd;
    }
}