/* Additive surfaces; existing game artwork, layout and typography remain intact. */
.op-dialog .btn-primary{background:#2d4139!important;color:#fff!important;border:1px solid #2d4139}.op-dialog .btn-quiet{background:#efe7d7!important;color:#3d3b31!important}.op-pack b,.op-request b,.op-request p,.op-dialog h3{overflow-wrap:anywhere;min-width:0}
.op-note{font-size:12px;color:#70695d;line-height:1.9}.op-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.op-head h1,.op-head h2{margin:0}.op-kicker{font-size:11px;color:#8d642e;font-weight:600}.op-head select{width:auto;min-width:140px}.op-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.op-stat{border:1px solid #dfd5c6;border-radius:17px;background:#fffefa;padding:19px;position:relative;overflow:hidden}.op-stat:after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px;background:#b68c54}.op-stat.primary{background:#293f37;color:#fff}.op-stat.primary small{color:#e0e5df}.op-stat small{display:block;color:#6f6b61;font-size:11px}.op-stat b{display:block;font-size:29px;line-height:1.7;font-weight:700}.op-stat span{font-size:10px;opacity:.8}.op-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}.op-panel{background:#fffefa;border:1px solid #dfd5c6;border-radius:20px;padding:22px;margin-bottom:16px;min-width:0}.op-panel h2{font-size:16px;margin:0 0 12px}.op-chart{height:165px;display:flex;align-items:end;gap:7px;direction:ltr;padding:18px 0 25px}.op-bar{flex:1;background:#688378;border-radius:4px 4px 0 0;position:relative;min-width:2px;max-width:65px;margin:auto;align-self:end}.op-bar span{position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:10px}.op-bar small{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:9px;color:#6e6e61;white-space:nowrap}.op-table-wrap{overflow:auto}.op-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.op-table th,.op-table td{padding:12px 8px;text-align:right;border-bottom:1px solid #e9e3d8}.op-table th{font-size:10px;color:#756d5f;font-weight:500}.op-status{display:inline-flex;padding:4px 9px;border-radius:7px;font-size:10px;background:#efe5d4;color:#715421}.op-status[data-status=APPROVED]{background:#e6efe7;color:#2d5c42}.op-status[data-status=REJECTED],.op-status[data-status=CANCELLED]{background:#f4e8e4;color:#874938}.op-empty{padding:22px;border:1px dashed #cbbfa9;border-radius:12px;color:#786d5b;font-size:13px;text-align:center}.op-request{border:1px solid #e1d7c7;border-radius:14px;padding:15px;margin:10px 0;min-width:0}.op-request-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.op-request code{font-size:11px;direction:ltr;display:inline-block}.op-request p{font-size:12px;margin:7px 0}.op-request .op-actions{margin-top:12px}.op-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.op-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.op-pack{border:1px solid #e0d5c5;border-radius:16px;padding:18px;background:#fffefa;min-width:0;position:relative}.op-pack b{display:block;font-size:15px}.op-pack strong{font-size:30px;line-height:1.8}.op-pack small{display:block;color:#766b5b;font-size:11px}.op-pack input[type=radio]{width:auto;margin:0 0 10px}.op-pack:has(input:checked){border-color:#9e783f;box-shadow:0 0 0 2px #dccaa9;background:#faf5e9}.op-pack.off{opacity:.65}.op-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.op-form label{font-size:12px;color:#635c4f}.op-form input{margin-top:6px}.op-form .full{grid-column:1/-1}.op-form input[type=checkbox]{width:auto}.op-dialog{border:1px solid #d6c6ae;border-radius:22px;padding:24px;width:min(760px,calc(100% - 28px));max-height:90dvh;overflow:auto;background:#f8f3e9;color:#282b25;box-shadow:0 24px 90px #0003;font:inherit}.op-dialog::backdrop{background:#1c2928a8;backdrop-filter:blur(3px)}.op-dialog input,.op-dialog button{font:inherit}.op-dialog .btn{min-height:44px}.op-dialog h2{font-size:23px}.op-dialog .op-note{margin:5px 0 18px}.op-dialog .op-head{align-items:start}.op-dialog .op-head button{background:#eee6d8;color:#333;border:0;border-radius:10px;padding:8px 14px}.op-payment{background:#fffefa;border:1px solid #d8c5a5;border-radius:16px;padding:20px}.op-payment strong{font-size:27px}.op-payment a{background:#2c4739!important;color:#fff!important;text-decoration:none}.op-payment code{display:block;font-size:15px;margin:13px 0;overflow-wrap:anywhere}.op-message{margin:12px 0;color:#7d4b32;font-size:13px}.op-flow{display:flex;gap:12px;margin:18px 0}.op-flow span{font-size:11px;color:#706551}.op-flow b{border:1px solid #c8b58d;border-radius:50%;display:inline-grid;place-items:center;width:24px;height:24px;margin-inline-end:5px;color:#705327}.op-disclosure{font-size:10px;color:#756d60;margin-top:14px;line-height:1.8}.op-mark{width:180px;height:90px;object-fit:contain}.op-prototype{background:#fff1d7;color:#74521e;font-size:12px;text-align:center;padding:9px}.op-health{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:10px 0;border-bottom:1px solid #e7dfd2}.op-health b{color:#39724d}.op-metrics-note{background:#ebe5d8;border-radius:10px;padding:12px;font-size:11px;color:#675a45;line-height:1.9}
@media(max-width:1000px){.op-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.op-columns{grid-template-columns:1fr}.op-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.op-stats{gap:8px}.op-stat{padding:13px}.op-stat b{font-size:24px}.op-panel{padding:15px}.op-packs{gap:8px}.op-pack{padding:12px}.op-pack strong{font-size:25px}.op-form{grid-template-columns:1fr}.op-dialog{padding:17px}.op-flow{gap:9px;flex-wrap:wrap}.op-table{font-size:11px}.op-table th,.op-table td{padding:9px 6px}.op-chart{gap:3px}.op-head h1{font-size:24px}}