.jps{width:min(1120px,96vw);max-height:94dvh;padding:0;border:1px solid #dce5dc;border-radius:20px;color:#243f34;background:#f5f7f3;box-shadow:0 22px 80px #15291e44}.jps::backdrop{background:#13281ed0}.jps *{box-sizing:border-box}.jps header,.jps footer{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.jps header{background:#213e33;color:#fff}.jps h2,.jps h3,.jps p{margin:0 0 10px}.jps header p{color:#e0c080;font-weight:700}.jps button,.jps input,.jps select{font:inherit;min-height:44px;border-radius:10px}.jps button{padding:9px 15px;background:#315e46;color:#fff;border:0;cursor:pointer}.jps button:disabled{opacity:.5;cursor:not-allowed}.jps button.secondary{color:#294637;background:#e9eee7}.jps button.gold{background:#ae8948;color:#fff;font-weight:700}.jps button:focus-visible,.jps input:focus-visible,.jps select:focus-visible{outline:3px solid #b58726;outline-offset:2px}.jps main{padding:20px 24px;display:grid;gap:16px}.jps section{border:1px solid #d7e2d6;border-radius:15px;padding:18px;background:#fff;min-width:0}.jps label{display:grid;gap:7px}.jps input,.jps select{width:100%;padding:9px;border:1px solid #b9cbbb;background:#fff;color:#203e31}.jps .jps-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.jps .jps-row input{flex:1;min-width:160px}.jps .jps-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.jps .jps-used{background:#eaf4eb}.jps .jps-refill{background:#fff6e9;border-color:#e8c99b}.jps .jps-items{display:grid;gap:10px}.jps .jps-item{display:grid;grid-template-columns:minmax(0,1fr) 110px 80px;gap:14px;align-items:center;padding:14px;border:1px solid #dbe5d9;border-radius:12px}.jps .jps-item b,.jps td{overflow-wrap:anywhere}.jps small{display:block;color:#546b5c;margin-top:5px}.jps .jps-error{background:#fff0ed;color:#a43324;padding:12px;border-radius:10px}.jps .jps-message{padding:12px 24px;margin:0;background:#edf3e9;white-space:pre-line}.jps .jps-results{display:grid;gap:7px;margin-top:10px}.jps .jps-results button{text-align:left;background:#f0f4ed;color:#234536}.jps video{max-width:100%;max-height:40dvh;display:block;background:#14261c}.jps .jps-table{overflow:auto}.jps table{border-collapse:collapse;width:100%;min-width:750px}.jps th,.jps td{text-align:left;padding:10px;border-bottom:1px solid #e2e8dd}.jps th{background:#eef2e9}.jps [hidden]{display:none!important}.jps footer{position:sticky;bottom:0;border-top:1px solid #dae3d6}.jps .jps-detail{white-space:pre-wrap}.jps-job-history{margin-top:20px;overflow:auto}.jps-job-history table{min-width:720px}.jps-job-history th,.jps-job-history td{padding:10px;text-align:left}.jps-job-history small{display:block}
@media(max-width:640px){.jps{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.jps header,.jps footer{padding:14px}.jps main{padding:12px;gap:12px}.jps section{padding:14px}.jps h2{font-size:21px}.jps .jps-columns{grid-template-columns:1fr}.jps .jps-item{grid-template-columns:minmax(0,1fr) 88px;gap:10px}.jps .jps-item>button{grid-column:2}.jps footer{flex-wrap:wrap}.jps footer button{flex:1}.jps .jps-message{padding:12px}.jps .jps-row button{flex:1}}
