.shop-income{min-width:0;color:#303133;letter-spacing:0}
.shop-income-page .shop-income{max-width:1180px}
.shop-income-page .shop-income-toolbar{padding:0 0 16px}
.shop-income-page .shop-income-section-head h3{font-size:14px;color:#1f2d3d}
.shop-income-page .shop-income-section-head .el-button{border-radius:4px}
.shop-income .el-alert{margin:10px 0;overflow-wrap:anywhere}
.shop-income-toolbar,.shop-income-section-head,.shop-income-actions,.shop-income-calculation{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.shop-income-toolbar{padding:4px 0 16px;border-bottom:1px solid #e4e7ed}
.shop-income-month{display:flex;align-items:center;gap:10px;max-width:100%;font-weight:600}
.shop-income-month .el-date-editor{width:150px}
.shop-income-muted{color:#606266;font-size:12px}
.shop-income-spacer{flex:1}
.shop-income-section{padding:18px 0;border-bottom:1px solid #e4e7ed;min-width:0}
.shop-income-section-head{justify-content:space-between;margin-bottom:14px}
.shop-income h3,.shop-income-dialog h4{font-size:15px;line-height:1.5;font-weight:600;margin:0}
.shop-income-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:4px 0 16px}
.shop-income-metrics>div{display:flex;flex-direction:column;gap:8px;min-width:0;border-left:3px solid #e4e7ed;padding-left:12px}
.shop-income-metrics span{font-size:13px;color:#606266}
.shop-income-metrics strong{font-size:23px;line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.shop-income-metrics small{font-size:12px;color:#606266}
.shop-income-metrics .shop-income-net{border-color:#19877b;color:#166b61}
.shop-income-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px;margin:8px 0 0}
.shop-income-totals>div{display:flex;justify-content:space-between;gap:12px;min-width:0;font-size:13px;line-height:1.7}
.shop-income-totals dt{color:#606266;overflow-wrap:anywhere}
.shop-income-totals dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.shop-income-save{padding:18px 0;display:flex;flex-direction:column;gap:12px}
.shop-income-save>label{font-size:13px;display:flex;flex-direction:column;gap:8px}
.shop-income-save .el-checkbox{height:auto;white-space:normal;align-items:flex-start;line-height:1.6}
.shop-income-save .el-checkbox__input{margin-top:4px}
.shop-income-save .el-checkbox__label{white-space:normal;line-height:1.6}
.shop-income-actions{justify-content:flex-end}
.shop-income-dialog{max-width:calc(100vw - 24px);max-height:88vh;margin:6vh auto!important;display:flex;flex-direction:column;border-radius:6px;letter-spacing:0}
.shop-income-dialog .el-dialog__body{min-height:0;flex:1;overflow:auto;overflow-wrap:anywhere}
.shop-income-dialog .el-dialog__header,.shop-income-dialog .el-dialog__footer{flex-shrink:0}
.shop-income-dialog .el-alert{margin-bottom:14px}
.shop-income-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}
.shop-income-form-grid>*{min-width:0}
.shop-income-form-grid .el-select,.shop-income-form-grid .el-date-editor.el-input{width:100%}
.shop-income-dialog .el-radio-group{display:flex;gap:8px 18px;flex-wrap:wrap}
.shop-income-dialog .el-radio{margin:0;white-space:normal;min-height:32px;height:auto}
.shop-income-dialog .el-radio__label{white-space:normal}
.shop-income-calculation{padding:10px 12px;background:#f3f6f8;margin:0 0 16px;font-size:13px;justify-content:space-between}
.shop-income-calculation strong{margin-left:8px;font-variant-numeric:tabular-nums}
.shop-income-link-total{font-size:12px;color:#606266;margin-top:6px}
.shop-income-receipts{border-top:1px solid #e4e7ed;padding-top:16px}
.shop-income-receipt-row{display:grid;grid-template-columns:155px 130px minmax(120px,1fr) auto;gap:10px;align-items:end;margin-bottom:12px}
.shop-income-receipt-row label{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0}
.shop-income-receipt-row .el-date-editor.el-input{width:100%}
.shop-income-receipt-row>.el-button{margin-bottom:2px}
.shop-income-empty{font-size:13px;color:#909399;padding:10px 0}
.shop-income-history,.shop-income-cash-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}
.shop-income-history .el-collapse-item__header{height:auto;min-height:48px;line-height:1.6;text-align:left;white-space:normal}
.shop-income-history-links{font-size:11px;color:#606266;overflow-wrap:anywhere}
.shop-income-cash-detail{margin-top:16px}
.shop-income-cash-detail summary{cursor:pointer;font-size:13px}
.shop-income-withdrawal-scroll{overflow-x:auto}
.shop-income-withdrawal{width:100%;min-width:560px;table-layout:fixed;border-collapse:collapse;font-size:13px;line-height:1.5}
.shop-income-withdrawal th,.shop-income-withdrawal td{padding:9px 14px;border:1px solid #e4e7ed;text-align:left;overflow-wrap:anywhere}
.shop-income-withdrawal thead{background:#f5f7fa;color:#606266}
.shop-income-withdrawal .withdrawal-channel-col{width:27%}
.shop-income-withdrawal .withdrawal-amount-col{width:25%}
.shop-income-withdrawal .withdrawal-actions-col{width:120px}
.shop-income-withdrawal .withdrawal-number{text-align:right;font-variant-numeric:tabular-nums}
.shop-income-withdrawal .withdrawal-channel,.shop-income-withdrawal .withdrawal-actions{vertical-align:top;padding-top:14px}
.withdrawal-channel strong{display:block;font-size:14px;margin-bottom:8px}
.withdrawal-channel .shop-income-muted{margin-top:8px}
.withdrawal-subtotal{background:#f0f7ff;color:#2457a4;font-weight:600}
.shop-income-withdrawal tfoot{background:#eaf4ef;font-weight:700;color:#166b4b}
.shop-income-withdrawal tfoot td{font-size:17px}
.shop-income-extra{margin-bottom:16px}
.shop-income-extra summary{cursor:pointer;font-size:13px;color:#606266;padding:8px 0 14px}
@media(max-width:900px){
  .shop-income-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-income-totals{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .shop-income-page .cost-rollup-kpis{grid-template-columns:minmax(0,1fr)}
  .shop-income-toolbar{gap:10px}
  .shop-income-spacer{display:none}
  .shop-income-toolbar .el-button+.el-button{margin-left:0}
  .shop-income-metrics{gap:16px 10px}
  .shop-income-metrics strong{font-size:20px}
  .shop-income-totals{grid-template-columns:minmax(0,1fr)}
  .shop-income-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
  .shop-income-receipt-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-income-receipt-row label:nth-child(3){grid-column:1/-1}
  .shop-income-receipt-row>.el-button{justify-self:start}
  .shop-income-dialog .el-dialog__footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
  .shop-income-dialog .el-dialog__footer .el-button{margin:0}
}
