/* Scoped to the new subpage and its entry button; existing Payroll styles are unchanged. */
.pm-launch{display:grid;grid-template-columns:24px 1fr 22px;gap:3px 12px;width:100%;text-align:left;margin:0 0 20px;padding:16px 18px;background:#1e1c13;color:#ffdb4b;border:1px solid #766024;border-radius:16px}
.pm-launch>span:first-child{grid-row:1/3;align-self:center;font-size:25px}.pm-launch>span:last-child{grid-column:3;grid-row:1/3;align-self:center}.pm-launch small{grid-column:2;color:#c3baa0;font-size:12px;font-weight:400}
#paymentMatrix{--pm-bg:#101216;--pm-panel:#181b21;--pm-line:#303640;--pm-muted:#adb5c2;--pm-text:#f0f2f5;min-width:0;color:var(--pm-text)}
#paymentMatrix button{font:inherit;cursor:pointer}#paymentMatrix button:focus-visible,.pm-details button:focus-visible{outline:3px solid #ffda45;outline-offset:3px}#paymentMatrix button:disabled{cursor:default}
#paymentMatrix .pm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.pm-top>span{font-size:10px;letter-spacing:.12em;color:var(--pm-muted)}
.pm-controls{border:1px solid var(--pm-line);border-radius:18px;background:var(--pm-bg);padding:18px;margin:16px 0}.pm-primary{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.pm-switch,.pm-period{display:flex;gap:4px;border:1px solid var(--pm-line);padding:4px;border-radius:13px}.pm-switch button{min-width:105px}.pm-switch .active,.pm-period .active{background:#ffda45!important;color:#171711!important;border-color:#ffda45!important}.pm-switch .secondary,.pm-period .secondary{background:transparent!important;border-color:transparent!important}
#paymentMatrix .pm-note{color:var(--pm-muted);font-size:12px;line-height:1.65;margin:12px 0}.pm-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.pm-filters label{flex:1;min-width:150px;color:var(--pm-muted);font-size:12px;display:flex;flex-direction:column;gap:7px;margin:0}.pm-filters label:first-child{flex:2;min-width:180px}.pm-filters input,.pm-filters select{min-height:44px;margin:0;width:100%;max-width:100%;color-scheme:dark;background:var(--pm-panel);color:var(--pm-text);border:1px solid var(--pm-line);border-radius:10px}.pm-nav{display:flex;gap:6px}.pm-nav button{min-width:40px}.pm-period button{white-space:nowrap}.pm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.pm-metric{padding:17px;background:var(--pm-bg);border:1px solid var(--pm-line);border-radius:16px}.pm-metric small{color:var(--pm-muted);display:block;font-size:12px}.pm-metric strong{display:block;font-size:clamp(18px,2.2vw,28px);margin-top:8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.pm-positive strong{color:#82e1b4}.pm-negative strong{color:#ffa7a0}.pm-period-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}.pm-period-heading small{color:var(--pm-muted)}
.pm-legend{display:flex;gap:8px;flex-wrap:wrap}.pm-badge{display:inline-block;border:1px solid;border-radius:8px;padding:5px 9px;font-size:11px;line-height:1.35}.pm-scheduled{background:#192c4b!important;color:#aed0ff!important;border-color:#3e6696!important}.pm-waiting{background:#3c3015!important;color:#f8d888!important;border-color:#856c32!important}.pm-paid{background:#123a2e!important;color:#8bedc2!important;border-color:#2c8064!important}.pm-overdue{background:#421e23!important;color:#ffb0b6!important;border-color:#9b4650!important}.pm-mixed{background:#312741!important;color:#ddc1ff!important;border-color:#796194!important}.pm-undated,.pm-review{background:#332d20!important;color:#ffe1a3!important;border-color:#847243!important}
.pm-scroll{width:100%;max-width:100%;overflow:auto;border:1px solid var(--pm-line);border-radius:16px;background:var(--pm-bg);isolation:isolate;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.pm-table{border-collapse:separate;border-spacing:0;min-width:100%;width:max-content;margin:0;font-size:13px;color:var(--pm-text)}.pm-table th,.pm-table td{padding:10px;min-width:154px;max-width:185px;border:0;border-bottom:1px solid var(--pm-line);border-right:1px solid var(--pm-line);text-align:left;vertical-align:middle;white-space:normal}.pm-table thead th{font-size:12px;background:#22252b;height:66px;position:sticky;top:0;z-index:2}.pm-table .pm-name{position:sticky;left:0;min-width:186px;max-width:210px;background:#191c22;z-index:3;box-shadow:3px 0 8px #0003;overflow-wrap:anywhere}.pm-table thead .pm-name{z-index:4}.pm-table .pm-name small{display:block;color:var(--pm-muted);font-size:10px;margin-top:7px;font-weight:400}.pm-table .pm-overdue-head{color:#ffb0b6;background:#341c20}.pm-table tfoot th,.pm-table tfoot td{background:#24272e;border-bottom:0}.pm-table tfoot td>small{display:block;color:var(--pm-muted);font-size:10px;margin-top:6px}.pm-table tr:last-child td,.pm-table tr:last-child th{border-bottom:0}
#paymentMatrix .pm-cell{display:block;width:100%;text-align:left;padding:12px;border:1px solid;border-radius:11px;min-height:90px;box-shadow:none}.pm-cell strong{display:block;font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.pm-cell small{display:block;font-size:10px;margin-top:5px;font-weight:400;line-height:1.35}.pm-row-total{border:0!important;background:transparent!important;color:var(--pm-text)!important;text-align:left;padding:8px 2px!important;box-shadow:none!important}.pm-row-total small{display:block;color:var(--pm-muted);font-size:10px;margin-top:6px;font-weight:400}.pm-empty-cell{width:100%;min-height:70px;background:transparent!important;color:#737c8d!important;border:1px dashed #343b48!important;box-shadow:none!important;border-radius:10px;font-size:22px!important}.pm-empty-cell:hover{color:#ffda45!important;border-color:#97803a!important}.pm-dash{display:block;text-align:center;color:#778191}.pm-empty{padding:30px;text-align:center;border:1px dashed var(--pm-line);border-radius:14px;margin-top:15px}.pm-empty p{color:var(--pm-muted);font-size:13px}.pm-warning{border-left:3px solid #f6c66b;background:#342b19;color:#ffdb9c;padding:12px;border-radius:6px;font-size:13px}.pm-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pm-details{display:grid;gap:14px}.pm-detail-card{background:#171a20;color:#f0f2f5;border:1px solid #343a44;border-radius:14px;padding:16px}.pm-detail-head{display:flex;justify-content:space-between;gap:12px;overflow-wrap:anywhere;margin-bottom:12px}.pm-detail-head strong{white-space:nowrap}.pm-detail-card dl{margin:14px 0;display:grid;gap:11px}.pm-detail-card dl>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.3fr);gap:14px;font-size:12px}.pm-detail-card dt{color:#adb5c2}.pm-detail-card dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.pm-detail-card .pm-note{color:#d4bf8c;font-size:12px}
@media(max-width:700px){.pm-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pm-metric{padding:13px}.pm-metric small{font-size:11px}.pm-controls{padding:12px}.pm-filters{gap:10px}.pm-filters label:first-child{flex-basis:100%}.pm-filters label{min-width:130px}.pm-nav{margin-left:auto}.pm-period{flex:1}.pm-period button{flex:1;padding:10px 7px}.pm-table .pm-name{min-width:125px;max-width:125px;font-size:12px}.pm-table th,.pm-table td{min-width:144px;padding:8px}.pm-top>span{display:none}.pm-primary{gap:12px}.pm-primary #pmAdd{width:100%}.pm-launch{padding:14px}.pm-launch small{line-height:1.5}.pm-table .pm-cell{padding:10px}.pm-period-heading b{font-size:13px}}
