/* Selected ledger direction. Presentation only; no data or calculation overrides. */
:root {
  --el-color-primary:#245fe5; --el-color-primary-light-3:#6489ec;
  --el-color-primary-light-5:#9bb5f3; --el-color-primary-light-7:#c5d5fa;
  --el-color-primary-light-8:#dbe5fc; --el-color-primary-light-9:#eff4ff;
  --el-color-primary-dark-2:#164ac3;
  --el-text-color-primary:#18283f; --el-text-color-regular:#42526b;
  --el-text-color-secondary:#697991; --el-border-color:#d5dfec;
  --el-border-color-light:#e2e9f2; --el-border-color-lighter:#edf1f7;
  --el-border-radius-base:5px; --el-font-size-base:14px;
}
body {font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;color:#263750;background:#f2f5fa;}
.sidebar {width:220px;background:#142338;color:#b8c5d9;}
.sidebar .logo {height:72px;padding:0 20px;font-size:16px;letter-spacing:0;}
.logo-icon {color:#64a6ff;}
.menu-scroll {padding:10px 12px 20px;}
.menu-group {color:#92a1b7;font-size:12px;padding:20px 12px 9px;letter-spacing:0;}
.menu-item {min-height:43px;padding:10px 12px;border-radius:5px;gap:12px;color:#d0d9e7;margin-bottom:4px;}
.menu-item.active {background:#245fe5;box-shadow:none;}
.menu-item:hover {background:#203651;}
.menu-item.active:hover {background:#1d55d0;}
.menu-item:focus-visible {outline:2px solid #a7c9ff;outline-offset:2px;}
.main {background:#f2f5fa;}
.topbar {height:72px;padding:0 24px;box-shadow:none;border-bottom:1px solid #e2e9f2;}
.topbar .title {font-size:21px;gap:12px;white-space:nowrap;font-weight:700;}
.topbar .title::before {height:25px;width:3px;}
.topbar .page-subtitle {font-size:13px;font-weight:400;color:#687991;margin-left:10px;}
.topbar .right {font-size:13px;gap:12px;white-space:nowrap;}
.content {padding:20px 20px 28px;}
.table-card,.chart-card {border-radius:6px;border:1px solid #e2e9f2;box-shadow:none;padding:18px;}
.ledger-page {padding:0;overflow:hidden;}
.toolbar {gap:10px;margin:0;padding:18px 18px 22px;border-bottom:1px solid #e4ebf5;align-items:flex-end;}
.filter-field {display:flex;flex-direction:column;gap:8px;}
.filter-field>label {font-size:12px;color:#50627e;line-height:16px;}
.filter-field>.el-select,.filter-field>.el-input,.filter-field>.el-date-editor {width:130px!important;}
.filter-field:last-of-type>.el-input {width:180px!important;}
.filter-actions,.ledger-actions {display:flex;align-items:center;gap:8px;}
.ledger-actions {margin-left:auto;}
.filter-actions .el-button+.el-button,.ledger-actions .el-button+.el-button {margin-left:0;}
.toolbar .el-input__wrapper,.toolbar .el-select__wrapper {border-radius:5px;min-height:36px;}
.toolbar .el-button {height:36px;padding:0 14px;}
.el-button {border-radius:5px;font-weight:500;}
.el-button--primary {background:#245fe5;border-color:#245fe5;}
.el-button--primary:hover {background:#164ac3;border-color:#164ac3;}
.el-button--primary.is-plain {background:#f1f5ff;color:#245fe5;border-color:#bfcef0;}
.el-button--primary.is-link {background:transparent;border-color:transparent;color:#245fe5;}
.el-button--primary.is-link:hover {background:transparent;color:#164ac3;}
.ledger-viewbar {padding:10px 18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#3d506e;}
.muted {color:#78869a;font-weight:400;}
.table-card .el-table {border-radius:0;font-size:14px;--el-table-row-hover-bg-color:#f0f5ff;--el-table-border-color:#e5ecf5;}
.table-card .el-table th.el-table__cell {background:#f6f8fc;color:#435570;font-weight:600;padding:13px 0;}
.el-table .cell {padding-left:12px;padding-right:12px;line-height:22px;}
.el-table .el-table__row--striped td.el-table__cell {background:#fbfcfe;}
.el-table .expanded td.el-table__cell {background:#eef4ff;}
.el-table .el-table__expanded-cell {padding:14px 16px 18px!important;background:#fff!important;}
.amount-column .money {font-weight:700;color:#182b48;white-space:nowrap;}
.money,.line-totals,.payment-lines .cell {font-variant-numeric:tabular-nums;}
.text-red {color:#b63d46;}
.el-tag {border-radius:4px;font-weight:400;}
.pager {padding:20px 18px 22px;margin:0;border-top:1px solid #edf1f7;}
.el-pagination {flex-wrap:wrap;row-gap:10px;}
.payment-lines {margin:12px 0;padding:16px;border:1px solid #dce5f1;border-radius:5px;}
.payment-lines-readonly {margin:0;padding:0;border:0;}
.payment-lines-readonly .el-table td.el-table__cell {padding:7px 0;}
.line-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px;}
.line-count {font-size:12px;color:#6e7d93;font-weight:400;margin-left:8px;}
.line-totals {display:flex;gap:28px;padding:14px 12px;background:#f6f8fc;border:1px solid #e5ecf5;border-top:0;font-size:13px;color:#61728a;}
.line-totals b {color:#1d304c;margin-left:10px;font-weight:600;}
.line-total-amount {margin-left:auto;}
.line-total-amount b {font-size:16px;}
.ledger-dialog {max-width:1400px;--el-dialog-margin-top:5vh;}
.ledger-dialog .el-dialog__header {padding:6px 8px 18px;margin:0;border-bottom:1px solid #e4ebf3;}
.ledger-dialog .el-dialog__title {font-size:20px;font-weight:600;color:#1b2c46;}
.ledger-dialog .el-dialog__body {max-height:76vh;overflow:auto;padding:18px 8px;}
.ledger-dialog .el-dialog__footer {border-top:1px solid #e4ebf3;padding:16px 8px 4px;}
.ledger-dialog .el-form-item {margin-bottom:20px;}
.ledger-dialog .el-form-item__label {color:#52647f;font-size:13px;}
.ledger-dialog .el-input-number .el-input__inner {text-align:right;font-variant-numeric:tabular-nums;}
.form-section-title {margin:8px 0 20px;font-size:15px;color:#1d304c;}
.form-section + .form-section {border-top:1px solid #e5ecf5;padding-top:20px;margin-top:4px;}
.form-section-hint {font-size:12px;color:#6e7d93;line-height:1.8;margin:0 0 20px;}
.upload-tip {color:#697991;line-height:1.7;}
.kpi-card {border-radius:6px;box-shadow:none;border-left-width:2px;}
.kpi-card:hover {transform:none;box-shadow:none;}
.kpi-card .value {font-size:26px;font-weight:600;color:#203654;}
.chart-card h4::before {width:3px;}
.login-wrap {background:#142338;}
.login-wrap::before {background:none;}
.login-card {border-radius:8px;box-shadow:0 16px 48px #07122240;}
@media(min-width:1440px) {.payment-ledger .filter-field>.el-select{width:116px!important;}.payment-ledger .filter-field>.el-input{width:170px!important;}}
@media(max-width:1200px) {.topbar .page-subtitle {display:none;}.ledger-actions {margin-left:0;}.sidebar {width:196px;}.sidebar .logo{font-size:14px;padding:0 14px;}.content{padding:16px;}}
@media(max-width:760px) {
 .sidebar{width:164px;}.sidebar .logo{font-size:12px;gap:6px;}.logo-icon{width:20px;}.menu-item{font-size:12px;padding:9px 6px;gap:7px;}
 .topbar{height:60px;padding:0 12px;}.topbar .title{font-size:16px;}.topbar .right{gap:5px;}.topbar .right>.el-tag{display:none;}
 .content{padding:10px;}.toolbar{padding:14px;}.ledger-dialog{width:96%!important;}.ledger-dialog .el-col-8,.ledger-dialog .el-col-12{max-width:100%;flex:0 0 100%;}
 .line-heading{align-items:flex-start;}.line-count{display:block;margin:4px 0 0;}.line-totals{flex-wrap:wrap;gap:10px;}.line-total-amount{margin-left:0;}.kpi-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;}}
.dashboard-toolbar {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.dashboard-toolbar h2 {font-size:21px;margin:0;color:#142338}
.dashboard-toolbar p,.dashboard-scope {font-size:12px;line-height:1.7;color:#65758b;margin:6px 0 12px}
.dashboard-toolbar .el-button {margin-left:8px}
.drill-card {text-align:left;cursor:pointer;font:inherit;background:#fff;display:flex;flex-direction:column;gap:6px}
.drill-card:hover,.drill-card:focus-visible {border-color:#245fe5;box-shadow:0 3px 12px #245fe518;outline:2px solid #245fe530}
.finance-dashboard .kpi-card .value {font-size:clamp(22px,2.1vw,30px);font-variant-numeric:tabular-nums}
.dashboard-secondary {display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.dashboard-secondary button,.supplier-links button,.month-links button {border:1px solid #dce4ee;background:#fff;color:#365c94;border-radius:4px;padding:9px 12px;cursor:pointer;font:inherit;font-size:12px}
.dashboard-secondary strong {margin-left:8px;font-variant-numeric:tabular-nums}
.dashboard-notice {background:#fff9eb;border:1px solid #f0ddb4;color:#795b2c;padding:11px 14px;font-size:12px;line-height:1.8;margin-bottom:18px;border-radius:5px}
.dashboard-tasks {margin-bottom:20px}
.dashboard-tasks h4 small {font-size:12px;font-weight:400;color:#718096;margin-left:12px}
.task-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.task-grid button {border:1px solid #e0e7ef;border-radius:4px;background:#fafcfe;padding:12px;display:flex;text-align:left;flex-direction:column;gap:8px;cursor:pointer;color:#44556b;font:inherit;font-size:12px}
.task-grid button:hover {border-color:#245fe5}
.task-grid strong {font-size:22px;color:#233a5b;font-variant-numeric:tabular-nums}
.task-grid small {font-weight:400;font-size:12px}
.finance-dashboard .chart {height:290px}
.supplier-links {display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.month-links {display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;font-size:12px}
.month-links button {padding:4px;margin-left:3px}
.finance-dashboard summary {font-size:12px;color:#365c94;cursor:pointer}
.dashboard-payment {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dashboard-payment p {font-size:13px;line-height:1.9;color:#65758b}
.detail-summary {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}
.detail-summary strong {font-size:17px;color:#233a5b;font-variant-numeric:tabular-nums}
.detail-expanded {padding:12px 24px;background:#f8fafc;font-size:13px}
.dashboard-detail .el-dialog__body {padding-top:0;max-height:76vh;overflow:auto}
@media(max-width:1100px){.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-toolbar{align-items:flex-start}.dashboard-payment{grid-template-columns:1fr}.month-links{grid-template-columns:repeat(2,1fr)}}
.workflow-queue{margin:16px 0 20px;padding:14px;background:#f7faff;border:1px solid #dce7f7;border-radius:6px}
.workflow-queue-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;color:#243c5c}
.workflow-queue-head span{font-size:12px;color:#687b93}
.workspace-tabs{display:flex;align-items:stretch;gap:4px;flex:0 0 auto;overflow-x:auto;min-height:43px;padding:6px 16px 0;background:#e8eef7;border-bottom:1px solid #d3dfed;scrollbar-width:thin}
.workspace-tab{display:flex;align-items:center;gap:14px;max-width:220px;min-width:max-content;padding:0 10px 0 15px;border:1px solid #d5e0ee;border-bottom:0;border-radius:5px 5px 0 0;background:#f6f8fc;color:#506480;cursor:pointer;font-size:13px;user-select:none}
.workspace-tab.active{background:#fff;color:#1f55be;font-weight:600;border-color:#cad9ed;box-shadow:inset 0 3px #3267d6}
.workspace-tab:focus-visible,.workspace-tab-close:focus-visible{outline:2px solid #3267d6;outline-offset:-2px}
.workspace-tab-close{border:0;background:transparent;color:#8190a5;font-size:19px;line-height:1;cursor:pointer;padding:3px}
.workspace-tab-close:hover{color:#d03939}
.invoice-goods{padding:14px 16px;margin:12px 0;background:#f7faff;border:1px solid #dce7f7;border-radius:6px}
.invoice-goods h3{margin:0 0 10px;color:#243c5c;font-size:15px}
.invoice-goods h4{margin:16px 0 8px;color:#243c5c}
.invoice-goods p{font-size:12px;line-height:1.7;color:#687b93}
.arrival-purchase-details{padding:14px 16px;margin:0 0 18px;background:#f7faff;border:1px solid #dce7f7;border-radius:6px;min-width:0}
.arrival-purchase-details h3{margin:0 0 8px;font-size:15px;color:#243c5c}
.arrival-purchase-details h3 small{font-size:12px;font-weight:400;color:#687b93;margin-left:8px}
.arrival-purchase-details>p{font-size:12px;color:#687b93;line-height:1.7;margin:0 0 12px}
.arrival-purchase-source{font-size:13px;font-weight:600;color:#243c5c;margin:14px 0 8px}
.el-table__expanded-cell>.arrival-purchase-details{margin:0}