/* Scoped phone layout, following the Finance panel's dark surface. */
#paySheetNav[hidden], #screen-pay-sheet[hidden] { display:none !important; }
body.lean .nav #paySheetNav:not([hidden]) { display:flex !important; }
#paySheetNav svg { width:22px; height:22px; flex-shrink:0; }
.pay-sheet { max-width:760px; width:100%; margin:0 auto; color:#f4f4f5; }
.ps-heading, .ps-job-top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.pay-sheet h2, .pay-sheet h3, .pay-sheet p { margin:0; overflow-wrap:anywhere; }
.pay-sheet h2 { font-size:20px; }
.pay-sheet h3 { font-size:17px; }
.ps-intro, .ps-hint, .ps-type, .ps-date, #paySheetStamp { color:#b8bfcc; font-size:14px; line-height:1.5; }
.pay-sheet .ps-intro { margin:8px 0 16px; }
.ps-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.pay-sheet button, .pay-sheet select, .pay-sheet textarea, .ps-edit button, .ps-edit input {
  font:inherit; font-size:16px; min-height:44px; border:0; border-radius:8px;
  background:#242b39; color:#f4f4f5; padding:10px 12px; }
.pay-sheet button, .ps-edit button { cursor:pointer; }
.pay-sheet button:disabled { opacity:.55; cursor:wait; }
.pay-sheet button[aria-pressed="true"], .pay-sheet button.ps-paid, .ps-edit button[type="submit"] {
  background:#f0ce80; color:#171923; font-weight:700; }
.pay-sheet :focus-visible, .ps-edit :focus-visible { outline:3px solid #f0ce80; outline-offset:3px; }
.ps-partner { margin:20px 0 32px; }
.ps-partner-head { position:sticky; top:0; z-index:2; background:#151b28; border-radius:10px;
  padding:14px; box-shadow:0 4px 14px #0005; }
.ps-partner-head p { display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:6px; font-size:14px; }
.ps-partner-head strong { color:#b9f4d2; }
.ps-partner-head span { color:#d3d8e0; }
.ps-job, .ps-bonus { background:#101621; border-radius:10px; padding:16px; margin-top:12px; }
.ps-job :focus, .ps-bonus :focus { scroll-margin-top:140px; }
.ps-chip { font-size:13px; font-weight:700; border-radius:20px; padding:5px 10px; white-space:nowrap; }
.ps-chip.ps-hold { background:#4b3c20; color:#ffe2a3; }
.ps-chip.ps-pay { background:#183d31; color:#b9f4d2; }
.ps-chip.ps-paid { background:#2d3546; color:#e0e7f6; }
.ps-job .ps-wait { color:#ffe2a3; margin-top:10px; font-size:14px; }
.ps-amounts { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 8px; }
.ps-amount { flex:1; min-width:85px; text-align:left; }
.ps-amount span, .ps-amount strong { display:block; }
.ps-amount span { font-size:13px; color:#c9d0dc; }
.ps-amount strong { margin-top:4px; font-size:18px; font-variant-numeric:tabular-nums; }
.ps-amount small { display:block; margin-top:6px; font-size:13px; color:#c9d0dc; overflow-wrap:anywhere; }
.ps-hint .ps-reset { font-size:14px; margin-left:8px; }
.ps-client, .ps-payout { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin-top:16px; }
.pay-sheet label, .ps-edit label { display:flex; flex-direction:column; gap:6px; font-size:14px; }
.ps-client > label, .ps-payout > label { flex:1; min-width:145px; }
.ps-client .ps-switch { flex-direction:row; align-items:center; min-height:44px; font-size:16px; }
.ps-switch input { width:24px; height:24px; margin:0 8px 0 0; accent-color:#f0ce80; }
.ps-payout button { min-width:100px; }
.ps-job details { margin-top:16px; }
.ps-job summary { cursor:pointer; padding:12px 0; min-height:44px; overflow-wrap:anywhere; }
.ps-job textarea { width:100%; box-sizing:border-box; resize:vertical; }
.ps-job form button { margin-top:8px; }
.ps-row-message, #paySheetNotice, #paySheetEditError { color:#ffe2a3; font-size:14px; line-height:1.5; }
.ps-row-message:empty, #paySheetNotice:empty, #paySheetEditError:empty { display:none; }
.ps-job .ps-row-message, .ps-bonus .ps-row-message { margin-top:10px; }
.ps-bonus h3 { line-height:1.5; margin-bottom:12px; }
.ps-bonus button { margin-right:8px; }
.ps-empty { padding:20px 0; color:#c9d0dc; line-height:1.5; }
#paySheetStamp { margin-top:16px; }
.ps-edit { width:min(360px, calc(100% - 48px)); box-sizing:border-box; padding:20px; background:#151b28;
  color:#f4f4f5; border:0; border-radius:14px; }
.ps-edit::backdrop { background:#000b; }
.ps-edit h2 { margin:0 0 12px; }
.ps-edit p { line-height:1.5; color:#c9d0dc; }
.ps-edit input { box-sizing:border-box; width:100%; }
.ps-edit-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.ps-edit-actions button { flex:1; }