#view-payroll-cycle{--pc-border:var(--border-subtle,#3a3a3a);--pc-muted:var(--text-muted,#bfbfbf);color:var(--text-main,#fff)}
#view-payroll-cycle h2{font-size:1.2rem;margin:0 0 6px}.pc-toolbar,.pc-detail-title,.pc-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pc-toolbar{justify-content:space-between;margin-bottom:18px}.pc-toolbar h2{margin:0}.pc-toolbar label{display:flex;gap:8px;align-items:center}.pc-process{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.pc-process span{padding:8px 12px;border:1px solid var(--pc-border);border-radius:20px;background:var(--bg-elevated-soft,#2e2e2e);font-size:.82rem}.pc-caption,.pc-detail-title p{font-size:.86rem;color:var(--pc-muted);line-height:1.55}.pc-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.pc-metrics>div{border:1px solid var(--pc-border);border-radius:10px;padding:15px;background:var(--bg-elevated-soft,#2e2e2e);min-width:0}.pc-metrics span,.pc-metrics small{display:block;font-size:.8rem;color:var(--pc-muted);line-height:1.5}.pc-metrics strong{display:block;font-size:1.3rem;margin:6px 0;overflow-wrap:anywhere}.pc-scroll{max-width:100%;overflow:auto;margin:16px 0}.pc-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:700px}.pc-table th,.pc-table td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--pc-border);vertical-align:top}.pc-table th{background:var(--bg-elevated-soft,#2e2e2e);font-weight:650}.pc-table small{display:block;margin-top:4px;color:var(--pc-muted)}.pc-selected{background:#303d46}.pc-badge{display:inline-block;font-size:.76rem;background:#e6f5ee;color:#126745;border-radius:5px;padding:5px 7px}.pc-badge-warning{background:#fff0cd;color:#7a5000}.pc-detail{margin-top:25px;border-top:2px solid var(--pc-border);padding-top:24px;scroll-margin-top:20px}.pc-detail-title{justify-content:space-between;align-items:flex-start}.pc-cash{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-radius:12px;padding:22px;background:#102f46;color:#fff;margin:18px 0}.pc-cash span{font-size:.85rem;color:#c2d7e6}.pc-cash strong{display:block;font-size:1.9rem;margin:8px 0}.pc-cash p{font-size:.82rem;line-height:1.5;margin:0}.pc-alert{color:#155638;padding:12px 15px;border:1px solid #aed7c3;background:#effbf4;border-radius:8px;margin:14px 0;white-space:pre-wrap}.pc-alert[hidden]{display:none}.pc-error{border-color:#efb5b5;background:#fff1f1;color:#8f2323}.pc-issues{background:#392e18;color:#f1dba9;border:1px solid #655334;border-radius:8px;padding:12px}.pc-issues li{margin:6px 0}.pc-detail details,.pc-history{margin:18px 0}.pc-detail summary,.pc-history summary{font-weight:650;cursor:pointer;padding:8px 0}.pc-history-entry{border-bottom:1px solid var(--pc-border);padding:12px 0;font-size:.87rem;line-height:1.7}.pc-event{font-size:.8rem;color:var(--pc-muted);border-left:2px solid var(--pc-border);padding-left:10px}.pc-empty{padding:28px;border:1px dashed var(--pc-border);border-radius:8px}.pc-check{display:flex!important;gap:10px;align-items:flex-start!important;margin:15px 0;font-size:.88rem}.pc-check input{width:auto!important;flex:none;margin-top:3px}#pc-dialog{border:0;border-radius:14px;padding:24px;max-width:820px;width:calc(100vw - 32px);max-height:90vh;overflow:auto;box-shadow:0 20px 80px #0005;color:#172638}#pc-dialog::backdrop{background:#09182899}#pc-dialog h2{margin:0;font-size:1.2rem}#pc-dialog .pc-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}#pc-dialog p{font-size:.9rem;line-height:1.6}#pc-dialog label{display:flex;flex-direction:column;gap:6px;font-size:.83rem}#pc-dialog input,#pc-dialog select,#pc-dialog textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font:inherit;background:#fff;color:#172638;box-sizing:border-box}#pc-dialog textarea{min-height:90px}.pc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pc-wide{grid-column:1/-1}#pc-dialog-error{color:#a12626;white-space:pre-wrap;line-height:1.5}.pc-legacy-notice{padding:13px 16px;background:#213747;color:#dfedf7;border:1px solid #39566b;border-radius:8px;margin:12px 0;line-height:1.6}.pc-actions{margin:12px 0}.pc-actions .btn{white-space:normal}.pc-actions button:disabled{opacity:.5;cursor:not-allowed}
@media(min-width:1500px){.pc-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){.pc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-cash{grid-template-columns:1fr;padding:16px}.pc-form-grid{grid-template-columns:1fr}.pc-wide{grid-column:auto}.pc-toolbar{align-items:flex-start}.pc-detail-title{display:block}#pc-dialog{padding:17px;width:calc(100vw - 20px)}.pc-cash strong{font-size:1.6rem}}

.pc-audit-values{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:300px;overflow:auto;background:var(--bg-elevated-soft,#2e2e2e);padding:12px;border-radius:8px}

#pc-dialog{--pc-muted:#526478;background:#fff}#pc-dialog .btn{color:#fff}#view-payroll-cycle{min-width:0}#view-payroll-cycle>.card{min-width:0}#pc-content{min-width:0}

.pc-payout-section{margin:20px 0}.pc-payout-section h3{margin:0;font-size:1.05rem}.pc-payout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}.pc-payout-card{min-width:0;border:1px solid #45617a;border-top:3px solid #6b9ed1;border-radius:12px;padding:18px;background:#172b3b}.pc-payout-card[data-pc-payout="card"]{border-color:#39725f;border-top-color:#64b797;background:#19332b}.pc-payout-card[data-pc-payout="cash"]{border-color:#80643e;border-top-color:#d6ae68;background:#352b1c}.pc-payout-card h4{margin:0 0 10px;color:#fff;font-size:1rem}.pc-payout-amount{display:block;color:#fff;font-size:1.9rem;line-height:1.25;margin:4px 0 18px;overflow-wrap:anywhere}.pc-payout-card dl{margin:0;padding-top:10px;border-top:1px solid #ffffff25;color:#eee;font-size:.86rem}.pc-payout-card dl>div{display:flex;justify-content:space-between;gap:12px;margin-top:8px;flex-wrap:wrap}.pc-payout-card dd{margin:0;font-weight:650}.pc-payout-table{min-width:1080px}.pc-payout-table td[data-pc-channel]>strong{display:block;white-space:nowrap;font-size:1rem}.pc-payout-table td[data-pc-channel]>small{white-space:nowrap}.pc-legal{font-size:.86rem;line-height:1.65}.pc-legal a{color:#9dcbff;text-decoration:underline}
@media(max-width:760px){.pc-payout-grid{grid-template-columns:1fr}.pc-payout-card{padding:16px}.pc-payout-amount{font-size:1.8rem;margin-bottom:12px}.pc-payout-section .pc-badge{margin-top:8px}}