/* v21 (cycle 19): JE exception cards, payroll tie, customer match sheet. Paper / ink / bottle green. */
#jex .jx-s,#jex .jx-n,#prtie .pr-n{font:12px/1.4 "IBM Plex Sans",sans-serif;color:#5A564D;margin:4px 0 8px}
#jex details.jx-r{border:1px solid #D8D2C4;border-radius:4px;padding:8px 10px;margin:0 0 10px;background:#FBF9F4}
#jex details.jx-r summary{cursor:pointer;font:500 13px/1.4 "IBM Plex Sans",sans-serif;color:#1B1A17;min-height:32px;display:flex;align-items:center}
#jex .jx-rf{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
#jex .jx-rf label{display:flex;flex-direction:column;font:12px "IBM Plex Sans",sans-serif;color:#5A564D;gap:4px}
#jex .jx-rf label.cb{flex-direction:row;align-items:center;gap:8px;min-height:44px}
#jex .jx-rf input[type=number]{font:15px "IBM Plex Mono",monospace;padding:8px;min-height:44px;border:1px solid #BDB6A6;border-radius:3px;background:#fff}
#jex .jx-rf button,#jex .jx-f button,#jex .jx-b button,#cmbtn,#cmatch button{min-height:44px;padding:0 14px;border:1px solid #1F4D3A;background:#fff;color:#1F4D3A;border-radius:3px;font:500 14px "IBM Plex Sans",sans-serif;cursor:pointer}
#jex .jx-f{display:flex;gap:6px;margin:0 0 10px}
#jex .jx-f button[aria-pressed=true],#jex .jx-b button[aria-pressed=true],#cmatch .pri{background:#1F4D3A;color:#FBF9F4}
#jex .jx-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#jex .jx{border:1px solid #D8D2C4;border-left:4px solid #A0522D;border-radius:4px;padding:10px 12px;background:#fff;color:#1B1A17}
#jex .jx.st-accepted{border-left-color:#1F4D3A}#jex .jx.st-evidence{border-left-color:#B8860B}#jex .jx.none{border-left-color:#1F4D3A;color:#5A564D}
#jex .jx-h{display:flex;justify-content:space-between;gap:8px;font:600 14px/1.3 "Source Serif 4","Source Serif Pro",serif}
#jex .jx-a{font:500 14px "IBM Plex Mono",monospace;white-space:nowrap}
#jex .jx p{margin:4px 0;font:13px/1.45 "IBM Plex Sans",sans-serif}#jex .jx-m{color:#5A564D;font-family:"IBM Plex Mono",monospace!important;font-size:12px!important;word-break:break-word}
#jex .jx-b{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
#prtie .pr-k{display:grid;grid-template-columns:1fr;gap:8px;margin:6px 0 10px}
#prtie .pr-k div{border:1px solid #D8D2C4;border-radius:4px;padding:8px 10px;background:#FBF9F4;color:#1B1A17;display:flex;flex-direction:column}
#prtie .pr-k span,#prtie .pr-k small{font:12px "IBM Plex Sans",sans-serif;color:#5A564D}#prtie .pr-k b{font:600 18px "IBM Plex Mono",monospace}
#prtie .pr-l{list-style:none;margin:0;padding:0}
#prtie .pr-l li{display:grid;grid-template-columns:5.5em 1fr 1fr auto;gap:6px;padding:8px 0;border-bottom:1px solid #E6E0D3;font:13px "IBM Plex Mono",monospace;color:#1B1A17}
#prtie .pr-l .x{color:#A0522D;font-weight:600}
#cmbtn{margin-left:auto}
#cmatch{position:fixed;inset:auto 0 0 0;max-height:85vh;overflow:auto;background:#FBF9F4;color:#1B1A17;border-top:2px solid #1F4D3A;padding:16px 16px calc(16px + env(safe-area-inset-bottom));z-index:60;box-shadow:0 -6px 24px rgba(27,26,23,.18)}
#cmatch h4{margin:0 0 6px;font:600 18px "Source Serif 4","Source Serif Pro",serif}#cmatch p{font:13px/1.45 "IBM Plex Sans",sans-serif;color:#5A564D}
#cmatch .cm-l{padding-left:18px}#cmatch .cm-l li{margin:0 0 12px}
#cmatch .cm-o label{display:flex;align-items:center;gap:8px;min-height:44px;font:14px "IBM Plex Sans",sans-serif;flex-wrap:wrap}#cmatch .cm-o small{color:#5A564D;font-family:"IBM Plex Mono",monospace}
#cmatch .cm-a{display:flex;gap:8px;justify-content:flex-end;position:sticky;bottom:0;background:#FBF9F4;padding-top:8px}
#vfy{min-height:44px}
@media (min-width:700px){#jex .jx-l{grid-template-columns:1fr 1fr}#jex .jx-rf{grid-template-columns:repeat(4,1fr);align-items:end}#prtie .pr-k{grid-template-columns:repeat(3,1fr)}#cmatch{inset:10vh 15vw auto 15vw;border:1px solid #1F4D3A;border-radius:6px}}
@media print{#jex .jx-b,#jex .jx-f,#jex details.jx-r,#cmbtn,#vfy{display:none}}
#vfy{margin-left:8px}@media (max-width:600px){#vfy{margin:8px 0 0;width:100%;min-height:48px}}