/* oscar-dev-panel.css — fragment.oscar.dev-panel.001 */
.oscar-dev .row {
  padding: 6px 14px;
  border-bottom: 1px solid rgba(120, 160, 120, .15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.oscar-dev .row .label { opacity: .65; }
.oscar-dev .row .val {
  color: #b8e0a8;
  font-weight: 500;
  text-align: right;
}
.oscar-dev .row.link-row { cursor: default; }
.oscar-dev a.oscar-admin-link {
  color: #9bd0ff;
  text-decoration: none;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(60, 140, 200, .15);
  border: 1px solid rgba(60, 140, 200, .4);
  transition: all .12s;
}
.oscar-dev a.oscar-admin-link:hover {
  background: rgba(60, 140, 200, .35);
  border-color: rgba(120, 180, 255, .8);
  text-decoration: none;
  transform: translateX(2px);
}
.oscar-dev .toggle {
  padding: 6px 14px;
  border-bottom: 1px solid rgba(120, 160, 120, .15);
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  flex-shrink: 0;
}
.oscar-dev .toggle input { margin: 0; cursor: pointer; }
.oscar-dev .toggle span {
  flex: 1;
  cursor: pointer;
  font-weight: 500;
}
.oscar-dev .toggle small {
  display: block;
  opacity: .6;
  font-size: 10px;
  margin-top: 1px;
  font-weight: 400;
}
.oscar-dev footer {
  padding: 6px 14px;
  font-size: 10px;
  opacity: .5;
  text-align: center;
  flex-shrink: 0;
  border-top: 1px solid rgba(120, 160, 120, .1);
}