/* 報酬額：発注書・支払明細書風レイアウト v25。サーバー計算と認可は変更しない */
.lf-my-payout-page{max-width:1440px;margin:0 auto;padding:0 0 36px;min-width:0}
.lf-my-payout-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.lf-my-payout-heading h1{margin:0}
.lf-my-payout-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.lf-my-payout-controls label{display:flex;flex-direction:column;gap:5px;color:#475569;font-size:13px;font-weight:700}
.lf-my-payout-controls input{border:1px solid #cbd5e1;border-radius:7px;padding:9px 11px;color:#203247;background:#fff;min-height:42px}
.lf-my-payout-controls button{min-height:42px}
.lf-my-payout-status{margin:12px 0 16px;padding:11px 14px;border-radius:7px;border:1px solid #c8dcf1;background:#eff6ff;color:#245083;font-size:13px;font-weight:600;line-height:1.7;white-space:pre-line}
.lf-my-payout-status[hidden],.lf-my-payout-diagnostic[hidden],.lf-my-payout-page [hidden]{display:none!important}
.lf-my-payout-status[data-state=empty]{background:#f7f8fa;color:#475569;border-color:#d8e0e8}
.lf-my-payout-status[data-state=error],.lf-my-payout-status.lf-my-payout-error{background:#fff6f4;color:#a33b2f;border-color:#ffcec5}
.lf-my-payout-diagnostic{font-size:12px;line-height:1.8;color:#66788b;margin:0 0 16px;overflow-wrap:anywhere}
.lf-my-payout-sheet{background:#fff;border:1px solid #cbd5e1;border-radius:3px;overflow:hidden;min-width:0;box-shadow:0 1px 3px rgba(15,23,42,.025)}
.lf-my-payout-sheet-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;padding:27px 26px 16px}
.lf-my-payout-sheet-heading h2{font-size:24px;font-weight:800;letter-spacing:.09em;color:#1e293b;margin:0;line-height:1.3}
.lf-my-payout-sheet-period{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:#475569;font-weight:700;font-size:13px;flex-wrap:wrap}
#myPayoutSettlement,#proxymyPayoutSettlement{border:1px solid #cbd5e1;border-radius:3px;padding:4px 8px;font-size:11px;color:#64748b;font-weight:700}
.lf-my-payout-summary{width:min(430px,calc(100% - 52px));margin:0 26px 27px auto;border:1px solid #ced8e3;background:#fff;font-variant-numeric:tabular-nums}
.lf-my-payout-summary-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:10px 15px;border-bottom:1px solid #e2e8f0;color:#334155;font-size:13px}
.lf-my-payout-summary-line:last-child{border-bottom:0}
.lf-my-payout-summary-line strong{font-size:16px;font-weight:750;white-space:nowrap}
.lf-my-payout-summary-payment{background:#fff8f8;color:#c21f34;font-weight:800;border-top:1px solid #e5bbc2}
.lf-my-payout-summary-payment strong{font-size:21px;color:#c21f34;font-weight:850}
.lf-my-payout-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.lf-my-payout-table{width:100%;min-width:700px;border-collapse:collapse;table-layout:fixed;color:#263447;font-variant-numeric:tabular-nums}
.lf-payout-col-media{width:23%}.lf-payout-col-type{width:30%}.lf-payout-col-unit{width:17%}.lf-payout-col-count{width:10%}.lf-payout-col-amount{width:20%}
.lf-my-payout-table th,.lf-my-payout-table td{padding:14px 12px;border:1px solid #d9e0e7;font-size:13px;line-height:1.65;vertical-align:middle;font-weight:400;overflow-wrap:anywhere}
.lf-my-payout-table thead th{background:#eef2f6;color:#253649;font-weight:750;font-size:12px;white-space:normal;text-align:right}
.lf-my-payout-table thead th:nth-child(-n+2){text-align:left}
.lf-my-payout-table tbody td{text-align:right;white-space:nowrap}
.lf-my-payout-table tbody td:nth-child(-n+2){text-align:left;white-space:normal}
.lf-my-payout-table tbody tr:nth-child(even){background:#fafbfc}
.lf-my-payout-table tbody tr:hover{background:#f5f9ff}
.lf-my-payout-table tfoot th{text-align:right;font-weight:750;padding-right:20px}
.lf-my-payout-table tfoot td{text-align:right;font-weight:750;font-size:15px;white-space:nowrap}
.lf-my-payout-table tfoot tr.lf-payout-subtotal th,.lf-my-payout-table tfoot tr.lf-payout-subtotal td{border-top:2px solid #9aaabd;background:#f7f9fb}
.lf-my-payout-table tfoot tr.lf-payout-consumption-tax th,.lf-my-payout-table tfoot tr.lf-payout-consumption-tax td{background:#fff}
.lf-my-payout-table tfoot tr.lf-payout-grand-total th,.lf-my-payout-table tfoot tr.lf-payout-grand-total td{border-top:2px solid #bdc8d6;background:#edf3f9;font-size:15px;font-weight:800}
#adminProxyOtherBody .lf-my-payout-page{max-width:100%;min-width:0;padding:0}
#adminProxyOtherBody .lf-my-payout-table-scroll{max-width:100%;overflow-x:auto}
@media(max-width:720px){.lf-my-payout-heading{align-items:flex-start}.lf-my-payout-sheet-heading{padding:20px 16px 17px;align-items:flex-start;flex-direction:column}.lf-my-payout-sheet-heading h2{font-size:20px}.lf-my-payout-summary{width:calc(100% - 32px);margin:0 16px 20px}.lf-my-payout-table th,.lf-my-payout-table td{padding:11px 9px;font-size:12px}}
@media(max-width:430px){.lf-my-payout-controls{width:100%}.lf-my-payout-controls button{flex:1}}
@media print{
  @page{size:A4 landscape;margin:12mm}
  .lf-my-payout-page{max-width:none!important;padding:0!important}
  .lf-my-payout-heading,.lf-my-payout-controls,.lf-my-payout-status,.lf-my-payout-diagnostic{display:none!important}
  .lf-my-payout-sheet{border:0;box-shadow:none;overflow:visible}
  .lf-my-payout-sheet-heading{padding:0 0 12px}
  .lf-my-payout-summary{margin:0 0 16px auto;width:340px;max-width:100%}
  .lf-my-payout-table-scroll{overflow:visible}
  .lf-my-payout-table{min-width:0!important;width:100%;table-layout:fixed}
  .lf-my-payout-table th,.lf-my-payout-table td{font-size:10px;padding:7px 6px;break-inside:avoid}
  .lf-my-payout-table tr{break-inside:avoid}
  .lf-my-payout-table thead{display:table-header-group}
  .lf-my-payout-table tfoot{display:table-row-group}
  .lf-my-payout-table thead th,.lf-my-payout-summary-payment,.lf-my-payout-table tfoot tr.lf-payout-grand-total th,.lf-my-payout-table tfoot tr.lf-payout-grand-total td{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

/* 上部集計は横並び、明細と税集計は内訳の枠内に配置 */
.lf-my-payout-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;margin:0 26px 26px;border:1px solid #ced8e3}
.lf-my-payout-summary-line{grid-template-columns:1fr;gap:8px;padding:16px 20px;border-bottom:0;border-right:1px solid #e2e8f0;align-content:center}
.lf-my-payout-summary-line:last-child{border-right:0}
.lf-my-payout-summary-line strong{font-size:22px}
.lf-my-payout-summary-payment{border-top:0;background:#fff;color:#c21f34}
.lf-my-payout-summary-payment strong{font-size:22px}
.lf-my-payout-breakdown{margin:0 26px 26px;border:1px solid #cbd5e1;border-radius:3px;overflow:hidden;min-width:0}
.lf-my-payout-breakdown-heading{margin:0;padding:13px 16px;font-size:16px;font-weight:750;color:#1e293b;background:#f7f9fb;border-bottom:1px solid #cbd5e1}
@media(max-width:720px){.lf-my-payout-summary{margin:0 16px 20px;width:auto}.lf-my-payout-summary-line{padding:12px 8px;font-size:11px;gap:6px}.lf-my-payout-summary-line strong{font-size:clamp(14px,3.5vw,21px)}.lf-my-payout-breakdown{margin:0 16px 20px}}
@media print{.lf-my-payout-summary{width:100%;margin:0 0 16px}.lf-my-payout-breakdown{margin:0;overflow:visible}.lf-my-payout-breakdown-heading{padding:9px 12px}}