.costs-main{max-width:1500px}
.costs-panel{background:#fff;border:1px solid #dfe6e1;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px #273c3003}
.costs-toolbar{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}
.costs-toolbar label{font-size:12px;color:#657a6a;white-space:nowrap}
.costs-toolbar select{min-width:240px;max-width:420px;min-height:40px;padding:8px 12px;border:1px solid #dce4de;border-radius:6px;background:#fff;color:#334c3e}
.cost-count{margin-left:auto;color:#87968c;font-size:12px;white-space:nowrap}
.costs-summary{display:grid;grid-template-columns:1fr 1.8fr .85fr 1fr 1.15fr;background:#fafcfb;border-bottom:1px solid var(--line)}
.cost-metric{min-width:0;padding:22px 24px;border-right:1px solid var(--line)}
.cost-metric:last-child{border-right:0}
.cost-metric>span{display:block;margin-bottom:10px;color:#839389;font-size:11px}
.cost-metric strong{display:block;color:#2b4436;font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.cost-metric.cost-money strong{color:var(--green);font-variant-numeric:tabular-nums;font-size:19px;letter-spacing:-.3px}
.cost-metric small{display:block;margin-top:4px;color:#839389;font-size:11px}
.costs-table-scroll{overflow:auto}
.costs-table{min-width:920px;table-layout:fixed}
.costs-table th,.costs-table td{padding:14px 18px}
.costs-table thead th{height:48px;border-top:0;white-space:normal;line-height:1.4}
.costs-table th:nth-child(1){width:18%}.costs-table th:nth-child(2){width:14%}.costs-table th:nth-child(3){width:19%}.costs-table th:nth-child(4){width:20%}.costs-table th:nth-child(5){width:15%}.costs-table th:nth-child(6){width:14%}
.costs-table tbody td{white-space:pre-wrap;vertical-align:top;line-height:1.65}
.costs-table tbody td:first-child{font-weight:600;color:#2f6149;font-variant-numeric:tabular-nums}
.costs-table .money-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.costs-table tbody .money-cell{font-weight:600;color:#355744}
.costs-table tfoot th,.costs-table tfoot td{height:56px;background:#f1f7f3;border-bottom:0;color:#245d43;font-size:14px;font-weight:700}
.costs-table tfoot th{text-align:right}
.costs-empty{padding:28px;text-align:center;color:#819188;font-size:13px}
.costs-status{min-height:42px;padding:13px 24px;border-top:1px solid var(--line);color:#8b9a90;font-size:11px}
.costs-status.error{color:#b35044}
@media(max-width:1180px){.costs-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.cost-metric:nth-child(3){border-right:0}.cost-metric:nth-child(n+4){border-top:1px solid var(--line)}}
@media(max-width:760px){.costs-table,.costs-table tbody,.costs-table thead,.costs-table tfoot{display:table}.costs-table tbody{display:table-row-group}.costs-table thead{display:table-header-group}.costs-table tfoot{display:table-footer-group}.costs-table tr{display:table-row}.costs-table th,.costs-table td{display:table-cell}.costs-toolbar{flex-wrap:wrap;padding:16px}.costs-toolbar label{width:100%}.costs-toolbar select{min-width:0;width:100%;max-width:none}.cost-count{margin-left:0}.costs-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-metric{padding:16px;border-top:1px solid var(--line)}.cost-metric:nth-child(1),.cost-metric:nth-child(2){border-top:0}.cost-metric:nth-child(2),.cost-metric:nth-child(4){border-right:0}.cost-metric:nth-child(3){border-right:1px solid var(--line)}.cost-address{grid-column:auto}.cost-metric.cost-money strong{font-size:16px}}
@media(max-width:430px){.costs-summary{grid-template-columns:minmax(0,1fr)}.cost-metric{border-right:0!important;border-top:1px solid var(--line)!important}.cost-metric:first-child{border-top:0!important}.cost-metric>span{margin-bottom:4px}.cost-metric{padding:13px 16px}}
.costs-actions{display:flex;align-items:center;gap:8px}
.costs-actions .primary,.costs-actions .secondary{min-height:38px;padding:8px 12px;font-size:12px}
.costs-actions button:disabled{cursor:not-allowed}
.costs-selected-summary{padding:11px 24px;border-bottom:1px solid var(--line);background:#f8fbf9;color:#47735a;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.costs-check-heading,.costs-row-check{display:flex;align-items:center;gap:9px;min-width:0}
.costs-check-heading input,.costs-row-check input{flex:none;margin:0}
.costs-row-check span{min-width:0;overflow-wrap:anywhere}
.costs-table tbody tr.is-selected td{background:#f7fbf8}
.cost-print-sheet{display:none}
@media(max-width:1100px){.costs-toolbar{flex-wrap:wrap}.cost-count{margin-left:auto}.costs-actions{width:100%;justify-content:flex-end}}
@media(max-width:760px){.costs-actions{justify-content:stretch;flex-wrap:wrap}.costs-actions button{flex:1}.costs-selected-summary{padding:11px 16px}.costs-table{min-width:980px}}
@page{size:A4 landscape;margin:12mm}
@media print{
  body{background:#fff;color:#202820;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body>.app-header,body>.costs-main{display:none!important}
  .cost-print-sheet{display:block!important;margin:0;width:100%;font-family:Helvetica, Arial, Verdana, 'LiHei Pro', '微軟正黑體', '新細明體', sans-serif}
  .cost-print-sheet h1{margin:0 0 8mm;text-align:center;font-size:19pt;font-weight:700;letter-spacing:2px}
  .cost-print-meta{display:grid;grid-template-columns:1fr 1.7fr .9fr 1fr 1.25fr;margin-bottom:7mm;border:1px solid #95a69b}
  .cost-print-meta>div{min-width:0;padding:3mm;border-right:1px solid #95a69b}
  .cost-print-meta>div:last-child{border-right:0}
  .cost-print-meta span{display:block;margin-bottom:2mm;color:#5f7265;font-size:8pt}
  .cost-print-meta strong{display:block;font-size:10pt;line-height:1.5;overflow-wrap:anywhere}
  .cost-print-table{display:table;width:100%;table-layout:fixed;border-collapse:collapse;font-size:9pt}
  .cost-print-table thead{display:table-header-group}
  .cost-print-table tbody{display:table-row-group}
  .cost-print-table tfoot{display:table-footer-group}
  .cost-print-table tr{display:table-row;break-inside:avoid;page-break-inside:avoid}
  .cost-print-table th,.cost-print-table td{display:table-cell;padding:2.6mm 2mm;border:1px solid #aab6ad;background:#fff;color:#1e2e22;vertical-align:top;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
  .cost-print-table thead th,.cost-print-table tfoot th,.cost-print-table tfoot td{background:#e8f1eb;font-weight:700}
  .cost-print-table th:nth-child(1){width:15%}.cost-print-table th:nth-child(2){width:13%}.cost-print-table th:nth-child(3){width:20%}.cost-print-table th:nth-child(4){width:22%}.cost-print-table th:nth-child(5){width:16%}.cost-print-table th:nth-child(6){width:14%}
  .cost-print-table .money-cell,.cost-print-table tfoot td:first-of-type{text-align:right;white-space:nowrap}
  .cost-print-table tfoot th{text-align:right}
}