.oi-refresh-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.oi-refresh-controls button:disabled{opacity:.6;cursor:wait}
.oi-tabs{display:flex;gap:7px;overflow-x:auto;margin:20px 0;padding-bottom:5px}.oi-tabs button{flex:0 0 auto;background:#122635;border:1px solid #34546a;color:#d3e8f5}.oi-tabs button.active{background:#1d5269;border-color:#61cfe7}.oi-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:10px 0 18px}.oi-controls label{font-size:12px;min-width:190px}.oi-controls input,.oi-controls select{margin-top:5px}.oi-table-wrap{overflow-x:auto;border:1px solid #35556b;border-radius:12px;margin:12px 0 20px}.oi-table{width:100%;border-collapse:collapse;font:12px ui-monospace,monospace}.oi-table th,.oi-table td{padding:11px 9px;border-bottom:1px solid #263a48;text-align:left;white-space:nowrap;vertical-align:top}.oi-table th{color:#90acbd;font-size:10px}.oi-table td strong{font-size:14px}.oi-table td small{display:block;color:var(--muted);font-size:10px}.oi-table .warn{color:var(--warn)}.oi-source{min-width:110px;max-width:300px;white-space:normal;color:var(--muted);font:10px/1.6 ui-monospace,monospace}.oi-source summary{cursor:pointer;color:#73dfff}.oi-source div{margin-top:4px;overflow-wrap:anywhere}.oi-pending{margin:20px 0;padding:12px;border:1px solid #654e36;border-radius:10px}.oi-pending summary{cursor:pointer}.oi-pending-row{padding:9px;border-bottom:1px solid var(--line);font-size:12px}.oi-pending-row .oi-source{display:inline-block;margin-left:12px}.oi-pending-row strong{font-family:ui-monospace,monospace}
@media(max-width:680px){.oi-controls{display:grid;grid-template-columns:1fr 1fr}.oi-controls label{min-width:0}.oi-table,.oi-table tbody,.oi-table tr{display:block}.oi-table thead{display:none}.oi-table tr{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;padding:14px;border-bottom:1px solid #35556b}.oi-table td{display:block;border:0;padding:0;white-space:normal;overflow-wrap:anywhere}.oi-table td::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.oi-table td:nth-child(2){grid-column:1/-1}.oi-table td:last-child{grid-column:1/-1}}