.payroll-live{display:grid;gap:22px;max-width:1440px;margin:auto;padding:32px}.payroll-live h2{margin:0 0 10px}.payroll-live p{color:var(--muted);line-height:1.6}.payroll-live small{display:block;color:var(--muted);margin-top:5px}.payroll-basis{display:grid;grid-template-columns:1.25fr 1fr;gap:36px}.payroll-basis h2{margin-top:10px}.payroll-period{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.payroll-period label{display:grid;gap:8px;min-width:220px}.payroll-period select{padding:12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}.payroll-period span,.payroll-period strong{display:block}.payroll-period>div>span{color:var(--muted);font-size:13px;margin-bottom:7px}.payroll-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.payroll-stats .card{padding:24px}.payroll-stats strong{display:block;font-size:32px;letter-spacing:-1px;margin:12px 0}.payroll-section-title{display:flex;justify-content:space-between;align-items:start;gap:24px}.payroll-section-title .button{flex-shrink:0}.payroll-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.payroll-orders details{border-top:1px solid var(--line)}.payroll-orders summary{display:flex;justify-content:space-between;gap:16px;padding:18px 4px;cursor:pointer;list-style:none}.payroll-orders summary strong:before{content:"＋ ";font-weight:400}.payroll-orders details[open] summary strong:before{content:"− "}.payroll-order-body{padding:4px 18px 20px}.payroll-held{color:var(--warning,#b86516)}.payroll-alert{border-color:#b86516}.payroll-approval{border-left:4px solid var(--accent,#78bda6)}.payroll-confirm{display:flex;align-items:center;gap:12px;margin:20px 0}.payroll-confirm input{width:20px;height:20px;flex-shrink:0}.payroll-live .hp-table{overflow-x:auto}.payroll-live table{width:100%;border-collapse:collapse}.payroll-live td,.payroll-live th{padding:14px;text-align:left;border-bottom:1px solid var(--line)}.payroll-live th{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.payroll-live .button{display:inline-flex;align-items:center;gap:8px}.payroll-live button:disabled{opacity:.48;cursor:not-allowed}@media(max-width:900px){.payroll-stats{grid-template-columns:repeat(2,1fr)}.payroll-basis{grid-template-columns:1fr;gap:12px}}@media(max-width:600px){.payroll-live{padding:16px;gap:16px}.payroll-stats .card{padding:16px}.payroll-stats strong{font-size:24px}.payroll-section-title{display:block}.payroll-section-title .button{margin-bottom:12px}.payroll-period{gap:18px}.payroll-period label{width:100%}.payroll-orders summary{align-items:center;font-size:14px}.payroll-order-body{padding:0 0 16px}.payroll-live .card{min-width:0}}.payroll-revenue h2{margin-top:8px}.payroll-revenue-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0}.payroll-revenue-stats>div{padding:20px;border:1px solid var(--line);border-radius:12px;min-width:0}.payroll-revenue-stats strong{display:block;font-size:32px;letter-spacing:-1px;margin:14px 0}.payroll-revenue-stats .payroll-company-net{border-color:var(--accent,#78bda6);background:color-mix(in srgb,var(--accent,#78bda6) 8%,transparent)}.payroll-revenue-note{font-size:14px}.payroll-revenue-basis{border-top:1px solid var(--line);padding-top:16px}.payroll-revenue-basis summary{cursor:pointer}.payroll-order-revenue{padding:16px;border:1px solid var(--line);border-radius:8px;margin:16px 0}.payroll-order-revenue p{margin-bottom:0}@media(max-width:900px){.payroll-revenue-stats{gap:12px}.payroll-revenue-stats>div{padding:16px}.payroll-revenue-stats strong{font-size:26px}}@media(max-width:600px){.payroll-revenue-stats{grid-template-columns:1fr}.payroll-revenue-stats strong{margin:8px 0;font-size:30px}}.payroll-correction{border-left:4px solid var(--warning,#b86516)}.payroll-correction-reason{display:grid;gap:8px;max-width:760px}.payroll-correction-reason textarea{font:inherit;padding:12px;resize:vertical;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}.payroll-filters label{display:grid;gap:5px;font-size:13px}.payroll-filters input,.payroll-filters select{min-height:38px;max-width:260px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.payroll-filters input[type=number]{max-width:130px}.payroll-filters{align-items:end}.payroll-live th button{white-space:nowrap}.payroll-live td{vertical-align:top}.payroll-steps{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:18px 0}.payroll-steps li{border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--muted)}.payroll-steps li[aria-current=step]{color:var(--ink);font-weight:700;background:var(--surface-soft)}.payroll-preliminary-notice{padding:16px;margin-bottom:18px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.pay-statement-detail{scroll-margin-top:90px}.pay-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.pay-detail-heading h2{margin:0}.pay-detail-heading p{margin:8px 0 20px}.pay-detail-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.pay-detail-totals>div{padding:16px;border:1px solid var(--line);border-radius:12px}.pay-detail-order small,.pay-detail-totals span{display:block;color:var(--muted);font-size:13px}.pay-detail-totals strong{display:block;font-size:24px;margin-top:8px}.pay-detail-reconciliation{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:20px}.pay-detail-reconciliation summary{cursor:pointer;font-weight:600}.pay-detail-reconciliation dl{max-width:600px}.pay-detail-reconciliation dl>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0}.pay-detail-reconciliation dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pay-detail-filters{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.pay-detail-filters label{display:grid;gap:8px;flex:1 1;min-width:200px}.pay-detail-filters input,.pay-detail-filters select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.pay-detail-order{border:1px solid var(--line);border-radius:12px;margin:10px 0;overflow:hidden}.pay-detail-order summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;cursor:pointer;list-style:none}.pay-detail-order summary::-webkit-details-marker{display:none}.pay-detail-order summary small{margin-top:6px}.pay-detail-order summary>span:last-child{white-space:nowrap;font-weight:600}.pay-detail-order-body{padding:0 18px 18px}.pay-detail-metadata{display:flex;gap:16px 32px;flex-wrap:wrap}.pay-detail-metadata dt{color:var(--muted);font-size:13px;margin-bottom:6px}.pay-detail-metadata dd{margin:0;overflow-wrap:anywhere}.pay-detail-order td small{margin-top:4px}.pay-detail-order table{width:100%}.pay-detail-order td{vertical-align:top}.pay-detail-order td:last-child{min-width:180px}@media(max-width:650px){.pay-detail-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-detail-heading{flex-direction:column}.pay-detail-order summary{align-items:flex-start}.pay-detail-order summary strong{overflow-wrap:anywhere}.pay-detail-order summary>span:first-child{min-width:0}.pay-detail-totals strong{font-size:21px}}