:is(#pettyCash,.of-self-petty) .ofp-panel{max-width:960px;margin:0 auto;color:var(--text,#202a3c)}
:is(#pettyCash,.of-self-petty) .ofp-form{padding:20px;margin-bottom:18px;border-radius:14px}
:is(#pettyCash,.of-self-petty) .ofp-form h2,:is(#pettyCash,.of-self-petty) .ofp-form h3{margin:0 0 14px}
:is(#pettyCash,.of-self-petty) .ofp-form p,:is(#pettyCash,.of-self-petty) .ofp-panel>p{font-size:13px;color:#596579;line-height:1.7;overflow-wrap:anywhere}
:is(#pettyCash,.of-self-petty) .ofp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
:is(#pettyCash,.of-self-petty) fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:14px}
:is(#pettyCash,.of-self-petty) label{display:block;font-size:14px;font-weight:650;min-width:0}
:is(#pettyCash,.of-self-petty) .ofp-input{display:block;box-sizing:border-box;width:100%;min-height:44px;margin-top:6px;padding:10px 12px;font:inherit;font-size:16px;background:white;color:#202a3c;border:1px solid #cbd3df;border-radius:10px}
:is(#pettyCash,.of-self-petty) .ofp-input:focus,:is(#pettyCash,.of-self-petty) button:focus-visible{outline:2px solid var(--blue,#3d54c5);outline-offset:2px}
:is(#pettyCash,.of-self-petty) .ofp-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
:is(#pettyCash,.of-self-petty) .ofp-summary>div{padding:16px;border-radius:12px}
:is(#pettyCash,.of-self-petty) .ofp-summary span{display:block;font-size:13px;color:#596579}
:is(#pettyCash,.of-self-petty) .ofp-summary strong{display:block;margin-top:8px;font-size:21px;overflow-wrap:anywhere}
:is(#pettyCash,.of-self-petty) .ofp-record{border-top:1px solid var(--line,#dae0e8);padding:16px 0;overflow-wrap:anywhere}
:is(#pettyCash,.of-self-petty) .ofp-record .ofp-form{background:#f5f7fb;margin:10px 0 0;padding:16px}
:is(#pettyCash,.of-self-petty) .ofp-actions{display:flex;gap:12px;flex-wrap:wrap}
:is(#pettyCash,.of-self-petty) .ofp-notice:not(:empty){padding:14px;margin:12px 0;background:#edf5ff;border-radius:10px;overflow-wrap:anywhere}
:is(#pettyCash,.of-self-petty) .ofp-error{color:#a72424!important;background:#fff0ef!important}
:is(#pettyCash,.of-self-petty) button{min-height:44px;cursor:pointer;white-space:normal}
:is(#pettyCash,.of-self-petty) button:disabled,:is(#pettyCash,.of-self-petty) fieldset:disabled{opacity:.65;cursor:default}
:is(#pettyCash,.of-self-petty) .ofp-case{display:block;width:100%;text-align:left;margin-top:8px}
:is(#pettyCash,.of-self-petty) a{color:#304eb8;text-decoration:underline}
@media(max-width:640px){:is(#pettyCash,.of-self-petty) .ofp-grid{grid-template-columns:1fr}:is(#pettyCash,.of-self-petty) .ofp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#pettyCash,.of-self-petty) .ofp-form{padding:16px}:is(#pettyCash,.of-self-petty) .ofp-summary strong{font-size:18px}}

:is(#pettyCash,.of-self-petty) .ofp-maintenance{margin-top:12px}
:is(#pettyCash,.of-self-petty) [data-form="maintain"]{border:2px solid #7187c3;background:#f5f7fb}

.ofp-request-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ofp-request-summary p{margin:8px 0}.ofp-request-summary strong{display:block;margin-top:4px}.ofp-receive summary{cursor:pointer;font-weight:600;padding:10px 0;color:var(--primary,#275da8)}.ofp-receive summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:480px){.ofp-request-summary{grid-template-columns:1fr;gap:0}.ofp-request-summary p{display:flex;justify-content:space-between;gap:10px}.ofp-request-summary strong{margin:0}}

.ofp-purge{border-top:1px solid #d9dee8;margin-top:1rem;padding-top:1rem}.ofp-purge-choice{display:flex;align-items:center;gap:.5rem;margin:.75rem 0}.ofp-purge-preview{border:2px solid #ad3030;border-radius:.6rem;padding:1rem;margin-top:1rem}.ofp-purge-preview li{margin:.75rem 0;overflow-wrap:anywhere}.ofp-purge-preview small{display:block;color:#5d6574}.ofp-purge-preview label{display:flex;align-items:flex-start;gap:.5rem}.ofp-purge-preview ul{max-height:22rem;overflow:auto;padding-left:1.5rem}