/* 订单结算明细：沿用平台管理后台的颜色和控件。 */
.fee-workspace { --fee-ink:#294334; --fee-muted:#7b8b81; }
.fee-tabs { display:flex; gap:5px; margin:0 0 22px; padding:0 3px; border-bottom:1px solid #dfe8e2; overflow-x:auto; }
.fee-tabs button { padding:11px 16px 13px; background:none; border:0; border-bottom:3px solid transparent; color:#7a8b80; white-space:nowrap; font-weight:500; }
.fee-tabs button:hover { color:#2c8b44; }
.fee-tabs button.active { color:#25863d; border-bottom-color:#2dbf59; }
.fee-panel .panel-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.fee-panel .panel-header h3 { margin:0; }
.fee-two-columns { display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap:20px; }
.fee-two-columns>* { min-width:0; }
.fee-field { display:flex; flex-direction:column; gap:7px; margin:0 0 16px; color:#506759; min-width:0; font-size:12px; }
.fee-field>span { font-weight:500; }
.fee-field b { color:#c75d52; }
.fee-field input,.fee-field select,.fee-field textarea,.fee-toolbar>input,.fee-rule-inputs input,.fee-rule-inputs select { width:100%; min-height:36px; padding:8px 10px; border:1px solid #dfe7e1; border-radius:5px; background:#fff; color:#304a39; font-size:12px; }
.fee-field input:disabled,.fee-field select:disabled,.fee-field textarea:disabled,.fee-rule-inputs input:disabled,.fee-rule-inputs select:disabled { background:#f5f8f6; color:#8d9b93; }
.fee-field textarea { resize:vertical; min-height:65px; }
.fee-field small { color:#8a998f; font-size:11px; line-height:1.7; }
.fee-toolbar { display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; margin:0 0 20px; }
.fee-toolbar .fee-field { min-width:160px; max-width:540px; flex:1 1 200px; margin:0; }
.fee-toolbar>input { flex:1 1 280px; max-width:580px; }
.fee-toolbar .button { margin-bottom:1px; min-height:36px; }
.fee-order-filters .fee-field:first-child { flex:2 1 280px; }
.fee-order-filters .fee-field:not(:first-child) { flex:1 1 150px; max-width:220px; }
.fee-summary-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin:0 0 18px; color:#8a9a90; font-size:11px; }
.fee-summary-row b { color:#386b46; font-size:15px; font-weight:600; margin-left:5px; }
.fee-summary-row .button { margin-left:auto; }
.fee-table { min-width:780px; }
.fee-table td { vertical-align:top; line-height:1.65; }
.fee-table .cell-sub { color:#8c9b91; font-size:10px; line-height:1.7; margin-top:4px; }
.fee-table .button { margin:0 3px 4px 0; }
.fee-table strong { font-weight:550; }
.fee-settlement-table { min-width:1040px; font-size:11px; }
.fee-settlement-table th,.fee-settlement-table td { padding-left:12px; padding-right:12px; }
.fee-settlement-table th:nth-child(1),.fee-settlement-table td:nth-child(1) { min-width:195px; }
.fee-settlement-table th:nth-child(2),.fee-settlement-table td:nth-child(2) { min-width:175px; }
.fee-settlement-table th:nth-child(3),.fee-settlement-table td:nth-child(3) { min-width:145px; }
.fee-settlement-table th:nth-child(4),.fee-settlement-table td:nth-child(4) { min-width:155px; }
.fee-settlement-table th:nth-child(5),.fee-settlement-table td:nth-child(5) { min-width:195px; }
.fee-settlement-table th:nth-child(6),.fee-settlement-table td:nth-child(6) { min-width:140px; }
.fee-text-button { padding:0 0 3px!important; color:#2b9849!important; min-height:0!important; border:0!important; background:transparent!important; font-size:11px; }
.fee-row-actions { display:flex; flex-direction:column; align-items:flex-start; margin-top:10px; }
.fee-amount-line { display:flex; justify-content:space-between; align-items:baseline; gap:13px; padding:3px 0; font-size:11px; line-height:1.5; color:#789080; }
.fee-amount-line>span { white-space:nowrap; }
.fee-amount-line>b { font-weight:400; color:#415e4a; white-space:nowrap; }
.fee-amount-line>strong { color:#287941; font-weight:600; white-space:nowrap; }
.fee-status { display:inline-block; font-size:10px; padding:3px 8px; border-radius:4px; white-space:nowrap; }
.fee-status-settled { color:#248342; background:#eaf7ed; }
.fee-status-eligible { color:#3679a0; background:#edf5fb; }
.fee-status-blocked { color:#a77835; background:#fff5e6; }
.fee-selected-order>td { background:#f1fbf4; }
.fee-selected-order>td:first-child { box-shadow:inset 3px 0 #35ba5a; }
.fee-empty { text-align:center; padding:38px 20px!important; color:#95a297; font-size:12px; }
.fee-rule-inputs { display:grid; grid-template-columns:minmax(180px,1fr) minmax(160px,.9fr); align-items:center; gap:12px; max-width:630px; }
.fee-rule-value { display:flex; align-items:center; position:relative; }
.fee-rule-value input { padding-right:67px; }
.fee-rule-value span { position:absolute; right:11px; top:50%; transform:translateY(-50%); font-size:11px; color:#8a998f; pointer-events:none; }
.fee-config-heading { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:14px; }
.fee-config-heading h4 { margin:0; font-size:12px; font-weight:600; }
.fee-config-heading span { color:#8c9b91; font-size:11px; }
.fee-section-title { margin:28px 0 14px; font-size:12px; font-weight:600; }
.fee-config-table { margin-bottom:22px; min-width:700px; }
.fee-config-table th:first-child { min-width:150px; }
.fee-config-table th:nth-child(2) { min-width:80px; }
.fee-config-table td { vertical-align:middle; }
.fee-config-tabs { display:flex; gap:8px; margin:0 0 18px; flex-wrap:wrap; }
.fee-config-tabs button { border:1px solid #dfe7e1; border-radius:5px; background:#fff; padding:9px 17px; font-size:12px; color:#6f8577; }
.fee-config-tabs button.active { color:#25863d; border-color:#a5d9b2; background:#edf8f0; }
.fee-audience-config-table { min-width:640px; margin-bottom:20px; }
.fee-audience-config-table th:nth-child(1) { width:40%; }
.fee-audience-config-table th:nth-child(2) { width:20%; }
.fee-audience-config-table td { vertical-align:middle; }
.fee-audience-config-table .fee-checkbox { margin:0; }
.fee-discount-value { max-width:200px; }
.fee-discount-value input { width:100%; min-height:36px; border:1px solid #dfe7e1; border-radius:5px; padding:8px 36px 8px 10px; color:#304a39; font-size:12px; }
.fee-discount-value input:disabled { background:#f5f8f6; color:#8d9b93; }
.fee-draft-badge { display:inline-block; padding:1px 5px; margin-left:6px; border-radius:3px; background:#fff5e6; color:#a77835; font-size:10px; font-weight:400; white-space:nowrap; }
.fee-exclusive-tag { display:inline-block; padding:2px 6px; border-radius:3px; background:#edf5fb; color:#3679a0; font-size:10px; margin-top:4px; }
.fee-audience-picker { min-width:0; border:1px solid #e1eae4; border-radius:5px; padding:12px 14px; margin:0 0 16px; }
.fee-audience-picker legend { padding:0 5px; font-size:12px; color:#506759; }
.fee-audience-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px 12px; }
.fee-audience-options .fee-checkbox { margin:0; }
.fee-preview-inputs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 16px; }
.fee-preview-inputs .fee-field:nth-child(2) { grid-column:span 2; }
.fee-preview-footer { display:flex; align-items:center; gap:12px; margin:0 0 16px; }
.fee-preview-footer>.cell-sub { color:#8c9b91; font-size:11px; }
.fee-preview-result { border:1px solid #d8eade; border-radius:6px; padding:6px 16px 0; background:#f8fcf9; }
.fee-preview-result .fee-info { grid-template-columns:repeat(3,minmax(0,1fr)); }
.fee-config-table .fee-checkbox { margin:0; white-space:nowrap; }
.fee-checkbox { display:flex; gap:8px; align-items:flex-start; font-size:11px; line-height:1.6; color:#6e8375; margin:14px 0; }
.fee-checkbox input { margin:3px 0 0; accent-color:#2dbf59; flex-shrink:0; }
.fee-form-footer { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; padding-top:16px; margin-top:16px; border-top:1px solid #edf1ee; }
.fee-info { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; margin:10px 0 22px; }
.fee-info>div { min-width:0; }
.fee-info dt { margin:0 0 5px; color:#8c9b91; font-size:11px; }
.fee-info dd { margin:0; color:#3a5543; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.fee-detail-subject { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:2px 0 14px; font-size:12px; color:#3a5543; }
.fee-detail-subject>span:not(.fee-status) { font-size:10px; color:#899b8f; }
.fee-detail-subject .fee-status { margin-left:auto; }
.fee-related-actions { display:flex; gap:18px; margin:0 0 22px; padding-bottom:15px; border-bottom:1px solid #edf1ee; }
.fee-detail-section { margin:0 0 24px; }
.fee-detail-section h3 { font-size:12px; font-weight:600; color:#3f5d49; margin:0 0 13px; }
.fee-allocation { padding:10px 15px; border:1px solid #e1ebe4; border-radius:6px; }
.fee-allocation .fee-amount-line { padding:7px 0; font-size:12px; }
.fee-allocation .fee-amount-line:has(strong) { border-top:1px solid #e8eee9; margin-top:6px; padding-top:12px; }
.fee-block-reasons { margin:12px 0 0; padding:12px 15px 12px 28px; color:#a27738; background:#fff8ec; border-radius:5px; font-size:11px; line-height:1.9; }
.fee-order-items { min-width:800px; }
.fee-wallet-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0 0 22px; }
.fee-wallet-cards>div { background:#fff; border:1px solid #e2eae5; border-radius:7px; padding:20px 23px; }
.fee-wallet-cards span { color:#7b9183; font-size:12px; }
.fee-wallet-cards strong { display:block; margin-top:9px; font-size:26px; color:#314e3b; font-weight:600; letter-spacing:-.8px; }
.fee-wallet-cards .fee-wallet-available { background:#edf8f0; border-color:#cee9d5; }
.fee-wallet-available strong,.fee-money-positive { color:#25843d; }
@media(max-width:1100px) { .fee-two-columns { grid-template-columns:1fr; gap:0; } .fee-wallet-cards strong { font-size:22px; } }
@media(max-width:699px) { .fee-tabs { gap:0; } .fee-tabs button { font-size:11px; padding:10px 12px; } .fee-info { grid-template-columns:1fr; } .fee-toolbar { align-items:stretch; } .fee-toolbar .fee-field { min-width:0; flex-basis:100%; max-width:none!important; } .fee-rule-inputs { grid-template-columns:1fr; } .fee-form-footer { justify-content:flex-start; } .fee-wallet-cards { grid-template-columns:1fr; gap:10px; } .fee-wallet-cards>div { padding:17px 19px; } .fee-audience-options { grid-template-columns:1fr 1fr; } .fee-preview-inputs { grid-template-columns:1fr; } .fee-preview-inputs .fee-field:nth-child(2) { grid-column:auto; } .fee-preview-result .fee-info { grid-template-columns:1fr 1fr; } }