.rdcop{--ac:#36bdff;display:flex;height:76dvh;min-height:360px;background:#0b1018;color:#dce7f2;border:1px solid #243349;border-radius:10px;overflow:hidden;font:13px/1.5 Outfit,system-ui,sans-serif}
.rdcop *{box-sizing:border-box}.rdcop aside{width:172px;flex:0 0 172px;display:flex;flex-direction:column;gap:10px;padding:10px;background:#0e1622;border-right:1px solid #243349;overflow:auto}.rdcop aside>strong{color:#bde9ff;line-height:1.4}.rdcop button{color:inherit;background:#111d2c;border:1px solid #2c4059;border-radius:5px;padding:7px;text-align:left;cursor:pointer;font:inherit}.rdcop nav{display:flex;flex-direction:column;gap:6px}.rdcop button[aria-current=page]{color:#51cdff;border-color:#51cdff}.rdcop [data-collapse]{align-self:flex-end;width:28px;text-align:center}.rdcop button:focus-visible{outline:2px solid #51cdff;outline-offset:2px}.rdcop-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.rdcop header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid #243349}.rdcop header span,.rdcop small{color:#8ca5bd;font-size:11px}.rdcop-content{overflow:auto;min-height:0;min-width:0;flex:1;padding:12px}.rdcop h2{font-size:15px;margin:12px 0}.rdcop h3{font-size:14px;margin:0 0 6px;overflow-wrap:anywhere}.rdcop-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:8px}.rdcop-stats article{display:flex;flex-direction:column;gap:6px;border:1px solid #293d53;border-radius:6px;padding:10px}.rdcop-stats b{font-size:22px;color:#39c4ff}.rdcop-stats span{color:#9fb2c5}.rdcop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));grid-auto-rows:1fr;gap:10px}.rdcop-card,.rdcop-history article{background:#101b29;border:1px solid #253a51;border-radius:7px;padding:12px;min-width:0}.rdcop dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin:10px 0}.rdcop dt{color:#91a8be}.rdcop dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.rdcop-state{font-size:11px;color:#a4b4c4}.rdcop-state[data-state=response]{color:#59caff}.rdcop-state[data-state=stale]{color:#f3c679}.rdcop-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:10px}.rdcop-samples{display:flex;gap:2px;align-items:end;flex-wrap:wrap;min-height:30px;padding:8px 0}.rdcop-samples i{display:block;width:5px;height:18px;background:#596779}.rdcop-samples i[data-response=true]{background:#36bdff}.rdcop.rdcop-collapsed aside{width:48px;flex-basis:48px;padding:7px}.rdcop-collapsed aside>strong,.rdcop-collapsed nav span{display:none}.rdcop-collapsed nav button{text-align:center}.rdcop-collapsed [data-collapse]{width:28px}
